/* compiled by wp scssphp 1.12.0 on Sun, 21 Jul 2024 04:23:03 +0000 (0.3921s) */

@charset "UTF-8";

.pix-m-5 {
    margin: 5px !important
}

.pix-mt-5, .pix-my-5 {
    margin-top: 5px !important
}

.pix-mr-5, .pix-mx-5 {
    margin-right: 5px !important
}

.pix-mb-5, .pix-my-5 {
    margin-bottom: 5px !important
}

.pix-ml-5, .pix-mx-5 {
    margin-left: 5px !important
}

.pix-m-10 {
    margin: 10px !important
}

.pix-mt-10, .pix-my-10 {
    margin-top: 10px !important
}

.pix-mr-10, .pix-mx-10 {
    margin-right: 10px !important
}

.pix-mb-10, .pix-my-10 {
    margin-bottom: 10px !important
}

.pix-ml-10, .pix-mx-10 {
    margin-left: 10px !important
}

.pix-m-15 {
    margin: 15px !important
}

.pix-mt-15, .pix-my-15 {
    margin-top: 15px !important
}

.pix-mr-15, .pix-mx-15 {
    margin-right: 15px !important
}

.pix-mb-15, .pix-my-15 {
    margin-bottom: 15px !important
}

.pix-ml-15, .pix-mx-15 {
    margin-left: 15px !important
}

.pix-m-20 {
    margin: 20px !important
}

.pix-mt-20, .pix-my-20 {
    margin-top: 20px !important
}

.pix-mr-20, .pix-mx-20 {
    margin-right: 20px !important
}

.pix-mb-20, .pix-my-20 {
    margin-bottom: 20px !important
}

.pix-ml-20, .pix-mx-20 {
    margin-left: 20px !important
}

.pix-m-25 {
    margin: 25px !important
}

.pix-mt-25, .pix-my-25 {
    margin-top: 25px !important
}

.pix-mr-25, .pix-mx-25 {
    margin-right: 25px !important
}

.pix-mb-25, .pix-my-25 {
    margin-bottom: 25px !important
}

.pix-ml-25, .pix-mx-25 {
    margin-left: 25px !important
}

.pix-m-30 {
    margin: 30px !important
}

.pix-mt-30, .pix-my-30 {
    margin-top: 30px !important
}

.pix-mr-30, .pix-mx-30 {
    margin-right: 30px !important
}

.pix-mb-30, .pix-my-30 {
    margin-bottom: 30px !important
}

.pix-ml-30, .pix-mx-30 {
    margin-left: 30px !important
}

.pix-m-35 {
    margin: 35px !important
}

.pix-mt-35, .pix-my-35 {
    margin-top: 35px !important
}

.pix-mr-35, .pix-mx-35 {
    margin-right: 35px !important
}

.pix-mb-35, .pix-my-35 {
    margin-bottom: 35px !important
}

.pix-ml-35, .pix-mx-35 {
    margin-left: 35px !important
}

.pix-m-40 {
    margin: 40px !important
}

.pix-mt-40, .pix-my-40 {
    margin-top: 40px !important
}

.pix-mr-40, .pix-mx-40 {
    margin-right: 40px !important
}

.pix-mb-40, .pix-my-40 {
    margin-bottom: 40px !important
}

.pix-ml-40, .pix-mx-40 {
    margin-left: 40px !important
}

.pix-m-45 {
    margin: 45px !important
}

.pix-mt-45, .pix-my-45 {
    margin-top: 45px !important
}

.pix-mr-45, .pix-mx-45 {
    margin-right: 45px !important
}

.pix-mb-45, .pix-my-45 {
    margin-bottom: 45px !important
}

.pix-ml-45, .pix-mx-45 {
    margin-left: 45px !important
}

.pix-m-50 {
    margin: 50px !important
}

.pix-mt-50, .pix-my-50 {
    margin-top: 50px !important
}

.pix-mr-50, .pix-mx-50 {
    margin-right: 50px !important
}

.pix-mb-50, .pix-my-50 {
    margin-bottom: 50px !important
}

.pix-ml-50, .pix-mx-50 {
    margin-left: 50px !important
}

.pix-m-60 {
    margin: 60px !important
}

.pix-mt-60, .pix-my-60 {
    margin-top: 60px !important
}

.pix-mr-60, .pix-mx-60 {
    margin-right: 60px !important
}

.pix-mb-60, .pix-my-60 {
    margin-bottom: 60px !important
}

.pix-ml-60, .pix-mx-60 {
    margin-left: 60px !important
}

.pix-m-70 {
    margin: 70px !important
}

.pix-mt-70, .pix-my-70 {
    margin-top: 70px !important
}

.pix-mr-70, .pix-mx-70 {
    margin-right: 70px !important
}

.pix-mb-70, .pix-my-70 {
    margin-bottom: 70px !important
}

.pix-ml-70, .pix-mx-70 {
    margin-left: 70px !important
}

.pix-m-80 {
    margin: 80px !important
}

.pix-mt-80, .pix-my-80 {
    margin-top: 80px !important
}

.pix-mr-80, .pix-mx-80 {
    margin-right: 80px !important
}

.pix-mb-80, .pix-my-80 {
    margin-bottom: 80px !important
}

.pix-ml-80, .pix-mx-80 {
    margin-left: 80px !important
}

.pix-m-90 {
    margin: 90px !important
}

.pix-mt-90, .pix-my-90 {
    margin-top: 90px !important
}

.pix-mr-90, .pix-mx-90 {
    margin-right: 90px !important
}

.pix-mb-90, .pix-my-90 {
    margin-bottom: 90px !important
}

.pix-ml-90, .pix-mx-90 {
    margin-left: 90px !important
}

.pix-m-100 {
    margin: 100px !important
}

.pix-mt-100, .pix-my-100 {
    margin-top: 100px !important
}

.pix-mr-100, .pix-mx-100 {
    margin-right: 100px !important
}

.pix-mb-100, .pix-my-100 {
    margin-bottom: 100px !important
}

.pix-ml-100, .pix-mx-100 {
    margin-left: 100px !important
}

.pix-m-120 {
    margin: 120px !important
}

.pix-mt-120, .pix-my-120 {
    margin-top: 120px !important
}

.pix-mr-120, .pix-mx-120 {
    margin-right: 120px !important
}

.pix-mb-120, .pix-my-120 {
    margin-bottom: 120px !important
}

.pix-ml-120, .pix-mx-120 {
    margin-left: 120px !important
}

.pix-m-130 {
    margin: 130px !important
}

.pix-mt-130, .pix-my-130 {
    margin-top: 130px !important
}

.pix-mr-130, .pix-mx-130 {
    margin-right: 130px !important
}

.pix-mb-130, .pix-my-130 {
    margin-bottom: 130px !important
}

.pix-ml-130, .pix-mx-130 {
    margin-left: 130px !important
}

.pix-m-150 {
    margin: 150px !important
}

.pix-mt-150, .pix-my-150 {
    margin-top: 150px !important
}

.pix-mr-150, .pix-mx-150 {
    margin-right: 150px !important
}

.pix-mb-150, .pix-my-150 {
    margin-bottom: 150px !important
}

.pix-ml-150, .pix-mx-150 {
    margin-left: 150px !important
}

.pix-m-200 {
    margin: 200px !important
}

.pix-mt-200, .pix-my-200 {
    margin-top: 200px !important
}

.pix-mr-200, .pix-mx-200 {
    margin-right: 200px !important
}

.pix-mb-200, .pix-my-200 {
    margin-bottom: 200px !important
}

.pix-ml-200, .pix-mx-200 {
    margin-left: 200px !important
}

.pix-p-5 {
    padding: 5px !important
}

.pix-pt-5, .pix-py-5 {
    padding-top: 5px !important
}

.pix-pr-5, .pix-px-5 {
    padding-right: 5px !important
}

.pix-pb-5, .pix-py-5 {
    padding-bottom: 5px !important
}

.pix-pl-5, .pix-px-5 {
    padding-left: 5px !important
}

.pix-p-10 {
    padding: 10px !important
}

.pix-pt-10, .pix-py-10 {
    padding-top: 10px !important
}

.pix-pr-10, .pix-px-10 {
    padding-right: 10px !important
}

.pix-pb-10, .pix-py-10 {
    padding-bottom: 10px !important
}

.pix-pl-10, .pix-px-10 {
    padding-left: 10px !important
}

.pix-p-15 {
    padding: 15px !important
}

.pix-pt-15, .pix-py-15 {
    padding-top: 15px !important
}

.pix-pr-15, .pix-px-15 {
    padding-right: 15px !important
}

.pix-pb-15, .pix-py-15 {
    padding-bottom: 15px !important
}

.pix-pl-15, .pix-px-15 {
    padding-left: 15px !important
}

.pix-p-20 {
    padding: 20px !important
}

.pix-pt-20, .pix-py-20 {
    padding-top: 20px !important
}

.pix-pr-20, .pix-px-20 {
    padding-right: 20px !important
}

.pix-pb-20, .pix-py-20 {
    padding-bottom: 20px !important
}

.pix-pl-20, .pix-px-20 {
    padding-left: 20px !important
}

.pix-p-25 {
    padding: 25px !important
}

.pix-pt-25, .pix-py-25 {
    padding-top: 25px !important
}

.pix-pr-25, .pix-px-25 {
    padding-right: 25px !important
}

.pix-pb-25, .pix-py-25 {
    padding-bottom: 25px !important
}

.pix-pl-25, .pix-px-25 {
    padding-left: 25px !important
}

.pix-p-30 {
    padding: 30px !important
}

.pix-pt-30, .pix-py-30 {
    padding-top: 30px !important
}

.pix-pr-30, .pix-px-30 {
    padding-right: 30px !important
}

.pix-pb-30, .pix-py-30 {
    padding-bottom: 30px !important
}

.pix-pl-30, .pix-px-30 {
    padding-left: 30px !important
}

.pix-p-35 {
    padding: 35px !important
}

.pix-pt-35, .pix-py-35 {
    padding-top: 35px !important
}

.pix-pr-35, .pix-px-35 {
    padding-right: 35px !important
}

.pix-pb-35, .pix-py-35 {
    padding-bottom: 35px !important
}

.pix-pl-35, .pix-px-35 {
    padding-left: 35px !important
}

.pix-p-40 {
    padding: 40px !important
}

.pix-pt-40, .pix-py-40 {
    padding-top: 40px !important
}

.pix-pr-40, .pix-px-40 {
    padding-right: 40px !important
}

.pix-pb-40, .pix-py-40 {
    padding-bottom: 40px !important
}

.pix-pl-40, .pix-px-40 {
    padding-left: 40px !important
}

.pix-p-45 {
    padding: 45px !important
}

.pix-pt-45, .pix-py-45 {
    padding-top: 45px !important
}

.pix-pr-45, .pix-px-45 {
    padding-right: 45px !important
}

.pix-pb-45, .pix-py-45 {
    padding-bottom: 45px !important
}

.pix-pl-45, .pix-px-45 {
    padding-left: 45px !important
}

.pix-p-50 {
    padding: 50px !important
}

.pix-pt-50, .pix-py-50 {
    padding-top: 50px !important
}

.pix-pr-50, .pix-px-50 {
    padding-right: 50px !important
}

.pix-pb-50, .pix-py-50 {
    padding-bottom: 50px !important
}

.pix-pl-50, .pix-px-50 {
    padding-left: 50px !important
}

.pix-p-60 {
    padding: 60px !important
}

.pix-pt-60, .pix-py-60 {
    padding-top: 60px !important
}

.pix-pr-60, .pix-px-60 {
    padding-right: 60px !important
}

.pix-pb-60, .pix-py-60 {
    padding-bottom: 60px !important
}

.pix-pl-60, .pix-px-60 {
    padding-left: 60px !important
}

.pix-p-70 {
    padding: 70px !important
}

.pix-pt-70, .pix-py-70 {
    padding-top: 70px !important
}

.pix-pr-70, .pix-px-70 {
    padding-right: 70px !important
}

.pix-pb-70, .pix-py-70 {
    padding-bottom: 70px !important
}

.pix-pl-70, .pix-px-70 {
    padding-left: 70px !important
}

.pix-p-80 {
    padding: 80px !important
}

.pix-pt-80, .pix-py-80 {
    padding-top: 80px !important
}

.pix-pr-80, .pix-px-80 {
    padding-right: 80px !important
}

.pix-pb-80, .pix-py-80 {
    padding-bottom: 80px !important
}

.pix-pl-80, .pix-px-80 {
    padding-left: 80px !important
}

.pix-p-90 {
    padding: 90px !important
}

.pix-pt-90, .pix-py-90 {
    padding-top: 90px !important
}

.pix-pr-90, .pix-px-90 {
    padding-right: 90px !important
}

.pix-pb-90, .pix-py-90 {
    padding-bottom: 90px !important
}

.pix-pl-90, .pix-px-90 {
    padding-left: 90px !important
}

.pix-p-100 {
    padding: 100px !important
}

.pix-pt-100, .pix-py-100 {
    padding-top: 100px !important
}

.pix-pr-100, .pix-px-100 {
    padding-right: 100px !important
}

.pix-pb-100, .pix-py-100 {
    padding-bottom: 100px !important
}

.pix-pl-100, .pix-px-100 {
    padding-left: 100px !important
}

.pix-p-120 {
    padding: 120px !important
}

.pix-pt-120, .pix-py-120 {
    padding-top: 120px !important
}

.pix-pr-120, .pix-px-120 {
    padding-right: 120px !important
}

.pix-pb-120, .pix-py-120 {
    padding-bottom: 120px !important
}

.pix-pl-120, .pix-px-120 {
    padding-left: 120px !important
}

.pix-p-130 {
    padding: 130px !important
}

.pix-pt-130, .pix-py-130 {
    padding-top: 130px !important
}

.pix-pr-130, .pix-px-130 {
    padding-right: 130px !important
}

.pix-pb-130, .pix-py-130 {
    padding-bottom: 130px !important
}

.pix-pl-130, .pix-px-130 {
    padding-left: 130px !important
}

.pix-p-150 {
    padding: 150px !important
}

.pix-pt-150, .pix-py-150 {
    padding-top: 150px !important
}

.pix-pr-150, .pix-px-150 {
    padding-right: 150px !important
}

.pix-pb-150, .pix-py-150 {
    padding-bottom: 150px !important
}

.pix-pl-150, .pix-px-150 {
    padding-left: 150px !important
}

.pix-p-200 {
    padding: 200px !important
}

.pix-pt-200, .pix-py-200 {
    padding-top: 200px !important
}

.pix-pr-200, .pix-px-200 {
    padding-right: 200px !important
}

.pix-pb-200, .pix-py-200 {
    padding-bottom: 200px !important
}

.pix-pl-200, .pix-px-200 {
    padding-left: 200px !important
}

.bg-gray-1 {
    background-color: #f8f9fa !important
}

a.bg-gray-1:hover, button.bg-gray-1:hover {
    background-color: #dae0e5 !important
}

svg g.bg-gray-1, svg path.bg-gray-1, svg polygon.bg-gray-1, svg ellipse.bg-gray-1 {
    fill: #f8f9fa !important
}

.bg-gray-2 {
    background-color: #e9ecef !important
}

a.bg-gray-2:hover, button.bg-gray-2:hover {
    background-color: #cbd3da !important
}

svg g.bg-gray-2, svg path.bg-gray-2, svg polygon.bg-gray-2, svg ellipse.bg-gray-2 {
    fill: #e9ecef !important
}

.bg-gray-3 {
    background-color: #dee2e6 !important
}

a.bg-gray-3:hover, button.bg-gray-3:hover {
    background-color: #c1c9d0 !important
}

svg g.bg-gray-3, svg path.bg-gray-3, svg polygon.bg-gray-3, svg ellipse.bg-gray-3 {
    fill: #dee2e6 !important
}

.bg-gray-4 {
    background-color: #ced4da !important
}

a.bg-gray-4:hover, button.bg-gray-4:hover {
    background-color: #b1bbc4 !important
}

svg g.bg-gray-4, svg path.bg-gray-4, svg polygon.bg-gray-4, svg ellipse.bg-gray-4 {
    fill: #ced4da !important
}

.bg-gray-5 {
    background-color: #adb5bd !important
}

a.bg-gray-5:hover, button.bg-gray-5:hover {
    background-color: #919ca6 !important
}

svg g.bg-gray-5, svg path.bg-gray-5, svg polygon.bg-gray-5, svg ellipse.bg-gray-5 {
    fill: #adb5bd !important
}

.bg-gray-6 {
    background-color: #6c757d !important
}

a.bg-gray-6:hover, button.bg-gray-6:hover {
    background-color: #545b62 !important
}

svg g.bg-gray-6, svg path.bg-gray-6, svg polygon.bg-gray-6, svg ellipse.bg-gray-6 {
    fill: #6c757d !important
}

.bg-gray-7 {
    background-color: #495057 !important
}

a.bg-gray-7:hover, button.bg-gray-7:hover {
    background-color: #32373b !important
}

svg g.bg-gray-7, svg path.bg-gray-7, svg polygon.bg-gray-7, svg ellipse.bg-gray-7 {
    fill: #495057 !important
}

.bg-gray-8 {
    background-color: #343a40 !important
}

a.bg-gray-8:hover, button.bg-gray-8:hover {
    background-color: #1d2124 !important
}

svg g.bg-gray-8, svg path.bg-gray-8, svg polygon.bg-gray-8, svg ellipse.bg-gray-8 {
    fill: #343a40 !important
}

.bg-gray-9 {
    background-color: #212529 !important
}

a.bg-gray-9:hover, button.bg-gray-9:hover {
    background-color: #0a0c0d !important
}

svg g.bg-gray-9, svg path.bg-gray-9, svg polygon.bg-gray-9, svg ellipse.bg-gray-9 {
    fill: #212529 !important
}

.bg-primary {
    background-color: #02003F !important
}

a.bg-primary:hover, button.bg-primary:hover {
    background-color: #1b84b2 !important
}

svg g.bg-primary, svg path.bg-primary, svg polygon.bg-primary, svg ellipse.bg-primary {
    fill: #02003F !important
}

.bg-secondary {
    background-color: #54595f !important
}

a.bg-secondary:hover, button.bg-secondary:hover {
    background-color: #3c4044 !important
}

svg g.bg-secondary, svg path.bg-secondary, svg polygon.bg-secondary, svg ellipse.bg-secondary {
    fill: #54595f !important
}

.bg-green {
    background-color: #4ED199 !important
}

a.bg-green:hover, button.bg-green:hover {
    background-color: #31bb80 !important
}

svg g.bg-green, svg path.bg-green, svg polygon.bg-green, svg ellipse.bg-green {
    fill: #4ED199 !important
}

.bg-cyan {
    background-color: #0dd3ff !important
}

a.bg-cyan:hover, button.bg-cyan:hover {
    background-color: #00b2d9 !important
}

.font-uni{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: normal!important;
}

.cajita-center{
    display: flex;
    justify-content: space-around;
}

svg g.bg-cyan, svg path.bg-cyan, svg polygon.bg-cyan, svg ellipse.bg-cyan {
    fill: #0dd3ff !important
}

.bg-yellow {
    background-color: #ffc168 !important
}

a.bg-yellow:hover, button.bg-yellow:hover {
    background-color: #ffac35 !important
}

svg g.bg-yellow, svg path.bg-yellow, svg polygon.bg-yellow, svg ellipse.bg-yellow {
    fill: #ffc168 !important
}

.bg-orange {
    background-color: #02003F !important
}

a.bg-orange:hover, button.bg-orange:hover {
    background-color: #cc7a00 !important
}

svg g.bg-orange, svg path.bg-orange, svg polygon.bg-orange, svg ellipse.bg-orange {
    fill: #ff9900 !important
}

.bg-red {
    background-color: #ff6c5f !important
}

a.bg-red:hover, button.bg-red:hover {
    background-color: #ff3d2c !important
}

svg g.bg-red, svg path.bg-red, svg polygon.bg-red, svg ellipse.bg-red {
    fill: #ff6c5f !important
}

.bg-blue {
    background-color: #0378b5 !important
}

a.bg-blue:hover, button.bg-blue:hover {
    background-color: #025783 !important
}

svg g.bg-blue, svg path.bg-blue, svg polygon.bg-blue, svg ellipse.bg-blue {
    fill: #0378b5 !important
}

.bg-brown {
    background-color: #b4a996 !important
}

a.bg-brown:hover, button.bg-brown:hover {
    background-color: #9f9178 !important
}

svg g.bg-brown, svg path.bg-brown, svg polygon.bg-brown, svg ellipse.bg-brown {
    fill: #b4a996 !important
}

.bg-purple {
    background-color: #4b19f7 !important
}

a.bg-purple:hover, button.bg-purple:hover {
    background-color: #3607d6 !important
}

svg g.bg-purple, svg path.bg-purple, svg polygon.bg-purple, svg ellipse.bg-purple {
    fill: #4b19f7 !important
}

.bg-white {
    background-color: #fff !important
}

a.bg-white:hover, button.bg-white:hover {
    background-color: #e6e6e6 !important
}

svg g.bg-white, svg path.bg-white, svg polygon.bg-white, svg ellipse.bg-white {
    fill: #fff !important
}

.bg-black {
    background-color: #000 !important
}

a.bg-black:hover, button.bg-black:hover {
    background-color: black !important
}

svg g.bg-black, svg path.bg-black, svg polygon.bg-black, svg ellipse.bg-black {
    fill: #000 !important
}

.bg-dark-opacity-05 {
    background-color: rgba(0, 0, 0, 0.05) !important
}

a.bg-dark-opacity-05:hover, button.bg-dark-opacity-05:hover {
    background-color: rgba(0, 0, 0, 0.05) !important
}

svg .bg-dark-opacity-05 {
    fill: rgba(0, 0, 0, 0.05) !important
}

.bg-light-opacity-05 {
    background-color: rgba(255, 255, 255, 0.05) !important
}

a.bg-light-opacity-05:hover, button.bg-light-opacity-05:hover {
    background-color: rgba(204, 204, 204, 0.05) !important
}

svg .bg-light-opacity-05 {
    fill: rgba(255, 255, 255, 0.05) !important
}

.bg-dark-opacity-0 {
    background-color: rgba(0, 0, 0, 0) !important
}

a.bg-dark-opacity-0:hover, button.bg-dark-opacity-0:hover {
    background-color: rgba(0, 0, 0, 0) !important
}

svg .bg-dark-opacity-0 {
    fill: rgba(0, 0, 0, 0) !important
}

.bg-light-opacity-0 {
    background-color: rgba(255, 255, 255, 0) !important
}

a.bg-light-opacity-0:hover, button.bg-light-opacity-0:hover {
    background-color: rgba(204, 204, 204, 0) !important
}

svg .bg-light-opacity-0 {
    fill: rgba(255, 255, 255, 0) !important
}

.bg-dark-opacity-1 {
    background-color: rgba(0, 0, 0, 0.1) !important
}

a.bg-dark-opacity-1:hover, button.bg-dark-opacity-1:hover {
    background-color: rgba(0, 0, 0, 0.1) !important
}

svg .bg-dark-opacity-1 {
    fill: rgba(0, 0, 0, 0.1) !important
}

.bg-light-opacity-1 {
    background-color: rgba(255, 255, 255, 0.1) !important
}

a.bg-light-opacity-1:hover, button.bg-light-opacity-1:hover {
    background-color: rgba(204, 204, 204, 0.1) !important
}

svg .bg-light-opacity-1 {
    fill: rgba(255, 255, 255, 0.1) !important
}

.bg-dark-opacity-2 {
    background-color: rgba(0, 0, 0, 0.2) !important
}

a.bg-dark-opacity-2:hover, button.bg-dark-opacity-2:hover {
    background-color: rgba(0, 0, 0, 0.2) !important
}

svg .bg-dark-opacity-2 {
    fill: rgba(0, 0, 0, 0.2) !important
}

.bg-light-opacity-2 {
    background-color: rgba(255, 255, 255, 0.2) !important
}

a.bg-light-opacity-2:hover, button.bg-light-opacity-2:hover {
    background-color: rgba(204, 204, 204, 0.2) !important
}

svg .bg-light-opacity-2 {
    fill: rgba(255, 255, 255, 0.2) !important
}

.bg-dark-opacity-3 {
    background-color: rgb(253 253 253 / 97%) !important
}

a.bg-dark-opacity-3:hover, button.bg-dark-opacity-3:hover {
    background-color: rgba(0, 0, 0, 0.3) !important
}

svg .bg-dark-opacity-3 {
    fill: rgba(0, 0, 0, 0.3) !important
}

.bg-light-opacity-3 {
    background-color: rgba(255, 255, 255, 0.3) !important
}

a.bg-light-opacity-3:hover, button.bg-light-opacity-3:hover {
    background-color: rgba(204, 204, 204, 0.3) !important
}

svg .bg-light-opacity-3 {
    fill: rgba(255, 255, 255, 0.3) !important
}

.bg-dark-opacity-4 {
    background-color: rgba(0, 0, 0, 0.4) !important
}

a.bg-dark-opacity-4:hover, button.bg-dark-opacity-4:hover {
    background-color: rgba(0, 0, 0, 0.4) !important
}

svg .bg-dark-opacity-4 {
    fill: rgba(0, 0, 0, 0.4) !important
}

.bg-light-opacity-4 {
    background-color: rgba(255, 255, 255, 0.4) !important
}

a.bg-light-opacity-4:hover, button.bg-light-opacity-4:hover {
    background-color: rgba(204, 204, 204, 0.4) !important
}

svg .bg-light-opacity-4 {
    fill: rgba(255, 255, 255, 0.4) !important
}

.bg-dark-opacity-5 {
    background-color: rgba(0, 0, 0, 0.5) !important
}

a.bg-dark-opacity-5:hover, button.bg-dark-opacity-5:hover {
    background-color: rgba(0, 0, 0, 0.5) !important
}

svg .bg-dark-opacity-5 {
    fill: rgba(0, 0, 0, 0.5) !important
}

.bg-light-opacity-5 {
    background-color: rgba(255, 255, 255, 0.5) !important
}

a.bg-light-opacity-5:hover, button.bg-light-opacity-5:hover {
    background-color: rgba(204, 204, 204, 0.5) !important
}

svg .bg-light-opacity-5 {
    fill: rgba(255, 255, 255, 0.5) !important
}

.bg-dark-opacity-6 {
    background-color: rgba(0, 0, 0, 0.6) !important
}

a.bg-dark-opacity-6:hover, button.bg-dark-opacity-6:hover {
    background-color: rgba(0, 0, 0, 0.6) !important
}

svg .bg-dark-opacity-6 {
    fill: rgba(0, 0, 0, 0.6) !important
}

.bg-light-opacity-6 {
    background-color: rgba(255, 255, 255, 0.6) !important
}

a.bg-light-opacity-6:hover, button.bg-light-opacity-6:hover {
    background-color: rgba(204, 204, 204, 0.6) !important
}

svg .bg-light-opacity-6 {
    fill: rgba(255, 255, 255, 0.6) !important
}

.bg-dark-opacity-7 {
    background-color: rgba(0, 0, 0, 0.7) !important
}

a.bg-dark-opacity-7:hover, button.bg-dark-opacity-7:hover {
    background-color: rgba(0, 0, 0, 0.7) !important
}

svg .bg-dark-opacity-7 {
    fill: rgba(0, 0, 0, 0.7) !important
}

.bg-light-opacity-7 {
    background-color: rgba(255, 255, 255, 0.7) !important
}

a.bg-light-opacity-7:hover, button.bg-light-opacity-7:hover {
    background-color: rgba(204, 204, 204, 0.7) !important
}

svg .bg-light-opacity-7 {
    fill: rgba(255, 255, 255, 0.7) !important
}

.bg-dark-opacity-8 {
    background-color: rgba(0, 0, 0, 0.8) !important
}

a.bg-dark-opacity-8:hover, button.bg-dark-opacity-8:hover {
    background-color: rgba(0, 0, 0, 0.8) !important
}

svg .bg-dark-opacity-8 {
    fill: rgba(0, 0, 0, 0.8) !important
}

.bg-light-opacity-8 {
    background-color: rgba(255, 255, 255, 0.8) !important
}

a.bg-light-opacity-8:hover, button.bg-light-opacity-8:hover {
    background-color: rgba(204, 204, 204, 0.8) !important
}

svg .bg-light-opacity-8 {
    fill: rgba(255, 255, 255, 0.8) !important
}

.bg-dark-opacity-9 {
    background-color: rgba(0, 0, 0, 0.9) !important
}

a.bg-dark-opacity-9:hover, button.bg-dark-opacity-9:hover {
    background-color: rgba(0, 0, 0, 0.9) !important
}

svg .bg-dark-opacity-9 {
    fill: rgba(0, 0, 0, 0.9) !important
}

.bg-light-opacity-9 {
    background-color: rgba(255, 255, 255, 0.9) !important
}

a.bg-light-opacity-9:hover, button.bg-light-opacity-9:hover {
    background-color: rgba(204, 204, 204, 0.9) !important
}

svg .bg-light-opacity-9 {
    fill: rgba(255, 255, 255, 0.9) !important
}

.bg-dark-opacity-10 {
    background-color: black !important
}

a.bg-dark-opacity-10:hover, button.bg-dark-opacity-10:hover {
    background-color: black !important
}

svg .bg-dark-opacity-10 {
    fill: black !important
}

.bg-light-opacity-10 {
    background-color: white !important
}

a.bg-light-opacity-10:hover, button.bg-light-opacity-10:hover {
    background-color: #ccc !important
}

svg .bg-light-opacity-10 {
    fill: white !important
}

.bg-gray-1-light {
    background-color: rgba(255, 255, 255, 0.15) !important
}

a.bg-gray-1-light:hover, button.bg-gray-1-light:hover {
    background-color: rgba(204, 204, 204, 0.15) !important
}

svg .bg-gray-1-light {
    fill: rgba(255, 255, 255, 0.15) !important
}

.bg-gray-2-light {
    background-color: rgba(255, 255, 255, 0.15) !important
}

a.bg-gray-2-light:hover, button.bg-gray-2-light:hover {
    background-color: rgba(204, 204, 204, 0.15) !important
}

svg .bg-gray-2-light {
    fill: rgba(255, 255, 255, 0.15) !important
}

.bg-gray-3-light {
    background-color: rgba(255, 255, 255, 0.15) !important
}

a.bg-gray-3-light:hover, button.bg-gray-3-light:hover {
    background-color: rgba(204, 204, 204, 0.15) !important
}

svg .bg-gray-3-light {
    fill: rgba(255, 255, 255, 0.15) !important
}

.bg-gray-4-light {
    background-color: rgba(255, 255, 255, 0.15) !important
}

a.bg-gray-4-light:hover, button.bg-gray-4-light:hover {
    background-color: rgba(204, 204, 204, 0.15) !important
}

svg .bg-gray-4-light {
    fill: rgba(255, 255, 255, 0.15) !important
}

.bg-gray-5-light {
    background-color: rgba(230, 232, 234, 0.15) !important
}

a.bg-gray-5-light:hover, button.bg-gray-5-light:hover {
    background-color: rgba(173, 181, 189, 0.15) !important
}

svg .bg-gray-5-light {
    fill: rgba(230, 232, 234, 0.15) !important
}

.bg-gray-6-light {
    background-color: rgba(161, 168, 174, 0.15) !important
}

a.bg-gray-6-light:hover, button.bg-gray-6-light:hover {
    background-color: rgba(108, 117, 125, 0.15) !important
}

svg .bg-gray-6-light {
    fill: rgba(161, 168, 174, 0.15) !important
}

.bg-gray-7-light {
    background-color: rgba(120, 131, 142, 0.15) !important
}

a.bg-gray-7-light:hover, button.bg-gray-7-light:hover {
    background-color: rgba(73, 80, 87, 0.15) !important
}

svg .bg-gray-7-light {
    fill: rgba(120, 131, 142, 0.15) !important
}

.bg-gray-8-light {
    background-color: rgba(98, 109, 120, 0.15) !important
}

a.bg-gray-8-light:hover, button.bg-gray-8-light:hover {
    background-color: rgba(52, 58, 64, 0.15) !important
}

svg .bg-gray-8-light {
    fill: rgba(98, 109, 120, 0.15) !important
}

.bg-gray-9-light {
    background-color: rgba(78, 88, 98, 0.15) !important
}

a.bg-gray-9-light:hover, button.bg-gray-9-light:hover {
    background-color: rgba(33, 37, 41, 0.15) !important
}

svg .bg-gray-9-light {
    fill: rgba(78, 88, 98, 0.15) !important
}

.bg-primary-light {
    background-color: rgba(123, 201, 235, 0.15) !important
}

a.bg-primary-light:hover, button.bg-primary-light:hover {
    background-color: rgba(35, 164, 221, 0.15) !important
}

svg .bg-primary-light {
    fill: rgba(123, 201, 235, 0.15) !important
}

.bg-secondary-light {
    background-color: rgba(133, 140, 148, 0.15) !important
}

a.bg-secondary-light:hover, button.bg-secondary-light:hover {
    background-color: rgba(84, 89, 95, 0.15) !important
}

svg .bg-secondary-light {
    fill: rgba(133, 140, 148, 0.15) !important
}

.bg-green-light {
    background-color: rgba(159, 230, 200, 0.15) !important
}

a.bg-green-light:hover, button.bg-green-light:hover {
    background-color: rgba(78, 209, 153, 0.15) !important
}

svg .bg-green-light {
    fill: rgba(159, 230, 200, 0.15) !important
}

.bg-cyan-light {
    background-color: rgba(115, 230, 255, 0.15) !important
}

a.bg-cyan-light:hover, button.bg-cyan-light:hover {
    background-color: rgba(13, 211, 255, 0.15) !important
}

svg .bg-cyan-light {
    fill: rgba(115, 230, 255, 0.15) !important
}

.bg-yellow-light {
    background-color: rgba(255, 235, 206, 0.15) !important
}

a.bg-yellow-light:hover, button.bg-yellow-light:hover {
    background-color: rgba(255, 193, 104, 0.15) !important
}

svg .bg-yellow-light {
    fill: rgba(255, 235, 206, 0.15) !important
}

.bg-orange-light {
    background-color: rgba(255, 194, 102, 0.15) !important
}

a.bg-orange-light:hover, button.bg-orange-light:hover {
    background-color: rgba(255, 153, 0, 0.15) !important
}

svg .bg-orange-light {
    fill: rgba(255, 194, 102, 0.15) !important
}

.bg-red-light {
    background-color: rgba(255, 202, 197, 0.15) !important
}

a.bg-red-light:hover, button.bg-red-light:hover {
    background-color: rgba(255, 108, 95, 0.15) !important
}

svg .bg-red-light {
    fill: rgba(255, 202, 197, 0.15) !important
}

.bg-blue-light {
    background-color: rgba(35, 177, 251, 0.15) !important
}

a.bg-blue-light:hover, button.bg-blue-light:hover {
    background-color: rgba(3, 120, 181, 0.15) !important
}

svg .bg-blue-light {
    fill: rgba(35, 177, 251, 0.15) !important
}

.bg-brown-light {
    background-color: rgba(223, 218, 210, 0.15) !important
}

a.bg-brown-light:hover, button.bg-brown-light:hover {
    background-color: rgba(180, 169, 150, 0.15) !important
}

svg .bg-brown-light {
    fill: rgba(223, 218, 210, 0.15) !important
}

.bg-purple-light {
    background-color: rgba(152, 124, 250, 0.15) !important
}

a.bg-purple-light:hover, button.bg-purple-light:hover {
    background-color: rgba(75, 25, 247, 0.15) !important
}

svg .bg-purple-light {
    fill: rgba(152, 124, 250, 0.15) !important
}

.bg-white-light {
    background-color: rgba(255, 255, 255, 0.15) !important
}

a.bg-white-light:hover, button.bg-white-light:hover {
    background-color: rgba(204, 204, 204, 0.15) !important
}

svg .bg-white-light {
    fill: rgba(255, 255, 255, 0.15) !important
}

.bg-black-light {
    background-color: rgba(51, 51, 51, 0.15) !important
}

a.bg-black-light:hover, button.bg-black-light:hover {
    background-color: rgba(0, 0, 0, 0.15) !important
}

svg .bg-black-light {
    fill: rgba(51, 51, 51, 0.15) !important
}

.bg-gradient-primary-light {
    background: linear-gradient(to right, rgba(123, 201, 235, 0.15), rgba(35, 177, 251, 0.15)) !important
}

.pix-opacity-05 {
    opacity: 0.05 !important
}

.pix-hover-opacity-05:hover {
    opacity: 0.05 !important
}

.pix-opacity-0 {
    opacity: 0 !important
}

.pix-hover-opacity-0:hover {
    opacity: 0 !important
}

.pix-opacity-1 {
    opacity: 0.1 !important
}

.pix-hover-opacity-1:hover {
    opacity: 0.1 !important
}

.pix-opacity-2 {
    opacity: 0.2 !important
}

.pix-hover-opacity-2:hover {
    opacity: 0.2 !important
}

.pix-opacity-3 {
    opacity: 0.3 !important
}

.pix-hover-opacity-3:hover {
    opacity: 0.3 !important
}

.pix-opacity-4 {
    opacity: 0.4 !important
}

.pix-hover-opacity-4:hover {
    opacity: 0.4 !important
}

.pix-opacity-5 {
    opacity: 0.5 !important
}

.pix-hover-opacity-5:hover {
    opacity: 0.5 !important
}

.pix-opacity-6 {
    opacity: 0.6 !important
}

.pix-hover-opacity-6:hover {
    opacity: 0.6 !important
}

.pix-opacity-7 {
    opacity: 0.7 !important
}

.pix-hover-opacity-7:hover {
    opacity: 0.7 !important
}

.pix-opacity-8 {
    opacity: 0.8 !important
}

.pix-hover-opacity-8:hover {
    opacity: 0.8 !important
}

.pix-opacity-9 {
    opacity: 0.9 !important
}

.pix-hover-opacity-9:hover {
    opacity: 0.9 !important
}

.pix-opacity-10 {
    opacity: 1 !important
}

.pix-hover-opacity-10:hover {
    opacity: 1 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.text-white {
    color: #fff !important
}

.text-gray-1 {
    color: #f8f9fa !important
}

a.text-gray-1:hover, a.text-gray-1:focus {
    color: #cbd3da !important
}

.text-gray-1 svg:not(.pixfort-icon) path, .text-gray-1 svg:not(.pixfort-icon) rect, .text-gray-1 svg:not(.pixfort-icon) circle, .text-gray-1 svg:not(.pixfort-icon) polygon {
    fill: #f8f9fa !important
}

.text-gray-2 {
    color: #e9ecef !important
}

a.text-gray-2:hover, a.text-gray-2:focus {
    color: #bdc6cf !important
}

.text-gray-2 svg:not(.pixfort-icon) path, .text-gray-2 svg:not(.pixfort-icon) rect, .text-gray-2 svg:not(.pixfort-icon) circle, .text-gray-2 svg:not(.pixfort-icon) polygon {
    fill: #e9ecef !important
}

.text-gray-3 {
    color: #dee2e6 !important
}

a.text-gray-3:hover, a.text-gray-3:focus {
    color: #b2bcc5 !important
}

.text-gray-3 svg:not(.pixfort-icon) path, .text-gray-3 svg:not(.pixfort-icon) rect, .text-gray-3 svg:not(.pixfort-icon) circle, .text-gray-3 svg:not(.pixfort-icon) polygon {
    fill: #dee2e6 !important
}

.text-gray-4 {
    color: #ced4da !important
}

a.text-gray-4:hover, a.text-gray-4:focus {
    color: #a2aeb9 !important
}

.text-gray-4 svg:not(.pixfort-icon) path, .text-gray-4 svg:not(.pixfort-icon) rect, .text-gray-4 svg:not(.pixfort-icon) circle, .text-gray-4 svg:not(.pixfort-icon) polygon {
    fill: #ced4da !important
}

.text-gray-5 {
    color: #adb5bd !important
}

a.text-gray-5:hover, a.text-gray-5:focus {
    color: #838f9b !important
}

.text-gray-5 svg:not(.pixfort-icon) path, .text-gray-5 svg:not(.pixfort-icon) rect, .text-gray-5 svg:not(.pixfort-icon) circle, .text-gray-5 svg:not(.pixfort-icon) polygon {
    fill: #adb5bd !important
}

.text-gray-6 {
    color: #6c757d !important
}

a.text-gray-6:hover, a.text-gray-6:focus {
    color: #494f54 !important
}

.text-gray-6 svg:not(.pixfort-icon) path, .text-gray-6 svg:not(.pixfort-icon) rect, .text-gray-6 svg:not(.pixfort-icon) circle, .text-gray-6 svg:not(.pixfort-icon) polygon {
    fill: #6c757d !important
}

.text-gray-7 {
    color: #495057 !important
}

a.text-gray-7:hover, a.text-gray-7:focus {
    color: #262a2d !important
}

.text-gray-7 svg:not(.pixfort-icon) path, .text-gray-7 svg:not(.pixfort-icon) rect, .text-gray-7 svg:not(.pixfort-icon) circle, .text-gray-7 svg:not(.pixfort-icon) polygon {
    fill: #495057 !important
}

.text-gray-8 {
    color: #343a40 !important
}

a.text-gray-8:hover, a.text-gray-8:focus {
    color: #121416 !important
}

.text-gray-8 svg:not(.pixfort-icon) path, .text-gray-8 svg:not(.pixfort-icon) rect, .text-gray-8 svg:not(.pixfort-icon) circle, .text-gray-8 svg:not(.pixfort-icon) polygon {
    fill: #343a40 !important
}

.text-gray-9 {
    color: #212529 !important
}

a.text-gray-9:hover, a.text-gray-9:focus {
    color: black !important
}

.text-gray-9 svg:not(.pixfort-icon) path, .text-gray-9 svg:not(.pixfort-icon) rect, .text-gray-9 svg:not(.pixfort-icon) circle, .text-gray-9 svg:not(.pixfort-icon) polygon {
    fill: #212529 !important
}

.text-primary {
    color: #02003F !important
}

a.text-primary:hover, a.text-primary:focus {
    color: #18739b !important
}

.text-primary svg:not(.pixfort-icon) path, .text-primary svg:not(.pixfort-icon) rect, .text-primary svg:not(.pixfort-icon) circle, .text-primary svg:not(.pixfort-icon) polygon {
    fill: #02003F !important
}

.text-secondary {
    color: #54595f !important
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #303336 !important
}

.text-secondary svg:not(.pixfort-icon) path, .text-secondary svg:not(.pixfort-icon) rect, .text-secondary svg:not(.pixfort-icon) circle, .text-secondary svg:not(.pixfort-icon) polygon {
    fill: #54595f !important
}

.text-green {
    color: #4ED199 !important
}

a.text-green:hover, a.text-green:focus {
    color: #2ba772 !important
}

.text-green svg:not(.pixfort-icon) path, .text-green svg:not(.pixfort-icon) rect, .text-green svg:not(.pixfort-icon) circle, .text-green svg:not(.pixfort-icon) polygon {
    fill: #4ED199 !important
}

.text-cyan {
    color: #0dd3ff !important
}

a.text-cyan:hover, a.text-cyan:focus {
    color: #009dc0 !important
}

.text-cyan svg:not(.pixfort-icon) path, .text-cyan svg:not(.pixfort-icon) rect, .text-cyan svg:not(.pixfort-icon) circle, .text-cyan svg:not(.pixfort-icon) polygon {
    fill: #0dd3ff !important
}

.text-yellow {
    color: #ffc168 !important
}

a.text-yellow:hover, a.text-yellow:focus {
    color: #ffa21c !important
}

.text-yellow svg:not(.pixfort-icon) path, .text-yellow svg:not(.pixfort-icon) rect, .text-yellow svg:not(.pixfort-icon) circle, .text-yellow svg:not(.pixfort-icon) polygon {
    fill: #ffc168 !important
}

.text-orange {
    color: #ff9900 !important
}

a.text-orange:hover, a.text-orange:focus {
    color: #b36b00 !important
}

.text-orange svg:not(.pixfort-icon) path, .text-orange svg:not(.pixfort-icon) rect, .text-orange svg:not(.pixfort-icon) circle, .text-orange svg:not(.pixfort-icon) polygon {
    fill: #ff9900 !important
}

.text-red {
    color: #ff6c5f !important
}

a.text-red:hover, a.text-red:focus {
    color: #ff2613 !important
}

.text-red svg:not(.pixfort-icon) path, .text-red svg:not(.pixfort-icon) rect, .text-red svg:not(.pixfort-icon) circle, .text-red svg:not(.pixfort-icon) polygon {
    fill: #ff6c5f !important
}

.text-blue {
    color: #0378b5 !important
}

a.text-blue:hover, a.text-blue:focus {
    color: #02466a !important
}

.text-blue svg:not(.pixfort-icon) path, .text-blue svg:not(.pixfort-icon) rect, .text-blue svg:not(.pixfort-icon) circle, .text-blue svg:not(.pixfort-icon) polygon {
    fill: #0378b5 !important
}

.text-brown {
    color: #b4a996 !important
}

a.text-brown:hover, a.text-brown:focus {
    color: #94846a !important
}

.text-brown svg:not(.pixfort-icon) path, .text-brown svg:not(.pixfort-icon) rect, .text-brown svg:not(.pixfort-icon) circle, .text-brown svg:not(.pixfort-icon) polygon {
    fill: #b4a996 !important
}

.text-purple {
    color: #4b19f7 !important
}

a.text-purple:hover, a.text-purple:focus {
    color: #3007bd !important
}

.text-purple svg:not(.pixfort-icon) path, .text-purple svg:not(.pixfort-icon) rect, .text-purple svg:not(.pixfort-icon) circle, .text-purple svg:not(.pixfort-icon) polygon {
    fill: #4b19f7 !important
}

.text-white {
    color: #fff !important
}

a.text-white:hover, a.text-white:focus {
    color: #d9d9d9 !important
}

.text-white svg:not(.pixfort-icon) path, .text-white svg:not(.pixfort-icon) rect, .text-white svg:not(.pixfort-icon) circle, .text-white svg:not(.pixfort-icon) polygon {
    fill: #fff !important
}

.text-black {
    color: #000 !important
}

a.text-black:hover, a.text-black:focus {
    color: black !important
}

.text-black svg:not(.pixfort-icon) path, .text-black svg:not(.pixfort-icon) rect, .text-black svg:not(.pixfort-icon) circle, .text-black svg:not(.pixfort-icon) polygon {
    fill: #000 !important
}

:root, dialog::backdrop {
    --text-gray-1: #f8f9fa;
    --text-gray-1-light: rgba(255, 255, 255, 0.15);
    --text-gray-2: #e9ecef;
    --text-gray-2-light: rgba(255, 255, 255, 0.15);
    --text-gray-3: #dee2e6;
    --text-gray-3-light: rgba(255, 255, 255, 0.15);
    --text-gray-4: #ced4da;
    --text-gray-4-light: rgba(255, 255, 255, 0.15);
    --text-gray-5: #adb5bd;
    --text-gray-5-light: rgba(230, 232, 234, 0.15);
    --text-gray-6: #6c757d;
    --text-gray-6-light: rgba(161, 168, 174, 0.15);
    --text-gray-7: #495057;
    --text-gray-7-light: rgba(120, 131, 142, 0.15);
    --text-gray-8: #343a40;
    --text-gray-8-light: rgba(98, 109, 120, 0.15);
    --text-gray-9: #212529;
    --text-gray-9-light: rgba(78, 88, 98, 0.15);
    --text-primary: #02003F;
    --text-primary-light: rgba(123, 201, 235, 0.15);
    --text-secondary: #54595f;
    --text-secondary-light: rgba(133, 140, 148, 0.15);
    --text-green: #4ED199;
    --text-green-light: rgba(159, 230, 200, 0.15);
    --text-cyan: #0dd3ff;
    --text-cyan-light: rgba(115, 230, 255, 0.15);
    --text-yellow: #ffc168;
    --text-yellow-light: rgba(255, 235, 206, 0.15);
    --text-orange: #ff9900;
    --text-orange-light: rgba(255, 194, 102, 0.15);
    --text-red: #ff6c5f;
    --text-red-light: rgba(255, 202, 197, 0.15);
    --text-blue: #0378b5;
    --text-blue-light: rgba(35, 177, 251, 0.15);
    --text-brown: #b4a996;
    --text-brown-light: rgba(223, 218, 210, 0.15);
    --text-purple: #4b19f7;
    --text-purple-light: rgba(152, 124, 250, 0.15);
    --text-white: #fff;
    --text-white-light: rgba(255, 255, 255, 0.15);
    --text-black: #000;
    --text-black-light: rgba(51, 51, 51, 0.15);
    --text-dark-opacity-05: rgba(0, 0, 0, 0.05);
    --text-light-opacity-05: rgba(255, 255, 255, 0.05);
    --text-dark-opacity-0: rgba(0, 0, 0, 0);
    --text-light-opacity-0: rgba(255, 255, 255, 0);
    --text-dark-opacity-1: rgba(0, 0, 0, 0.1);
    --text-light-opacity-1: rgba(255, 255, 255, 0.1);
    --text-dark-opacity-2: rgba(0, 0, 0, 0.2);
    --text-light-opacity-2: rgba(255, 255, 255, 0.2);
    --text-dark-opacity-3: rgba(0, 0, 0, 0.3);
    --text-light-opacity-3: rgba(255, 255, 255, 0.3);
    --text-dark-opacity-4: rgba(0, 0, 0, 0.4);
    --text-light-opacity-4: rgba(255, 255, 255, 0.4);
    --text-dark-opacity-5: rgba(0, 0, 0, 0.5);
    --text-light-opacity-5: rgba(255, 255, 255, 0.5);
    --text-dark-opacity-6: rgba(0, 0, 0, 0.6);
    --text-light-opacity-6: rgba(255, 255, 255, 0.6);
    --text-dark-opacity-7: rgba(0, 0, 0, 0.7);
    --text-light-opacity-7: rgba(255, 255, 255, 0.7);
    --text-dark-opacity-8: rgba(0, 0, 0, 0.8);
    --text-light-opacity-8: rgba(255, 255, 255, 0.8);
    --text-dark-opacity-9: rgba(0, 0, 0, 0.9);
    --text-light-opacity-9: rgba(255, 255, 255, 0.9);
    --text-dark-opacity-10: black;
    --text-light-opacity-10: white;
    --text-body-default: #6c757d;
    --text-heading-default: #343a40;
    --text-transparent: transparent;
    --pix-body-font: "Manrope", Arial, Helvetica, sans-serif;
    --pix-heading-font: "Poppins", Arial, Helvetica, sans-serif;
    --text-gradient-primary: linear-gradient(to right, #02003F, #0378b5);
    --text-gradient-primary-light: linear-gradient(to right, rgba(123, 201, 235, 0.15), rgba(35, 177, 251, 0.15))
}

.text-dark-opacity-05 {
    color: rgba(0, 0, 0, 0.05) !important
}

a.text-dark-opacity-05:hover, a.text-dark-opacity-05:focus {
    color: rgba(0, 0, 0, 0.05) !important
}

a.text-dark-opacity-05:focus, a.text-dark-opacity-05:active {
    color: rgba(0, 0, 0, 0.05) !important
}

a.text-dark-opacity-05.btn span:before {
    background: rgba(0, 0, 0, 0.05) !important
}

.text-dark-opacity-05 svg:not(.pixfort-icon) path, .text-dark-opacity-05 svg:not(.pixfort-icon) rect, .text-dark-opacity-05 svg:not(.pixfort-icon) circle, .text-dark-opacity-05 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.05) !important
}

.text-light-opacity-05 {
    color: rgba(255, 255, 255, 0.05) !important
}

a.text-light-opacity-05:hover, a.text-light-opacity-05:focus {
    color: rgba(217, 217, 217, 0.05) !important
}

a.text-light-opacity-05:focus, a.text-light-opacity-05:active {
    color: rgba(204, 204, 204, 0.05) !important
}

a.text-light-opacity-05.btn span:before {
    background: rgba(255, 255, 255, 0.05) !important
}

.text-light-opacity-05 svg:not(.pixfort-icon) path, .text-light-opacity-05 svg:not(.pixfort-icon) rect, .text-light-opacity-05 svg:not(.pixfort-icon) circle, .text-light-opacity-05 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.05) !important
}

.text-dark-opacity-0 {
    color: rgba(0, 0, 0, 0) !important
}

a.text-dark-opacity-0:hover, a.text-dark-opacity-0:focus {
    color: rgba(0, 0, 0, 0) !important
}

a.text-dark-opacity-0:focus, a.text-dark-opacity-0:active {
    color: rgba(0, 0, 0, 0) !important
}

a.text-dark-opacity-0.btn span:before {
    background: rgba(0, 0, 0, 0) !important
}

.text-dark-opacity-0 svg:not(.pixfort-icon) path, .text-dark-opacity-0 svg:not(.pixfort-icon) rect, .text-dark-opacity-0 svg:not(.pixfort-icon) circle, .text-dark-opacity-0 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0) !important
}

.text-light-opacity-0 {
    color: rgba(255, 255, 255, 0) !important
}

a.text-light-opacity-0:hover, a.text-light-opacity-0:focus {
    color: rgba(217, 217, 217, 0) !important
}

a.text-light-opacity-0:focus, a.text-light-opacity-0:active {
    color: rgba(204, 204, 204, 0) !important
}

a.text-light-opacity-0.btn span:before {
    background: rgba(255, 255, 255, 0) !important
}

.text-light-opacity-0 svg:not(.pixfort-icon) path, .text-light-opacity-0 svg:not(.pixfort-icon) rect, .text-light-opacity-0 svg:not(.pixfort-icon) circle, .text-light-opacity-0 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0) !important
}

.text-dark-opacity-1 {
    color: rgba(0, 0, 0, 0.1) !important
}

a.text-dark-opacity-1:hover, a.text-dark-opacity-1:focus {
    color: rgba(0, 0, 0, 0.1) !important
}

a.text-dark-opacity-1:focus, a.text-dark-opacity-1:active {
    color: rgba(0, 0, 0, 0.1) !important
}

a.text-dark-opacity-1.btn span:before {
    background: rgba(0, 0, 0, 0.1) !important
}

.text-dark-opacity-1 svg:not(.pixfort-icon) path, .text-dark-opacity-1 svg:not(.pixfort-icon) rect, .text-dark-opacity-1 svg:not(.pixfort-icon) circle, .text-dark-opacity-1 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.1) !important
}

.text-light-opacity-1 {
    color: rgba(255, 255, 255, 0.1) !important
}

a.text-light-opacity-1:hover, a.text-light-opacity-1:focus {
    color: rgba(217, 217, 217, 0.1) !important
}

a.text-light-opacity-1:focus, a.text-light-opacity-1:active {
    color: rgba(204, 204, 204, 0.1) !important
}

a.text-light-opacity-1.btn span:before {
    background: rgba(255, 255, 255, 0.1) !important
}

.text-light-opacity-1 svg:not(.pixfort-icon) path, .text-light-opacity-1 svg:not(.pixfort-icon) rect, .text-light-opacity-1 svg:not(.pixfort-icon) circle, .text-light-opacity-1 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.1) !important
}

.text-dark-opacity-2 {
    color: rgba(0, 0, 0, 0.2) !important
}

a.text-dark-opacity-2:hover, a.text-dark-opacity-2:focus {
    color: rgba(0, 0, 0, 0.2) !important
}

a.text-dark-opacity-2:focus, a.text-dark-opacity-2:active {
    color: rgba(0, 0, 0, 0.2) !important
}

a.text-dark-opacity-2.btn span:before {
    background: rgba(0, 0, 0, 0.2) !important
}

.text-dark-opacity-2 svg:not(.pixfort-icon) path, .text-dark-opacity-2 svg:not(.pixfort-icon) rect, .text-dark-opacity-2 svg:not(.pixfort-icon) circle, .text-dark-opacity-2 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.2) !important
}

.text-light-opacity-2 {
    color: rgba(255, 255, 255, 0.2) !important
}

a.text-light-opacity-2:hover, a.text-light-opacity-2:focus {
    color: rgba(217, 217, 217, 0.2) !important
}

a.text-light-opacity-2:focus, a.text-light-opacity-2:active {
    color: rgba(204, 204, 204, 0.2) !important
}

a.text-light-opacity-2.btn span:before {
    background: rgba(255, 255, 255, 0.2) !important
}

.text-light-opacity-2 svg:not(.pixfort-icon) path, .text-light-opacity-2 svg:not(.pixfort-icon) rect, .text-light-opacity-2 svg:not(.pixfort-icon) circle, .text-light-opacity-2 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.2) !important
}

.text-dark-opacity-3 {
    color: rgba(0, 0, 0, 0.3) !important
}

a.text-dark-opacity-3:hover, a.text-dark-opacity-3:focus {
    color: rgba(0, 0, 0, 0.3) !important
}

a.text-dark-opacity-3:focus, a.text-dark-opacity-3:active {
    color: rgba(0, 0, 0, 0.3) !important
}

a.text-dark-opacity-3.btn span:before {
    background: rgba(0, 0, 0, 0.3) !important
}

.text-dark-opacity-3 svg:not(.pixfort-icon) path, .text-dark-opacity-3 svg:not(.pixfort-icon) rect, .text-dark-opacity-3 svg:not(.pixfort-icon) circle, .text-dark-opacity-3 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.3) !important
}

.text-light-opacity-3 {
    color: rgba(255, 255, 255, 0.3) !important
}

a.text-light-opacity-3:hover, a.text-light-opacity-3:focus {
    color: rgba(217, 217, 217, 0.3) !important
}

a.text-light-opacity-3:focus, a.text-light-opacity-3:active {
    color: rgba(204, 204, 204, 0.3) !important
}

a.text-light-opacity-3.btn span:before {
    background: rgba(255, 255, 255, 0.3) !important
}

.text-light-opacity-3 svg:not(.pixfort-icon) path, .text-light-opacity-3 svg:not(.pixfort-icon) rect, .text-light-opacity-3 svg:not(.pixfort-icon) circle, .text-light-opacity-3 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.3) !important
}

.text-dark-opacity-4 {
    color: rgba(0, 0, 0, 0.4) !important
}

a.text-dark-opacity-4:hover, a.text-dark-opacity-4:focus {
    color: rgba(0, 0, 0, 0.4) !important
}

a.text-dark-opacity-4:focus, a.text-dark-opacity-4:active {
    color: rgba(0, 0, 0, 0.4) !important
}

a.text-dark-opacity-4.btn span:before {
    background: rgba(0, 0, 0, 0.4) !important
}

.text-dark-opacity-4 svg:not(.pixfort-icon) path, .text-dark-opacity-4 svg:not(.pixfort-icon) rect, .text-dark-opacity-4 svg:not(.pixfort-icon) circle, .text-dark-opacity-4 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.4) !important
}

.text-light-opacity-4 {
    color: rgba(255, 255, 255, 0.4) !important
}

a.text-light-opacity-4:hover, a.text-light-opacity-4:focus {
    color: rgba(217, 217, 217, 0.4) !important
}

a.text-light-opacity-4:focus, a.text-light-opacity-4:active {
    color: rgba(204, 204, 204, 0.4) !important
}

a.text-light-opacity-4.btn span:before {
    background: rgba(255, 255, 255, 0.4) !important
}

.text-light-opacity-4 svg:not(.pixfort-icon) path, .text-light-opacity-4 svg:not(.pixfort-icon) rect, .text-light-opacity-4 svg:not(.pixfort-icon) circle, .text-light-opacity-4 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.4) !important
}

.text-dark-opacity-5 {
    color: rgba(0, 0, 0, 0.5) !important
}

a.text-dark-opacity-5:hover, a.text-dark-opacity-5:focus {
    color: rgba(0, 0, 0, 0.5) !important
}

a.text-dark-opacity-5:focus, a.text-dark-opacity-5:active {
    color: rgba(0, 0, 0, 0.5) !important
}

a.text-dark-opacity-5.btn span:before {
    background: rgba(0, 0, 0, 0.5) !important
}

.text-dark-opacity-5 svg:not(.pixfort-icon) path, .text-dark-opacity-5 svg:not(.pixfort-icon) rect, .text-dark-opacity-5 svg:not(.pixfort-icon) circle, .text-dark-opacity-5 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.5) !important
}

.text-light-opacity-5 {
    color: rgba(255, 255, 255, 0.5) !important
}

a.text-light-opacity-5:hover, a.text-light-opacity-5:focus {
    color: rgba(217, 217, 217, 0.5) !important
}

a.text-light-opacity-5:focus, a.text-light-opacity-5:active {
    color: rgba(204, 204, 204, 0.5) !important
}

a.text-light-opacity-5.btn span:before {
    background: rgba(255, 255, 255, 0.5) !important
}

.text-light-opacity-5 svg:not(.pixfort-icon) path, .text-light-opacity-5 svg:not(.pixfort-icon) rect, .text-light-opacity-5 svg:not(.pixfort-icon) circle, .text-light-opacity-5 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.5) !important
}

.text-dark-opacity-6 {
    color: rgba(0, 0, 0, 0.6) !important
}

a.text-dark-opacity-6:hover, a.text-dark-opacity-6:focus {
    color: rgba(0, 0, 0, 0.6) !important
}

a.text-dark-opacity-6:focus, a.text-dark-opacity-6:active {
    color: rgba(0, 0, 0, 0.6) !important
}

a.text-dark-opacity-6.btn span:before {
    background: rgba(0, 0, 0, 0.6) !important
}

.text-dark-opacity-6 svg:not(.pixfort-icon) path, .text-dark-opacity-6 svg:not(.pixfort-icon) rect, .text-dark-opacity-6 svg:not(.pixfort-icon) circle, .text-dark-opacity-6 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.6) !important
}

.text-light-opacity-6 {
    color: rgba(255, 255, 255, 0.6) !important
}

a.text-light-opacity-6:hover, a.text-light-opacity-6:focus {
    color: rgba(217, 217, 217, 0.6) !important
}

a.text-light-opacity-6:focus, a.text-light-opacity-6:active {
    color: rgba(204, 204, 204, 0.6) !important
}

a.text-light-opacity-6.btn span:before {
    background: rgba(255, 255, 255, 0.6) !important
}

.text-light-opacity-6 svg:not(.pixfort-icon) path, .text-light-opacity-6 svg:not(.pixfort-icon) rect, .text-light-opacity-6 svg:not(.pixfort-icon) circle, .text-light-opacity-6 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.6) !important
}

.text-dark-opacity-7 {
    color: rgba(0, 0, 0, 0.7) !important
}

a.text-dark-opacity-7:hover, a.text-dark-opacity-7:focus {
    color: rgba(0, 0, 0, 0.7) !important
}

a.text-dark-opacity-7:focus, a.text-dark-opacity-7:active {
    color: rgba(0, 0, 0, 0.7) !important
}

a.text-dark-opacity-7.btn span:before {
    background: rgba(0, 0, 0, 0.7) !important
}

.text-dark-opacity-7 svg:not(.pixfort-icon) path, .text-dark-opacity-7 svg:not(.pixfort-icon) rect, .text-dark-opacity-7 svg:not(.pixfort-icon) circle, .text-dark-opacity-7 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.7) !important
}

.text-light-opacity-7 {
    color: rgba(255, 255, 255, 0.7) !important
}

a.text-light-opacity-7:hover, a.text-light-opacity-7:focus {
    color: rgba(217, 217, 217, 0.7) !important
}

a.text-light-opacity-7:focus, a.text-light-opacity-7:active {
    color: rgba(204, 204, 204, 0.7) !important
}

a.text-light-opacity-7.btn span:before {
    background: rgba(255, 255, 255, 0.7) !important
}

.text-light-opacity-7 svg:not(.pixfort-icon) path, .text-light-opacity-7 svg:not(.pixfort-icon) rect, .text-light-opacity-7 svg:not(.pixfort-icon) circle, .text-light-opacity-7 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.7) !important
}

.text-dark-opacity-8 {
    color: rgba(0, 0, 0, 0.8) !important
}

a.text-dark-opacity-8:hover, a.text-dark-opacity-8:focus {
    color: rgba(0, 0, 0, 0.8) !important
}

a.text-dark-opacity-8:focus, a.text-dark-opacity-8:active {
    color: rgba(0, 0, 0, 0.8) !important
}

a.text-dark-opacity-8.btn span:before {
    background: rgba(0, 0, 0, 0.8) !important
}

.text-dark-opacity-8 svg:not(.pixfort-icon) path, .text-dark-opacity-8 svg:not(.pixfort-icon) rect, .text-dark-opacity-8 svg:not(.pixfort-icon) circle, .text-dark-opacity-8 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.8) !important
}

.text-light-opacity-8 {
    color: rgba(255, 255, 255, 0.8) !important
}

a.text-light-opacity-8:hover, a.text-light-opacity-8:focus {
    color: rgba(217, 217, 217, 0.8) !important
}

a.text-light-opacity-8:focus, a.text-light-opacity-8:active {
    color: rgba(204, 204, 204, 0.8) !important
}

a.text-light-opacity-8.btn span:before {
    background: rgba(255, 255, 255, 0.8) !important
}

.text-light-opacity-8 svg:not(.pixfort-icon) path, .text-light-opacity-8 svg:not(.pixfort-icon) rect, .text-light-opacity-8 svg:not(.pixfort-icon) circle, .text-light-opacity-8 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.8) !important
}

.text-dark-opacity-9 {
    color: rgba(0, 0, 0, 0.9) !important
}

a.text-dark-opacity-9:hover, a.text-dark-opacity-9:focus {
    color: rgba(0, 0, 0, 0.9) !important
}

a.text-dark-opacity-9:focus, a.text-dark-opacity-9:active {
    color: rgba(0, 0, 0, 0.9) !important
}

a.text-dark-opacity-9.btn span:before {
    background: rgba(0, 0, 0, 0.9) !important
}

.text-dark-opacity-9 svg:not(.pixfort-icon) path, .text-dark-opacity-9 svg:not(.pixfort-icon) rect, .text-dark-opacity-9 svg:not(.pixfort-icon) circle, .text-dark-opacity-9 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.9) !important
}

.text-light-opacity-9 {
    color: rgba(255, 255, 255, 0.9) !important
}

a.text-light-opacity-9:hover, a.text-light-opacity-9:focus {
    color: rgba(217, 217, 217, 0.9) !important
}

a.text-light-opacity-9:focus, a.text-light-opacity-9:active {
    color: rgba(204, 204, 204, 0.9) !important
}

a.text-light-opacity-9.btn span:before {
    background: rgba(255, 255, 255, 0.9) !important
}

.text-light-opacity-9 svg:not(.pixfort-icon) path, .text-light-opacity-9 svg:not(.pixfort-icon) rect, .text-light-opacity-9 svg:not(.pixfort-icon) circle, .text-light-opacity-9 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.9) !important
}

.text-dark-opacity-10 {
    color: black !important
}

a.text-dark-opacity-10:hover, a.text-dark-opacity-10:focus {
    color: black !important
}

a.text-dark-opacity-10:focus, a.text-dark-opacity-10:active {
    color: black !important
}

a.text-dark-opacity-10.btn span:before {
    background: black !important
}

.text-dark-opacity-10 svg:not(.pixfort-icon) path, .text-dark-opacity-10 svg:not(.pixfort-icon) rect, .text-dark-opacity-10 svg:not(.pixfort-icon) circle, .text-dark-opacity-10 svg:not(.pixfort-icon) polygon {
    fill: black !important
}

.text-light-opacity-10 {
    color: white !important
}

a.text-light-opacity-10:hover, a.text-light-opacity-10:focus {
    color: #d9d9d9 !important
}

a.text-light-opacity-10:focus, a.text-light-opacity-10:active {
    color: #ccc !important
}

a.text-light-opacity-10.btn span:before {
    background: white !important
}

.text-light-opacity-10 svg:not(.pixfort-icon) path, .text-light-opacity-10 svg:not(.pixfort-icon) rect, .text-light-opacity-10 svg:not(.pixfort-icon) circle, .text-light-opacity-10 svg:not(.pixfort-icon) polygon {
    fill: white !important
}

.text-body {
    color: #6c757d !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important
}

.rounded {
    border-radius: 2px !important
}

.rounded-xl {
    border-radius: 5px !important
}

.rounded-10 {
    border-radius: 10px !important
}

.rounded-top {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important
}

.rounded-right {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important
}

.rounded-bottom {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important
}

.rounded-left {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important
}

.rounded-inherit {
    border-radius: inherit !important
}

.shadow-sm, .shadow, .shadow-lg, .shadow-hover-sm, .shadow-hover, .shadow-hover-lg, .shadow-inverse-sm, .shadow-inverse, .shadow-inverse-lg {
    backface-visibility: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.shadow-0 {
    box-shadow: none !important
}

.shadow-sm {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important
}

.shadow-hover-sm:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15) !important
}

.shadow {
    box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.05), 0 0.5rem 1.2rem rgba(0, 0, 0, 0.1) !important
}

.shadow-hover:hover {
    box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.05), 0 0.625rem 1.5rem rgba(0, 0, 0, 0.15) !important
}

.shadow-lg {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important
}

.shadow-hover-lg:hover {
    box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.1), 0 2rem 3rem rgba(0, 0, 0, 0.15) !important
}

.shadow-inverse-sm {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15) !important
}

.shadow-inverse-hover-sm:hover {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important
}

.shadow-inverse {
    box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.05), 0 0.625rem 1.5rem rgba(0, 0, 0, 0.15) !important
}

.shadow-inverse-hover:hover {
    box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.05), 0 0.5rem 1.2rem rgba(0, 0, 0, 0.1) !important
}

.shadow-inverse-lg {
    box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.1), 0 2rem 3rem rgba(0, 0, 0, 0.15) !important
}

.shadow-inverse-hover-lg:hover {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important
}

.shadow-none {
    box-shadow: none !important
}

.inner-shadow-b {
    box-shadow: inset 0px -73px 0px -41px red
}

.scale-sm, .scale, .scale-lg, .scale-inverse-sm, .scale-inverse, .scale-inverse-lg {
    backface-visibility: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.scale-sm *, .scale *, .scale-lg *, .scale-inverse-sm *, .scale-inverse *, .scale-inverse-lg * {
    backface-visibility: hidden
}

.scale-sm:hover {
    transform: scale(1.05) !important;
    z-index: 999
}

.scale:hover {
    transform: scale(1.1) !important;
    z-index: 999
}

.scale-lg:hover {
    transform: scale(1.15) !important;
    z-index: 999
}

.scaled-sm {
    transform: scale(1.05) !important;
    z-index: 999
}

.scaled {
    transform: scale(1.1) !important;
    z-index: 999
}

.scaled-lg {
    transform: scale(1.15) !important;
    z-index: 999
}

.scale-inverse-sm:hover {
    transform: scale(0.95) !important
}

.scale-inverse:hover {
    transform: scale(0.925) !important
}

.scale-inverse-lg:hover {
    transform: scale(0.9) !important
}

.fly-sm, .fly, .fly-lg {
    backface-visibility: hidden
}

.fly-sm *, .fly *, .fly-lg * {
    backface-visibility: hidden
}

.fly-sm {
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.fly-sm:hover {
    transform: translate(0, -3px) !important
}

.fly {
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.fly:hover {
    transform: translate(0, -6px) !important
}

.fly-lg {
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.fly-lg:hover {
    transform: translate(0, -9px) !important
}

body {
    letter-spacing: -0.01em;
    font-weight: 500;
    font-family: var(--pix-body-font), sans-serif !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    -webkit-text-size-adjust: 100%;
    font-display: swap
}

.body-font {
    font-family: var(--pix-body-font), sans-serif !important;
    letter-spacing: -0.01em
}

.secondary-font, .heading-font {
    font-family: var(--pix-heading-font), sans-serif !important;
    letter-spacing: -0.03em
}

.font-weight-extra-bold {
    font-weight: 900
}

h1, .h1 {
    font-size: 3.75rem
}

h2, .h2 {
    font-size: 3rem
}

h3, .h3 {
    font-size: 2.25rem
}

h4, .h4 {
    font-size: 1.875rem
}

h5, .h5 {
    font-size: 1.5rem
}

h6, .h6 {
    font-size: 1.125rem
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit
}

a {
    color: #0378b5
}

a:hover {
    color: #02466a;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

a:focus, a.focus {
    -webkit-text-decoration: none;
    text-decoration: none;
    box-shadow: none
}

.wpb_text_column ul, .wpb_content_element ul, .comment ul, .product .tab-content ul {
    list-style: initial !important
}

.blockquote {
    font-size: 1rem
}

.blockquote-footer::before {
    content: "— "
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.25
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.25
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.25
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.25
}

@media screen and (max-width:992px) {
    h1, .h1 {
        font-size: 2.25rem
    }

    h2, .h2 {
        font-size: 1.8rem
    }

    h3, .h3 {
        font-size: 1.4625rem
    }

    h4, .h4 {
        font-size: 1.40625rem
    }

    h5, .h5 {
        font-size: 1.275rem
    }

    h6, .h6 {
        font-size: 1.06875rem
    }

    .display-1 {
        font-size: 3.6rem;
        line-height: 1.1
    }

    .display-2 {
        font-size: 3.3rem;
        line-height: 1.1
    }

    .display-3 {
        font-size: 2.7rem;
        line-height: 1.1
    }

    .display-4 {
        font-size: 2.1rem;
        line-height: 1.1
    }
}

.post.type-post .entry-content>h1, .post.type-post .entry-content>h2, .post.type-post .entry-content>h3, .post.type-post .entry-content>h4, .post.type-post .entry-content>h5, .post.type-post .entry-content>h6 {
    position: relative;
    margin-bottom: 0.75rem
}

.pix-vertical-element {
    writing-mode: vertical-rl
}

.pix-vertical-element h1, .pix-vertical-element h2, .pix-vertical-element h3, .pix-vertical-element h4, .pix-vertical-element h5, .pix-vertical-element h6 {
    margin: 0
}

.pix-vertical-element .text-gradient-primary {
    background-size: 200%;
    background-repeat: no-repeat;
    background-position: center
}

.pix-vertical-element .slide-in-container {
    overflow-x: hidden
}

body.pix-is-safari .pix-vertical-element {
    width: 100%
}

.text-left .pix-vertical-element {
    align-items: end
}

.text-center .pix-vertical-element {
    align-items: center
}

.text-right .pix-vertical-element {
    align-items: start
}

@media screen and (max-width:768px) {
    .pix-vertical-element .text-gradient-primary {
        background-attachment: scroll !important
    }
}

.form-control, .post-password-form input[type="password"] {
    display: block;
    width: 100%;
    height: calc(2.7rem + 0rem);
    padding: 0.5625rem 1.125rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.8;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0rem solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.form-control.form-control-rounded, .post-password-form input.form-control-rounded[type="password"] {
    border-radius: 1.4375rem !important
}

.form-control.form-control-rounded:before, .post-password-form input.form-control-rounded[type="password"]:before {
    border-radius: 1.4375rem !important
}

.form-control:not(.shadow-0), .post-password-form input[type="password"]:not(.shadow-0) {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1)
}

.form-control::-ms-expand, .post-password-form input[type="password"]::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus, .post-password-form input[type="password"]:focus {
    color: #495057;
    background-color: #fff;
    border-color: #91d2ee;
    outline: 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.2rem rgba(35, 164, 221, 0.25)
}

.form-control::-moz-placeholder, .post-password-form input[type="password"]::-moz-placeholder {
    color: #adb5bd;
    opacity: 1
}

.form-control::placeholder, .post-password-form input[type="password"]::placeholder {
    color: #adb5bd;
    opacity: 1
}

.form-control:disabled, .post-password-form input[type="password"]:disabled, .form-control[readonly], .post-password-form input[type="password"][readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control {
    text-indent: 12px
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(0.5625rem + 0rem);
    padding-bottom: calc(0.5625rem + 0rem);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.8
}

.col-form-label-xl {
    padding-top: calc(1rem + 0rem);
    padding-bottom: calc(1rem + 0rem);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(0.75rem + 0rem);
    padding-bottom: calc(0.75rem + 0rem);
    font-size: 1.125rem;
    line-height: 1.5
}

.col-form-label-md {
    padding-top: calc(0.625rem + 0rem);
    padding-bottom: calc(0.625rem + 0rem);
    font-size: 1rem;
    line-height: 1.8
}

.col-form-label-sm {
    padding-top: calc(0.375rem + 0rem);
    padding-bottom: calc(0.375rem + 0rem);
    font-size: 0.75rem;
    line-height: 1.3
}

.form-control-plaintext {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
    line-height: 1.8;
    color: #6c757d;
    border-width: 0rem 0
}

.form-control-plaintext.form-control-md, .form-control-plaintext.form-control-xl {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.725rem + 0rem);
    padding: 0.375rem 0.875rem;
    font-size: 0.75rem;
    line-height: 1.3;
    border-radius: 0.25rem
}

.form-control-sm.form-control-rounded {
    border-radius: 1.125rem !important
}

.form-control-sm.form-control-rounded:before {
    border-radius: 1.125rem !important
}

.form-control-md {
    height: calc(3.05rem + 0rem);
    font-size: 1rem;
    line-height: 1.8;
    border-radius: 0.3rem
}

.form-control-md.form-control-rounded {
    border-radius: 1.625rem !important
}

.form-control-md.form-control-rounded:before {
    border-radius: 1.625rem !important
}

.form-control-lg {
    height: calc(3.1875rem + 0rem);
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: 0.3rem
}

.form-control-lg.form-control-rounded {
    border-radius: 1.875rem !important
}

.form-control-lg.form-control-rounded:before {
    border-radius: 1.875rem !important
}

.form-control-xl {
    height: calc(3.875rem + 0rem);
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.35rem
}

.form-control-xl.form-control-rounded {
    border-radius: 2.25rem !important
}

.form-control-xl.form-control-rounded:before {
    border-radius: 2.25rem !important
}

textarea.form-control {
    min-height: 45px
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: 0.25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col, .form-row>[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    padding-left: 1.25rem
}

.form-check-input {
    margin-top: 0.3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-inline {
    margin-right: 0.75rem
}

.form-check-inline .form-check-input {
    margin-right: 0.3125rem
}

@media (min-width:576px) {
    .form-inline .form-check-input {
        margin-right: 0.25rem
    }
}

.pix-style[class*="form-check"] {
    padding-left: 0px
}

.pix-style[class*="form-check"]>label {
    padding-left: 29px !important;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-bottom: 0;
    cursor: pointer
}

.pix-style[class*="form-check"]>input:first-child {
    position: absolute !important;
    opacity: 0;
    margin: 0;
    margin-top: 6px;
    background-color: #787878;
    border-radius: 50%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    display: block;
    width: 18px;
    height: 18px;
    outline: none;
    transform: scale(2);
    -ms-transform: scale(2);
    transition: opacity 0.5s, transform 0.5s
}

.pix-style[class*="form-check"]>input:first-child:disabled {
    cursor: default
}

.pix-style[class*="form-check"]>input:first-child:disabled+label, .pix-style[class*="form-check"]>input:first-child:disabled+input[type="hidden"]+label, .pix-style[class*="form-check"]>input:first-child:disabled+label::before, .pix-style[class*="form-check"]>input:first-child:disabled+input[type="hidden"]+label::before {
    pointer-events: none;
    cursor: default;
    filter: alpha(opacity=65);
    box-shadow: none;
    opacity: 0.65
}

.pix-style[class*="form-check"]>input:first-child+label::before, .pix-style[class*="form-check"]>input:first-child+input[type="hidden"]+label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid #787878;
    border-radius: 3px;
    margin-left: -29px;
    margin-top: 6px;
    box-sizing: border-box
}

.pix-style[class*="form-check"]>input:first-child:checked+label::after, .pix-style[class*="form-check"]>input:first-child:checked+input[type="hidden"]+label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 10px;
    border: solid 2px #fff;
    border-left: none;
    border-top: none;
    margin-top: 6px;
    transform: translate(7.75px, 4.5px) rotate(45deg);
    -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
    box-sizing: border-box
}

.pix-style[class*="form-check"]>input:first-child:not(:checked):not(:disabled):hover+label::before, .pix-style[class*="form-check"]>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
    border-width: 2px
}

.pix-style[class*="form-check"]>input:first-child::-ms-check {
    opacity: 0;
    border-radius: 50%
}

.pix-style[class*="form-check"]>input:first-child:active {
    transform: scale(0);
    -ms-transform: scale(0);
    opacity: 1;
    transition: opacity 0s, transform 0s
}

.pix-style[class*="form-check"]>input[type="radio"]:first-child+label::before, .pix-style[class*="form-check"]>input[type="radio"]:first-child+input[type="hidden"]+label::before {
    border-radius: 50%
}

.pix-style[class*="form-check"]>input[type="radio"]:first-child:checked+label::before, .pix-style[class*="form-check"]>input[type="radio"]:first-child:checked+input[type="hidden"]+label::before {
    background-color: transparent
}

.pix-style[class*="form-check"]>input[type="radio"]:first-child:checked+label::after, .pix-style[class*="form-check"]>input[type="radio"]:first-child:checked+input[type="hidden"]+label::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    top: 5px;
    left: 5px;
    transform: none;
    -ms-transform: none
}

.pix-style[class*="form-check"]>input[type="checkbox"]:first-child:checked+label::after, .pix-style[class*="form-check"]>input[type="checkbox"]:first-child:checked+input[type="hidden"]+label::after {
    width: 5px;
    height: 12px;
    transform: translate(7px, 2px) rotate(45deg);
    -ms-transform: translate(7px, 2px) rotate(45deg)
}

.form-check-inline {
    display: inline-block;
    margin-left: 0.75rem;
    margin-top: 6px
}

.form-check>input:first-child {
    background-color: #02003F
}

.form-check>input:first-child::-ms-check {
    background-color: #02003F
}

.form-check>input:first-child:not(:checked):not(:disabled):hover+label::before, .form-check>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
    border-color: #02003F
}

.form-check>input:first-child:checked+label::before, .form-check>input:first-child:checked+input[type="hidden"]+label::before {
    background-color: #02003F;
    border-color: #02003F
}

.form-check>input:first-child:checked+label::after, .form-check>input:first-child:checked+input[type="hidden"]+label::after {
    border-bottom-color: #fff;
    border-right-color: #fff
}

.form-check>input[type="radio"]:first-child:checked+label::after, .form-check>input[type="radio"]:first-child:checked+input[type="hidden"]+label::after {
    background-color: #02003F
}

.pix-select .dropdown-menu {
    margin-top: 10px;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important;
    outline: none !important;
    transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important
}

.pix-select .dropdown-menu .text {
    font-weight: 600;
    font-size: 14px
}

.pix-select .dropdown-menu li a {
    border-radius: 0px
}

.pix-select .dropdown-menu li a:not(.selected) {
    color: #6c757d !important
}

.pix-select .dropdown-menu li a:focus {
    outline: none !important
}

.pix-select .dropdown-menu li a:active {
    background: #1b84b2 !important
}

.pix-select .dropdown-menu li a:active span {
    color: #fff !important
}

.pix-select .dropdown-menu li a.selected {
    color: #25282b !important
}

.alert {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 0px solid transparent;
    border-radius: 2px
}

.alert .close, .alert .alert-text-alert-default {
    color: inherit
}

.alert .close:focus, .alert .alert-text-alert-default:focus {
    outline: none
}

@media (max-width:576px) {
    .alert .close {
        float: none;
        width: 100%
    }
}

.alert-primary {
    color: #187096;
    border-color: #125573;
    background: #69c1e8
}

.alert-secondary {
    color: #393d41;
    border-color: #2c2e31;
    background: #8b8e92
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.55rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    font-weight: 600;
    border-radius: 4px
}

.breadcrumb.pix-bg {
    background-color: #f8f9fa
}

.breadcrumb.pix-shadow {
    background-color: #fff;
    position: relative;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05)
}

.breadcrumb.pix-shadow:after {
    content: "";
    position: absolute;
    border-radius: 4px;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.breadcrumb.pix-shadow:after {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.25rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.form-control, .post-password-form input[type="password"] {
    background-color: white;
    border: 0px solid transparent;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1)
}

.form-control:focus, .post-password-form input[type="password"]:focus, .form-control:active, .post-password-form input[type="password"]:active {
    outline: none;
    border: 0px solid transparent;
    background-color: white;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1)
}

input:-webkit-autofill {
    outline: none;
    border: 0px solid transparent;
    background-color: white
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    border: 0px solid transparent
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control, .post-password-form .input-group>input[type="password"], .input-group>.form-control-plaintext, .input-group>.custom-select, .input-group>.custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.form-control+.form-control, .post-password-form .input-group>input[type="password"]+.form-control, .post-password-form .input-group>.form-control+input[type="password"], .post-password-form .input-group>input[type="password"]+input[type="password"], .input-group>.form-control+.custom-select, .post-password-form .input-group>input[type="password"]+.custom-select, .input-group>.form-control+.custom-file, .post-password-form .input-group>input[type="password"]+.custom-file, .input-group>.form-control-plaintext+.form-control, .post-password-form .input-group>.form-control-plaintext+input[type="password"], .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.custom-file, .input-group>.custom-select+.form-control, .post-password-form .input-group>.custom-select+input[type="password"], .input-group>.custom-select+.custom-select, .input-group>.custom-select+.custom-file, .input-group>.custom-file+.form-control, .post-password-form .input-group>.custom-file+input[type="password"], .input-group>.custom-file+.custom-select, .input-group>.custom-file+.custom-file {
    margin-left: 0rem
}

.input-group>.form-control:focus, .post-password-form .input-group>input[type="password"]:focus, .input-group>.custom-select:focus, .input-group>.custom-file .custom-file-input:focus~.custom-file-label {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.form-control:not(:last-child), .post-password-form .input-group>input[type="password"]:not(:last-child), .input-group>.custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.form-control:not(:first-child), .post-password-form .input-group>input[type="password"]:not(:first-child), .input-group>.custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-prepend, .input-group-append {
    display: flex
}

.input-group-prepend .btn, .input-group-append .btn {
    position: relative;
    z-index: 2
}

.input-group-prepend .btn:focus, .input-group-append .btn:focus {
    z-index: 3
}

.input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.input-group-text, .input-group-append .input-group-text+.btn {
    margin-left: 0rem
}

.input-group-prepend {
    margin-right: 0rem
}

.input-group-append {
    margin-left: 0rem
}

.input-group-lg>.form-control:not(textarea), .post-password-form .input-group-lg>input[type="password"]:not(textarea), .input-group-lg>.custom-select {
    height: calc(3.1875rem + 0rem)
}

.input-group-lg>.form-control, .post-password-form .input-group-lg>input[type="password"], .input-group-lg>.custom-select, .input-group-lg>.input-group-prepend>.input-group-text, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-append>.btn {
    padding: 0.75rem 2rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: 0.3rem
}

.input-group-sm>.form-control:not(textarea), .post-password-form .input-group-sm>input[type="password"]:not(textarea), .input-group-sm>.custom-select {
    height: calc(1.725rem + 0rem)
}

.input-group-sm>.form-control, .post-password-form .input-group-sm>input[type="password"], .input-group-sm>.custom-select, .input-group-sm>.input-group-prepend>.input-group-text, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-append>.btn {
    padding: 0.375rem 0.875rem;
    font-size: 0.75rem;
    line-height: 1.3;
    border-radius: 0.25rem
}

.input-group-lg>.custom-select, .input-group-sm>.custom-select {
    padding-right: 2.125rem
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.02);
    border-top: 0px solid rgba(0, 0, 0, 0.125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(5px - 0px) calc(5px - 0px)
}

.card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 5px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 0
}

.card:not(.sticky-top) {
    position: relative !important
}

.card .card-inner {
    border-radius: 5px;
    overflow: hidden !important;
    display: inline-block;
    position: relative
}

.card .card-header {
    border-width: 0px
}

.card .card-link i {
    position: relative;
    top: 2px
}

.card .card-btn-bottom {
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card .card-img-container {
    position: relative
}

.card:after {
    content: "";
    border-radius: 5px;
    position: absolute;
    z-index: -1 !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.card .card-img-overlay {
    z-index: 2
}

.card .card-img, .card .card-img-bottom {
    z-index: -2;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: 0.75rem
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.accordion:not(.accordion-card) .card {
    border: 0px;
    background: transparent !important;
    overflow: visible
}

.accordion:not(.accordion-card) .card .card-header {
    margin-bottom: 0px;
    border: 0px;
    border-radius: 4px;
    box-shadow: none;
    padding: 0px;
    background: transparent
}

.accordion:not(.accordion-card) .card .card-header .btn {
    margin: 0px;
    padding: 10px 20px;
    width: 100%;
    background: transparent !important
}

.accordion:not(.accordion-card) .card .card-body {
    background: transparent
}

.accordion:not(.accordion-card) .card .collapse {
    background: transparent
}

.accordion:not(.accordion-card) .card .card-header .btn:not(.collapsed) {
    position: relative;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.accordion:not(.accordion-card) .card .card-header .btn:not(.collapsed):after {
    content: "";
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.accordion:not(.accordion-card) .card .card-header .btn:not(.collapsed):hover {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05)
}

.accordion:not(.accordion-card) .card .card-header .btn:not(.collapsed):hover::after {
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1)
}

.accordion-card {
    position: relative
}

.accordion-card:after {
    content: "";
    border-radius: 5px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.accordion-card .card {
    overflow: visible;
    border: 0px
}

.accordion-card .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion-card .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion-card .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion-card .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion-card .card .card-header {
    background: transparent;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px
}

.accordion-card .card .card-header .btn {
    margin: 0px;
    padding: 15px 20px;
    width: 100%;
    border-radius: 0px;
    text-shadow: 0px
}

.accordion-card .card .card-header i {
    line-height: 24px !important
}

.card-img-scale .card-img-top-div {
    display: inline-block;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px)
}

.card-img-scale .card-img-top-div .card-img-top {
    transform: scale(1);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.card-img-scale:hover .card-img-top {
    transform: scale(1.1)
}

.pix-team-card.big-card .card-img {
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 400px
}

.pix-team-card .card-img {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-team-card.hover-bg:hover .card-img {
    opacity: 0.1 !important
}

.pix-card-group .card {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .pix-card-group.pix-rounded-group :first-child {
        border-top-left-radius: 0.3rem !important;
        border-bottom-left-radius: 0.3rem !important
    }

    .pix-card-group.pix-rounded-group :last-child {
        border-top-right-radius: 0.3rem !important;
        border-bottom-right-radius: 0.3rem !important
    }
}

@media screen and (max-width:992px) {
    .pix-card-group.pix-rounded-group>:first-child {
        border-top-left-radius: 0.3rem !important;
        border-top-right-radius: 0.3rem !important
    }

    .pix-card-group.pix-rounded-group>:last-child {
        border-bottom-left-radius: 0.3rem !important;
        border-bottom-right-radius: 0.3rem !important
    }
}

.dropdown-menu {
    border-radius: 5px;
    border: 0px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.05)
}

.dropdown-menu:after {
    content: "";
    position: absolute;
    border-radius: 4px;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dropdown-menu:after {
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.15)
}

.dropdown-menu a:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.dropdown-menu a:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.dropdown-item {
    padding: 0.6rem 1.8rem
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none !important
}

.dropdown-item.active, .dropdown-item:active {
    background-color: rgba(0, 0, 0, 0.05) !important
}

.btn-blink-gradient-primary {
    color: #02003F;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: linear-gradient(to right, #02003F, #0378b5) fixed;
    --pix-btn-blink-color: linear-gradient(to right, #02003F, #0378b5) fixed;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-gradient-primary * {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: linear-gradient(to right, #02003F, #0378b5) fixed;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.btn-blink-gradient-primary:before {
    background: linear-gradient(to right, #02003F, #0378b5) fixed
}

.btn-blink-gradient-primary:hover {
    color: #fff;
    background-color: #fff
}

.btn-blink-gradient-primary:hover * {
    color: #fff;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.btn-blink-gradient-primary.disabled, .btn-blink-gradient-primary:disabled {
    color: linear-gradient(to right, #02003F, #0378b5) fixed
}

.btn-blink-gradient-primary:not(:disabled):not(.disabled):active, .btn-blink-gradient-primary:not(:disabled):not(.disabled).active, .show>.btn-blink-gradient-primary.dropdown-toggle {
    color: #fff
}

.btn-underline-gradient-primary {
    --pix-btn-underline-color: linear-gradient($gradient-direction, $gradient-primary-1, $gradient-primary-middle, $gradient-primary-2);
    -webkit-background-clip: text;
    background-clip: text
}

.btn-underline-gradient-primary *:not([class^="text-"]):not([class*=" text-"]) {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: linear-gradient(to right, #02003F, #4ed199, #0378b5);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.btn-underline-gradient-primary span:before {
    content: " ";
    position: absolute;
    top: 120%;
    border-radius: 3px;
    left: 0%;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #02003F, #4ed199, #0378b5) !important;
    transform: scaleX(0);
    transition: transform 0.2s;
    transform-origin: right center;
    z-index: -1;
    box-sizing: border-box;
    display: block
}

.btn-underline-gradient-primary:hover {
    opacity: 0.75
}

.btn-underline-gradient-primary:hover span:before {
    transform: scaleX(1);
    transform-origin: left center
}

.btn-underline-gradient-primary:focus, .btn-underline-gradient-primary:active {
    color: linear-gradient(to right, #156385, #269364, #013551) fixed
}

.btn-underline-gradient-primary:focus *, .btn-underline-gradient-primary:active * {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: linear-gradient(to right, #156385, #269364, #013551) fixed;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.btn-line-gradient-primary {
    color: linear-gradient(to right, #02003F, #4ed199, #0378b5) fixed;
    background-clip: padding-box;
    border: solid 2px transparent;
    position: relative
}

.btn-line-gradient-primary * {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: linear-gradient(to right, #02003F, #4ed199, #0378b5) fixed;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.btn-line-gradient-primary:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
    background: linear-gradient(to right, #02003F, #4ed199, #0378b5) fixed
}

.btn-line-gradient-primary:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 2px rgba(35, 164, 221, 0.5) inset
}

.btn-line-gradient-primary:hover {
    color: #02003F;
    background-color: transparent;
    opacity: 0.75
}

.btn-line-gradient-primary:focus, .btn-line-gradient-primary:active {
    color: #02003F;
    background-color: transparent;
    opacity: 0.75;
    border-color: #02003F;
    box-shadow: 0 0 0 2px rgba(35, 164, 221, 0.5) inset !important
}

.btn-line-gradient-primary.disabled, .btn-line-gradient-primary:disabled {
    color: #02003F;
    background-color: transparent
}

.btn-line-gradient-primary:not(:disabled):not(.disabled):active, .btn-line-gradient-primary:not(:disabled):not(.disabled).active, .show>.btn-line-gradient-primary.dropdown-toggle {
    color: #fff;
    background-color: #02003F;
    border-color: #02003F
}

.btn-line-gradient-primary:not(:disabled):not(.disabled):active:focus, .btn-line-gradient-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-line-gradient-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(35, 164, 221, 0.5)
}

.text-gradient-primary {
    background-color: #02003F;
    background-image: -webkit-gradient(linear-gradient(to right, #02003F, #0378b5)) !important;
    background-image: linear-gradient(to right, #02003F, #b32222c9) !important;
    background-size: 100%;
    -webkit-box-decoration-break: clone;
    -webkit-background-clip: text !important;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    box-decoration-break: clone;
    background-attachment: fixed;
    background-position: 0 0;
    background-repeat: repeat;
    --pf-icon-color: url(#svg-gradient-primary) !important
}

.text-gradient-primary span {
    backface-visibility: initial
}

.text-gradient-primary svg:not(.pixfort-icon) path, .text-gradient-primary svg:not(.pixfort-icon) rect, .text-gradient-primary svg:not(.pixfort-icon) circle, .text-gradient-primary svg:not(.pixfort-icon) polygon {
    fill: url(#svg-gradient-primary) !important
}

.text-gradient-primary i {
    position: inherit !important
}

.text-gradient-primary .pix-words-wrapper span {
    background-size: 100%;
    -webkit-box-decoration-break: clone;
    -webkit-background-clip: text !important;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    box-decoration-break: clone;
    background-attachment: fixed;
    background-position: 0 0;
    background-repeat: repeat;
    background-image: -webkit-gradient(linear-gradient(to right, #02003F, #0378b5)) !important;
    background-image: linear-gradient(to right, #02003F, #0378b5) !important
}

.text-gradient-primary-initial {
    background-size: initial !important;
    background-position: initial !important;
    background-attachment: local !important
}

.text-attachment-fix {
    background-attachment: local !important
}

.bg-gradient-primary {
    background-image: linear-gradient(to right, #02003F, #0378b5) !important;
    background-repeat: repeat-y
}

.bg-gradient-primary.pix-bg-attachment-scroll {
    background-attachment: scroll !important
}

.bg-gradient-primary-hover {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.bg-gradient-primary-hover:hover {
    background-image: linear-gradient(to right, #02003F, #0378b5) !important
}

.pix-bg-attachment-scroll {
    background-attachment: scroll !important
}

.bg-gradient-primary-hover:hover {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: linear-gradient(to right, #02003F, #0378b5) fixed !important
}

.btn-gradient-primary {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: linear-gradient(to right, #02003F, #0378b5) !important
}

.btn-gradient-primary:hover {
    opacity: 0.7
}

::-moz-selection {
    background: rgba(35, 164, 221, 0.5);
    color: #fff
}

::selection {
    background: rgba(35, 164, 221, 0.5);
    color: #fff
}

::-moz-selection {
    background: rgba(35, 164, 221, 0.5);
    color: #fff
}

.bg-gradient-dark {
    background: linear-gradient(to right, #111, #333) !important
}

.bg-dark-blur:before, .bg-light-blur:before {
    content: "";
    transition: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: rgba(29, 29, 31, 0.72) !important;
    height: 100%;
    border-radius: inherit
}

.bg-light-blur:not(.temp-hide):before, .bg-dark-blur:not(.temp-hide):before {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px)
}

.bg-light-blur, .bg-dark-blur {
    background: transparent !important;
    -webkit-backdrop-filter: initial !important;
    backdrop-filter: initial !important
}

.bg-dark-blur:before {
    background: rgba(29, 29, 31, 0.72) !important
}

.bg-light-blur:before {
    background: rgba(255, 255, 255, 0.8) !important
}

.header-scroll {
    padding: 20px;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 998
}

.nav-item-display {
    display: flex
}

.pix-header-mobile .navbar-toggler.hamburger {
    display: flex
}

.pix-header-mobile .collapse:not(.show) {
    display: none !important
}

.pix-header-mobile .navbar-expand-lg .navbar-nav {
    flex-direction: column
}

.pix-header-mobile .nav-item-display {
    display: list-item
}

@media (max-width:991px) {
    .pix-nav-btns {
        width: 100%;
        display: inline-block;
        margin: 0px;
        float: right;
        padding: 0;
        text-align: right;
        position: relative
    }

    .pix-nav-btns li {
        display: inline-block !important
    }

    .pix-header-line {
        border-left: 0px solid rgba(0, 0, 0, 0.03) !important;
        border-top: 2px solid rgba(0, 0, 0, 0.03) !important
    }

    .navbar-nav.nav-style-megamenu .d-lg-flex {
        display: block !important
    }
}

@media (min-width:992px) {
    .navbar.navbar-hover-drop .dropdown .dropdown-menu {
        display: block !important;
        visibility: hidden;
        overflow: hidden;
        height: 0
    }

    .navbar.navbar-hover-drop .dropdown.hover>.dropdown-menu, .navbar.navbar-hover-drop .dropdown>.dropdown-menu.hover, .navbar.navbar-hover-drop .dropdown:hover>.dropdown-menu, .navbar.navbar-hover-drop .dropdown>.dropdown-menu:hover {
        height: auto;
        visibility: visible;
        overflow: visible
    }

    .navbar.navbar-hover-drop .dropdown.hover>.dropdown-menu .dropdown.hover>.dropdown-menu, .navbar.navbar-hover-drop .dropdown.hover>.dropdown-menu .dropdown>.dropdown-menu.hover, .navbar.navbar-hover-drop .dropdown.hover>.dropdown-menu .dropdown:hover>.dropdown-menu, .navbar.navbar-hover-drop .dropdown.hover>.dropdown-menu .dropdown>.dropdown-menu:hover, .navbar.navbar-hover-drop .dropdown>.dropdown-menu.hover .dropdown.hover>.dropdown-menu, .navbar.navbar-hover-drop .dropdown>.dropdown-menu.hover .dropdown>.dropdown-menu.hover, .navbar.navbar-hover-drop .dropdown>.dropdown-menu.hover .dropdown:hover>.dropdown-menu, .navbar.navbar-hover-drop .dropdown>.dropdown-menu.hover .dropdown>.dropdown-menu:hover, .navbar.navbar-hover-drop .dropdown:hover>.dropdown-menu .dropdown.hover>.dropdown-menu, .navbar.navbar-hover-drop .dropdown:hover>.dropdown-menu .dropdown>.dropdown-menu.hover, .navbar.navbar-hover-drop .dropdown:hover>.dropdown-menu .dropdown:hover>.dropdown-menu, .navbar.navbar-hover-drop .dropdown:hover>.dropdown-menu .dropdown>.dropdown-menu:hover, .navbar.navbar-hover-drop .dropdown>.dropdown-menu:hover .dropdown.hover>.dropdown-menu, .navbar.navbar-hover-drop .dropdown>.dropdown-menu:hover .dropdown>.dropdown-menu.hover, .navbar.navbar-hover-drop .dropdown>.dropdown-menu:hover .dropdown:hover>.dropdown-menu, .navbar.navbar-hover-drop .dropdown>.dropdown-menu:hover .dropdown>.dropdown-menu:hover {
        top: 0;
        visibility: visible !important;
        left: 100%;
        padding-left: 10px
    }

    .navbar.navbar-hover-drop .dropdown.hover>.dropdown-menu .dropdown.hover>.dropdown-menu .submenu-box, .navbar.navbar-hover-drop .dropdown.hover>.dropdown-menu .dropdown>.dropdown-menu.hover .submenu-box, .navbar.navbar-hover-drop .dropdown.hover>.dropdown-menu .dropdown:hover>.dropdown-menu .submenu-box, .navbar.navbar-hover-drop .dropdown.hover>.dropdown-menu .dropdown>.dropdown-menu:hover .submenu-box, .navbar.navbar-hover-drop .dropdown>.dropdown-menu.hover .dropdown.hover>.dropdown-menu .submenu-box, .navbar.navbar-hover-drop .dropdown>.dropdown-menu.hover .dropdown>.dropdown-menu.hover .submenu-box, .navbar.navbar-hover-drop .dropdown>.dropdown-menu.hover .dropdown:hover>.dropdown-menu .submenu-box, .navbar.navbar-hover-drop .dropdown>.dropdown-menu.hover .dropdown>.dropdown-menu:hover .submenu-box, .navbar.navbar-hover-drop .dropdown:hover>.dropdown-menu .dropdown.hover>.dropdown-menu .submenu-box, .navbar.navbar-hover-drop .dropdown:hover>.dropdown-menu .dropdown>.dropdown-menu.hover .submenu-box, .navbar.navbar-hover-drop .dropdown:hover>.dropdown-menu .dropdown:hover>.dropdown-menu .submenu-box, .navbar.navbar-hover-drop .dropdown:hover>.dropdown-menu .dropdown>.dropdown-menu:hover .submenu-box, .navbar.navbar-hover-drop .dropdown>.dropdown-menu:hover .dropdown.hover>.dropdown-menu .submenu-box, .navbar.navbar-hover-drop .dropdown>.dropdown-menu:hover .dropdown>.dropdown-menu.hover .submenu-box, .navbar.navbar-hover-drop .dropdown>.dropdown-menu:hover .dropdown:hover>.dropdown-menu .submenu-box, .navbar.navbar-hover-drop .dropdown>.dropdown-menu:hover .dropdown>.dropdown-menu:hover .submenu-box {
        margin-top: 0
    }

    .navbar.navbar-hover-drop .dropdown-menu-right .dropdown .dropdown-menu {
        left: auto !important;
        right: 100% !important;
        padding-left: 0px;
        padding-right: 10px
    }
}

.submenu-box, .submenu-box * {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important
}

.btn {
    display: inline-block;
    font-weight: 500;
    color: #6c757d;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0rem solid transparent;
    margin-right: 10px;
    padding: 0.5625rem 1.125rem;
    font-size: 0.875rem;
    line-height: 1.8;
    border-radius: 4px;
    transition: all 0.15s ease-in-out;
    line-break: normal
}

.btn i {
    line-height: 1.8;
    position: relative
}

.btn:before {
    border-radius: 4px
}

.btn.btn-rounded {
    border-radius: 1.4375rem !important
}

.btn.btn-rounded:before {
    border-radius: 1.4375rem !important
}

.btn:hover {
    color: #6c757d;
    text-decoration: none
}

.btn i {
    position: relative;
    vertical-align: middle !important;
    font-weight: normal !important
}

.btn:focus, .btn.focus {
    outline: 0
}

.btn.no-padding {
    padding: 0
}

.btn.btn-custom-bg:hover, .btn.btn-custom-bg:focus, .btn.btn-custom-bg:active {
    opacity: 0.9;
    background-color: initial
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
    box-shadow: none
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn.btn-flat {
    position: relative;
    overflow: hidden
}

.btn.btn-flat:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: inline-block;
    height: 2px;
    background: rgba(0, 0, 0, 0.2)
}

.btn .pixfort-icon.ml-2 {
    margin-right: -0.25em
}

.btn .pixfort-icon.mr-2 {
    margin-left: -0.25em
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-gray-1, .btn-gray-2, .btn-gray-3, .btn-gray-4, .btn-gray-5, .btn-gray-6, .btn-gray-7, .btn-gray-8, .btn-gray-9, .btn-primary, .btn-secondary, .btn-green, .btn-cyan, .btn-yellow, .btn-orange, .btn-red, .btn-blue, .btn-brown, .btn-purple, .btn-white, .btn-black, .btn-primary-light, .btn-secondary-light {
    color: var(--pix-btn-color);
    box-shadow: none;
    text-shadow: 0px
}

.btn-gray-1 {
    --pix-btn-color: #262d35;
    background-color: #f8f9fa
}

.btn-gray-1:hover {
    color: #1d2329;
    background-color: #eceff2
}

.btn-gray-1:focus, .btn-gray-1.focus {
    background-color: #dae0e5 !important;
    color: #1d2329
}

.btn-gray-1.disabled, .btn-gray-1:disabled {
    color: #212529;
    background-color: #f8f9fa
}

.btn-gray-1:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-gray-1:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-gray-1.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5 !important
}

.btn-gray-2 {
    --pix-btn-color: #1b2025;
    background-color: #e9ecef
}

.btn-gray-2:hover {
    color: #121619;
    background-color: #dde2e6
}

.btn-gray-2:focus, .btn-gray-2.focus {
    background-color: #cbd3da !important;
    color: #121619
}

.btn-gray-2.disabled, .btn-gray-2:disabled {
    color: #212529;
    background-color: #e9ecef
}

.btn-gray-2:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-gray-2:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-gray-2.dropdown-toggle {
    color: #fff;
    background-color: #cbd3da !important
}

.btn-gray-3 {
    --pix-btn-color: #131619;
    background-color: #dee2e6
}

.btn-gray-3:hover {
    color: white;
    background-color: #d2d8dd
}

.btn-gray-3:focus, .btn-gray-3.focus {
    background-color: #c1c9d0 !important;
    color: white
}

.btn-gray-3.disabled, .btn-gray-3:disabled {
    color: #212529;
    background-color: #dee2e6
}

.btn-gray-3:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-gray-3:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-gray-3.dropdown-toggle {
    color: #fff;
    background-color: #c1c9d0 !important
}

.btn-gray-4 {
    --pix-btn-color: white;
    background-color: #ced4da
}

.btn-gray-4:hover {
    color: white;
    background-color: #c2cad1
}

.btn-gray-4:focus, .btn-gray-4.focus {
    background-color: #b1bbc4 !important;
    color: white
}

.btn-gray-4.disabled, .btn-gray-4:disabled {
    color: #fff;
    background-color: #ced4da
}

.btn-gray-4:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-gray-4:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-gray-4.dropdown-toggle {
    color: #fff;
    background-color: #b1bbc4 !important
}

.btn-gray-5 {
    --pix-btn-color: white;
    background-color: #adb5bd
}

.btn-gray-5:hover {
    color: white;
    background-color: #a2abb4
}

.btn-gray-5:focus, .btn-gray-5.focus {
    background-color: #919ca6 !important;
    color: white
}

.btn-gray-5.disabled, .btn-gray-5:disabled {
    color: #fff;
    background-color: #adb5bd
}

.btn-gray-5:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-gray-5:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-gray-5.dropdown-toggle {
    color: #fff;
    background-color: #919ca6 !important
}

.btn-gray-6 {
    --pix-btn-color: white;
    background-color: #6c757d
}

.btn-gray-6:hover {
    color: white;
    background-color: #636b72
}

.btn-gray-6:focus, .btn-gray-6.focus {
    background-color: #545b62 !important;
    color: white
}

.btn-gray-6.disabled, .btn-gray-6:disabled {
    color: #fff;
    background-color: #6c757d
}

.btn-gray-6:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-gray-6:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-gray-6.dropdown-toggle {
    color: #fff;
    background-color: #545b62 !important
}

.btn-gray-7 {
    --pix-btn-color: white;
    background-color: #495057
}

.btn-gray-7:hover {
    color: white;
    background-color: #40464c
}

.btn-gray-7:focus, .btn-gray-7.focus {
    background-color: #32373b !important;
    color: white
}

.btn-gray-7.disabled, .btn-gray-7:disabled {
    color: #fff;
    background-color: #495057
}

.btn-gray-7:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-gray-7:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-gray-7.dropdown-toggle {
    color: #fff;
    background-color: #32373b !important
}

.btn-gray-8 {
    --pix-btn-color: white;
    background-color: #343a40
}

.btn-gray-8:hover {
    color: #fbfcfc;
    background-color: #2b3035
}

.btn-gray-8:focus, .btn-gray-8.focus {
    background-color: #1d2124 !important;
    color: #fbfcfc
}

.btn-gray-8.disabled, .btn-gray-8:disabled {
    color: #fff;
    background-color: #343a40
}

.btn-gray-8:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-gray-8:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-gray-8.dropdown-toggle {
    color: #fff;
    background-color: #1d2124 !important
}

.btn-gray-9 {
    --pix-btn-color: #eff1f3;
    background-color: #212529
}

.btn-gray-9:hover {
    color: #e4e7e9;
    background-color: #181b1e
}

.btn-gray-9:focus, .btn-gray-9.focus {
    background-color: #0a0c0d !important;
    color: #e4e7e9
}

.btn-gray-9.disabled, .btn-gray-9:disabled {
    color: #fff;
    background-color: #212529
}

.btn-gray-9:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-gray-9:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-gray-9.dropdown-toggle {
    color: #fff;
    background-color: #0a0c0d !important
}

.btn-primary {
    --pix-btn-color: white;
    background-color: #02003F
}

.btn-primary:hover {
    color: white;
    background-color: #2097cc
}

.btn-primary:focus, .btn-primary.focus {
    background-color: #1b84b2 !important;
    color: white
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #02003F
}

.btn-primary:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-primary:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1b84b2 !important
}

.btn-secondary {
    --pix-btn-color: white;
    background-color: #54595f
}

.btn-secondary:hover {
    color: white;
    background-color: #4a4f54
}

.btn-secondary:focus, .btn-secondary.focus {
    background-color: #3c4044 !important;
    color: white
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #54595f
}

.btn-secondary:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-secondary:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #3c4044 !important
}

.btn-green {
    --pix-btn-color: white;
    background-color: #4ED199
}

.btn-green:hover {
    color: white;
    background-color: #3ecd90
}

.btn-green:focus, .btn-green.focus {
    background-color: #31bb80 !important;
    color: white
}

.btn-green.disabled, .btn-green:disabled {
    color: #fff;
    background-color: #4ED199
}

.btn-green:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-green:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-green.dropdown-toggle {
    color: #fff;
    background-color: #31bb80 !important
}

.btn-cyan {
    --pix-btn-color: white;
    background-color: #0dd3ff
}

.btn-cyan:hover {
    color: white;
    background-color: #00cbf8
}

.btn-cyan:focus, .btn-cyan.focus {
    background-color: #00b2d9 !important;
    color: white
}

.btn-cyan.disabled, .btn-cyan:disabled {
    color: #fff;
    background-color: #0dd3ff
}

.btn-cyan:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-cyan:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-cyan.dropdown-toggle {
    color: #fff;
    background-color: #00b2d9 !important
}

.btn-yellow {
    --pix-btn-color: white;
    background-color: #ffc168
}

.btn-yellow:hover {
    color: white;
    background-color: #ffb954
}

.btn-yellow:focus, .btn-yellow.focus {
    background-color: #ffac35 !important;
    color: white
}

.btn-yellow.disabled, .btn-yellow:disabled {
    color: #fff;
    background-color: #ffc168
}

.btn-yellow:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-yellow:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-yellow.dropdown-toggle {
    color: #fff;
    background-color: #ffac35 !important
}

.btn-orange {
    --pix-btn-color: white;
    background-color: #ff9900
}

.btn-orange:hover {
    color: white;
    background-color: #eb8d00
}

.btn-orange:focus, .btn-orange.focus {
    background-color: #cc7a00 !important;
    color: white
}

.btn-orange.disabled, .btn-orange:disabled {
    color: #fff;
    background-color: #ff9900
}

.btn-orange:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-orange:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #cc7a00 !important
}

.btn-red {
    --pix-btn-color: white;
    background-color: #ff6c5f
}

.btn-red:hover {
    color: white;
    background-color: #ff594b
}

.btn-red:focus, .btn-red.focus {
    background-color: #ff3d2c !important;
    color: white
}

.btn-red.disabled, .btn-red:disabled {
    color: #fff;
    background-color: #ff6c5f
}

.btn-red:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-red:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-red.dropdown-toggle {
    color: #fff;
    background-color: #ff3d2c !important
}

.btn-blue {
    --pix-btn-color: white;
    background-color: #0378b5
}

.btn-blue:hover {
    color: white;
    background-color: #036ba1
}

.btn-blue:focus, .btn-blue.focus {
    background-color: #025783 !important;
    color: white
}

.btn-blue.disabled, .btn-blue:disabled {
    color: #fff;
    background-color: #0378b5
}

.btn-blue:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-blue:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #025783 !important
}

.btn-brown {
    --pix-btn-color: white;
    background-color: #b4a996
}

.btn-brown:hover {
    color: white;
    background-color: #ac9f8a
}

.btn-brown:focus, .btn-brown.focus {
    background-color: #9f9178 !important;
    color: white
}

.btn-brown.disabled, .btn-brown:disabled {
    color: #fff;
    background-color: #b4a996
}

.btn-brown:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-brown:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-brown.dropdown-toggle {
    color: #fff;
    background-color: #9f9178 !important
}

.btn-purple {
    --pix-btn-color: white;
    background-color: #4b19f7
}

.btn-purple:hover {
    color: white;
    background-color: #3d08f3
}

.btn-purple:focus, .btn-purple.focus {
    background-color: #3607d6 !important;
    color: white
}

.btn-purple.disabled, .btn-purple:disabled {
    color: #fff;
    background-color: #4b19f7
}

.btn-purple:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-purple:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #3607d6 !important
}

.btn-white {
    --pix-btn-color: #333;
    background-color: #fff
}

.btn-white:hover {
    color: #292929;
    background-color: whitesmoke
}

.btn-white:focus, .btn-white.focus {
    background-color: #e6e6e6 !important;
    color: #292929
}

.btn-white.disabled, .btn-white:disabled {
    color: #212529;
    background-color: #fff
}

.btn-white:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-white:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-white.dropdown-toggle {
    color: #212529;
    background-color: #e6e6e6 !important
}

.btn-black {
    --pix-btn-color: #ccc;
    background-color: #000
}

.btn-black:hover {
    color: #ccc;
    background-color: black
}

.btn-black:focus, .btn-black.focus {
    background-color: black !important;
    color: #ccc
}

.btn-black.disabled, .btn-black:disabled {
    color: #fff;
    background-color: #000
}

.btn-black:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-black:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-black.dropdown-toggle {
    color: #fff;
    background-color: black !important
}

.btn-primary-light {
    --pix-btn-color: #02003F;
    background-color: rgba(123, 201, 235, 0.15)
}

.btn-primary-light:hover {
    color: #1b84b2;
    background-color: #6ac1e8
}

.btn-primary-light:focus, .btn-primary-light.focus {
    background-color: #4fb6e4 !important;
    color: #1b84b2
}

.btn-primary-light.disabled, .btn-primary-light:disabled {
    color: #fff;
    background-color: #7bc9eb
}

.btn-primary-light:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-primary-light:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-primary-light.dropdown-toggle {
    color: #fff;
    background-color: #4fb6e4 !important
}

.btn-secondary-light {
    --pix-btn-color: #54595f;
    background-color: rgba(133, 140, 148, 0.15)
}

.btn-secondary-light:hover {
    color: #3c4044;
    background-color: #7b828a
}

.btn-secondary-light:focus, .btn-secondary-light.focus {
    background-color: #6c727a !important;
    color: #3c4044
}

.btn-secondary-light.disabled, .btn-secondary-light:disabled {
    color: #fff;
    background-color: #858c94
}

.btn-secondary-light:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .btn-secondary-light:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.btn-secondary-light.dropdown-toggle {
    color: #fff;
    background-color: #6c727a !important
}

.btn-outline-gray-1 {
    --pix-btn-outline-color: #f8f9fa;
    --pix-btn-outline-color-opacity: rgba(248, 249, 250, 0.5)
}

.btn-outline-gray-1:hover {
    color: #212529
}

.btn-outline-gray-2 {
    --pix-btn-outline-color: #e9ecef;
    --pix-btn-outline-color-opacity: rgba(233, 236, 239, 0.5)
}

.btn-outline-gray-2:hover {
    color: #212529
}

.btn-outline-gray-3 {
    --pix-btn-outline-color: #dee2e6;
    --pix-btn-outline-color-opacity: rgba(222, 226, 230, 0.5)
}

.btn-outline-gray-3:hover {
    color: #212529
}

.btn-outline-gray-4 {
    --pix-btn-outline-color: #ced4da;
    --pix-btn-outline-color-opacity: rgba(206, 212, 218, 0.5)
}

.btn-outline-gray-4:hover {
    color: #fff
}

.btn-outline-gray-5 {
    --pix-btn-outline-color: #adb5bd;
    --pix-btn-outline-color-opacity: rgba(173, 181, 189, 0.5)
}

.btn-outline-gray-5:hover {
    color: #fff
}

.btn-outline-gray-6 {
    --pix-btn-outline-color: #6c757d;
    --pix-btn-outline-color-opacity: rgba(108, 117, 125, 0.5)
}

.btn-outline-gray-6:hover {
    color: #fff
}

.btn-outline-gray-7 {
    --pix-btn-outline-color: #495057;
    --pix-btn-outline-color-opacity: rgba(73, 80, 87, 0.5)
}

.btn-outline-gray-7:hover {
    color: #fff
}

.btn-outline-gray-8 {
    --pix-btn-outline-color: #343a40;
    --pix-btn-outline-color-opacity: rgba(52, 58, 64, 0.5)
}

.btn-outline-gray-8:hover {
    color: #fff
}

.btn-outline-gray-9 {
    --pix-btn-outline-color: #212529;
    --pix-btn-outline-color-opacity: rgba(33, 37, 41, 0.5)
}

.btn-outline-gray-9:hover {
    color: #fff
}

.btn-outline-primary {
    --pix-btn-outline-color: #02003F;
    --pix-btn-outline-color-opacity: rgba(35, 164, 221, 0.5)
}

.btn-outline-primary:hover {
    color: #fff
}

.btn-outline-secondary {
    --pix-btn-outline-color: #54595f;
    --pix-btn-outline-color-opacity: rgba(84, 89, 95, 0.5)
}

.btn-outline-secondary:hover {
    color: #fff
}

.btn-outline-green {
    --pix-btn-outline-color: #4ED199;
    --pix-btn-outline-color-opacity: rgba(78, 209, 153, 0.5)
}

.btn-outline-green:hover {
    color: #fff
}

.btn-outline-cyan {
    --pix-btn-outline-color: #0dd3ff;
    --pix-btn-outline-color-opacity: rgba(13, 211, 255, 0.5)
}

.btn-outline-cyan:hover {
    color: #fff
}

.btn-outline-yellow {
    --pix-btn-outline-color: #ffc168;
    --pix-btn-outline-color-opacity: rgba(255, 193, 104, 0.5)
}

.btn-outline-yellow:hover {
    color: #fff
}

.btn-outline-orange {
    --pix-btn-outline-color: #ff9900;
    --pix-btn-outline-color-opacity: rgba(255, 153, 0, 0.5)
}

.btn-outline-orange:hover {
    color: #fff
}

.btn-outline-red {
    --pix-btn-outline-color: #ff6c5f;
    --pix-btn-outline-color-opacity: rgba(255, 108, 95, 0.5)
}

.btn-outline-red:hover {
    color: #fff
}

.btn-outline-blue {
    --pix-btn-outline-color: #0378b5;
    --pix-btn-outline-color-opacity: rgba(3, 120, 181, 0.5)
}

.btn-outline-blue:hover {
    color: #fff
}

.btn-outline-brown {
    --pix-btn-outline-color: #b4a996;
    --pix-btn-outline-color-opacity: rgba(180, 169, 150, 0.5)
}

.btn-outline-brown:hover {
    color: #fff
}

.btn-outline-purple {
    --pix-btn-outline-color: #4b19f7;
    --pix-btn-outline-color-opacity: rgba(75, 25, 247, 0.5)
}

.btn-outline-purple:hover {
    color: #fff
}

.btn-outline-white {
    --pix-btn-outline-color: #fff;
    --pix-btn-outline-color-opacity: rgba(255, 255, 255, 0.5)
}

.btn-outline-white:hover {
    color: #212529
}

.btn-outline-black {
    --pix-btn-outline-color: #000;
    --pix-btn-outline-color-opacity: rgba(0, 0, 0, 0.5)
}

.btn-outline-black:hover {
    color: #fff
}

.btn-outline-primary-light {
    --pix-btn-outline-color: #7bc9eb;
    --pix-btn-outline-color-opacity: rgba(123, 201, 235, 0.5)
}

.btn-outline-primary-light:hover {
    color: #fff
}

.btn-outline-secondary-light {
    --pix-btn-outline-color: #858c94;
    --pix-btn-outline-color-opacity: rgba(133, 140, 148, 0.5)
}

.btn-outline-secondary-light:hover {
    color: #fff
}

[class^="btn-outline-"], [class*=" btn-outline-"] {
    color: var(--pix-btn-outline-color, #02003F);
    border: 2px solid var(--pix-btn-outline-color, #02003F);
    padding: calc(0.5625rem - 2px) 1.125rem
}

[class^="btn-outline-"]:hover, [class*=" btn-outline-"]:hover {
    background-color: var(--pix-btn-outline-color, #02003F);
    border-color: var(--pix-btn-outline-color, #02003F) !important
}

[class^="btn-outline-"]:focus, [class^="btn-outline-"].focus, [class*=" btn-outline-"]:focus, [class*=" btn-outline-"].focus {
    box-shadow: 0 0 0 0.2rem var(--pix-btn-outline-color-opacity, rgba(35, 164, 221, 0.5))
}

[class^="btn-outline-"].disabled, [class^="btn-outline-"]:disabled, [class*=" btn-outline-"].disabled, [class*=" btn-outline-"]:disabled {
    color: var(--pix-btn-outline-color, #02003F);
    background-color: transparent
}

[class^="btn-outline-"].btn-xl, [class*=" btn-outline-"].btn-xl {
    padding: calc(1rem - 2px) 2.375rem !important
}

[class^="btn-outline-"].btn-lg, [class*=" btn-outline-"].btn-lg {
    padding: calc(0.75rem - 2px) 2rem !important
}

[class^="btn-outline-"].btn-md, [class*=" btn-outline-"].btn-md {
    padding: calc(0.625rem - 2px) 1.5rem !important
}

[class^="btn-outline-"].btn-sm, [class*=" btn-outline-"].btn-sm {
    padding: calc(0.375rem - 2px) 0.875rem !important
}

.btn-line-gray-1 {
    --pix-btn-line-color: #f8f9fa;
    --pix-btn-line-color-opacity: rgba(248, 249, 250, 0.5)
}

.btn-line-gray-2 {
    --pix-btn-line-color: #e9ecef;
    --pix-btn-line-color-opacity: rgba(233, 236, 239, 0.5)
}

.btn-line-gray-3 {
    --pix-btn-line-color: #dee2e6;
    --pix-btn-line-color-opacity: rgba(222, 226, 230, 0.5)
}

.btn-line-gray-4 {
    --pix-btn-line-color: #ced4da;
    --pix-btn-line-color-opacity: rgba(206, 212, 218, 0.5)
}

.btn-line-gray-5 {
    --pix-btn-line-color: #adb5bd;
    --pix-btn-line-color-opacity: rgba(173, 181, 189, 0.5)
}

.btn-line-gray-6 {
    --pix-btn-line-color: #6c757d;
    --pix-btn-line-color-opacity: rgba(108, 117, 125, 0.5)
}

.btn-line-gray-7 {
    --pix-btn-line-color: #495057;
    --pix-btn-line-color-opacity: rgba(73, 80, 87, 0.5)
}

.btn-line-gray-8 {
    --pix-btn-line-color: #343a40;
    --pix-btn-line-color-opacity: rgba(52, 58, 64, 0.5)
}

.btn-line-gray-9 {
    --pix-btn-line-color: #212529;
    --pix-btn-line-color-opacity: rgba(33, 37, 41, 0.5)
}

.btn-line-primary {
    --pix-btn-line-color: #02003F;
    --pix-btn-line-color-opacity: rgba(35, 164, 221, 0.5)
}

.btn-line-secondary {
    --pix-btn-line-color: #54595f;
    --pix-btn-line-color-opacity: rgba(84, 89, 95, 0.5)
}

.btn-line-green {
    --pix-btn-line-color: #4ED199;
    --pix-btn-line-color-opacity: rgba(78, 209, 153, 0.5)
}

.btn-line-cyan {
    --pix-btn-line-color: #0dd3ff;
    --pix-btn-line-color-opacity: rgba(13, 211, 255, 0.5)
}

.btn-line-yellow {
    --pix-btn-line-color: #ffc168;
    --pix-btn-line-color-opacity: rgba(255, 193, 104, 0.5)
}

.btn-line-orange {
    --pix-btn-line-color: #ff9900;
    --pix-btn-line-color-opacity: rgba(255, 153, 0, 0.5)
}

.btn-line-red {
    --pix-btn-line-color: #ff6c5f;
    --pix-btn-line-color-opacity: rgba(255, 108, 95, 0.5)
}

.btn-line-blue {
    --pix-btn-line-color: #0378b5;
    --pix-btn-line-color-opacity: rgba(3, 120, 181, 0.5)
}

.btn-line-brown {
    --pix-btn-line-color: #b4a996;
    --pix-btn-line-color-opacity: rgba(180, 169, 150, 0.5)
}

.btn-line-purple {
    --pix-btn-line-color: #4b19f7;
    --pix-btn-line-color-opacity: rgba(75, 25, 247, 0.5)
}

.btn-line-white {
    --pix-btn-line-color: #fff;
    --pix-btn-line-color-opacity: rgba(255, 255, 255, 0.5)
}

.btn-line-black {
    --pix-btn-line-color: #000;
    --pix-btn-line-color-opacity: rgba(0, 0, 0, 0.5)
}

.btn-line-primary-light {
    --pix-btn-line-color: #7bc9eb;
    --pix-btn-line-color-opacity: rgba(123, 201, 235, 0.5)
}

.btn-line-secondary-light {
    --pix-btn-line-color: #858c94;
    --pix-btn-line-color-opacity: rgba(133, 140, 148, 0.5)
}

[class^="btn-line-"], [class*=" btn-line-"] {
    color: var(--pix-btn-line-color, #02003F);
    border-color: var(--pix-btn-line-color, #02003F);
    position: relative
}

[class^="btn-line-"]:before, [class*=" btn-line-"]:before {
    content: " ";
    box-shadow: 0 0 0 2px var(--pix-btn-line-color-opacity, rgba(35, 164, 221, 0.5)) inset;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

[class^="btn-line-"]:hover, [class*=" btn-line-"]:hover {
    color: var(--pix-btn-line-color, #02003F);
    background-color: transparent;
    opacity: 0.75
}

[class^="btn-line-"]:focus, [class^="btn-line-"]:active, [class*=" btn-line-"]:focus, [class*=" btn-line-"]:active {
    color: var(--pix-btn-line-color, #02003F);
    border-color: var(--pix-btn-line-color, #02003F);
    box-shadow: 0 0 0 2px var(--pix-btn-line-color-opacity, rgba(35, 164, 221, 0.5)) inset !important;
    background-color: transparent;
    opacity: 0.75
}

[class^="btn-line-"].disabled, [class^="btn-line-"]:disabled, [class*=" btn-line-"].disabled, [class*=" btn-line-"]:disabled {
    color: var(--pix-btn-line-color, #02003F);
    background-color: transparent
}

.btn-underline-gray-1 {
    --pix-btn-underline-color: #f8f9fa;
    --pix-btn-underline-color-opacity: rgba(248, 249, 250, 0.75)
}

.btn-underline-gray-1 span:before {
    background-color: #f8f9fa
}

.btn-underline-gray-2 {
    --pix-btn-underline-color: #e9ecef;
    --pix-btn-underline-color-opacity: rgba(233, 236, 239, 0.75)
}

.btn-underline-gray-2 span:before {
    background-color: #e9ecef
}

.btn-underline-gray-3 {
    --pix-btn-underline-color: #dee2e6;
    --pix-btn-underline-color-opacity: rgba(222, 226, 230, 0.75)
}

.btn-underline-gray-3 span:before {
    background-color: #dee2e6
}

.btn-underline-gray-4 {
    --pix-btn-underline-color: #ced4da;
    --pix-btn-underline-color-opacity: rgba(206, 212, 218, 0.75)
}

.btn-underline-gray-4 span:before {
    background-color: #ced4da
}

.btn-underline-gray-5 {
    --pix-btn-underline-color: #adb5bd;
    --pix-btn-underline-color-opacity: rgba(173, 181, 189, 0.75)
}

.btn-underline-gray-5 span:before {
    background-color: #adb5bd
}

.btn-underline-gray-6 {
    --pix-btn-underline-color: #6c757d;
    --pix-btn-underline-color-opacity: rgba(108, 117, 125, 0.75)
}

.btn-underline-gray-6 span:before {
    background-color: #6c757d
}

.btn-underline-gray-7 {
    --pix-btn-underline-color: #495057;
    --pix-btn-underline-color-opacity: rgba(73, 80, 87, 0.75)
}

.btn-underline-gray-7 span:before {
    background-color: #495057
}

.btn-underline-gray-8 {
    --pix-btn-underline-color: #343a40;
    --pix-btn-underline-color-opacity: rgba(52, 58, 64, 0.75)
}

.btn-underline-gray-8 span:before {
    background-color: #343a40
}

.btn-underline-gray-9 {
    --pix-btn-underline-color: #212529;
    --pix-btn-underline-color-opacity: rgba(33, 37, 41, 0.75)
}

.btn-underline-gray-9 span:before {
    background-color: #212529
}

.btn-underline-primary {
    --pix-btn-underline-color: #02003F;
    --pix-btn-underline-color-opacity: rgba(35, 164, 221, 0.75)
}

.btn-underline-primary span:before {
    background-color: #02003F
}

.btn-underline-secondary {
    --pix-btn-underline-color: #54595f;
    --pix-btn-underline-color-opacity: rgba(84, 89, 95, 0.75)
}

.btn-underline-secondary span:before {
    background-color: #54595f
}

.btn-underline-green {
    --pix-btn-underline-color: #4ED199;
    --pix-btn-underline-color-opacity: rgba(78, 209, 153, 0.75)
}

.btn-underline-green span:before {
    background-color: #4ED199
}

.btn-underline-cyan {
    --pix-btn-underline-color: #0dd3ff;
    --pix-btn-underline-color-opacity: rgba(13, 211, 255, 0.75)
}

.btn-underline-cyan span:before {
    background-color: #0dd3ff
}

.btn-underline-yellow {
    --pix-btn-underline-color: #ffc168;
    --pix-btn-underline-color-opacity: rgba(255, 193, 104, 0.75)
}

.btn-underline-yellow span:before {
    background-color: #ffc168
}

.btn-underline-orange {
    --pix-btn-underline-color: #ff9900;
    --pix-btn-underline-color-opacity: rgba(255, 153, 0, 0.75)
}

.btn-underline-orange span:before {
    background-color: #ff9900
}

.btn-underline-red {
    --pix-btn-underline-color: #ff6c5f;
    --pix-btn-underline-color-opacity: rgba(255, 108, 95, 0.75)
}

.btn-underline-red span:before {
    background-color: #ff6c5f
}

.btn-underline-blue {
    --pix-btn-underline-color: #0378b5;
    --pix-btn-underline-color-opacity: rgba(3, 120, 181, 0.75)
}

.btn-underline-blue span:before {
    background-color: #0378b5
}

.btn-underline-brown {
    --pix-btn-underline-color: #b4a996;
    --pix-btn-underline-color-opacity: rgba(180, 169, 150, 0.75)
}

.btn-underline-brown span:before {
    background-color: #b4a996
}

.btn-underline-purple {
    --pix-btn-underline-color: #4b19f7;
    --pix-btn-underline-color-opacity: rgba(75, 25, 247, 0.75)
}

.btn-underline-purple span:before {
    background-color: #4b19f7
}

.btn-underline-white {
    --pix-btn-underline-color: #fff;
    --pix-btn-underline-color-opacity: rgba(255, 255, 255, 0.75)
}

.btn-underline-white span:before {
    background-color: #fff
}

.btn-underline-black {
    --pix-btn-underline-color: #000;
    --pix-btn-underline-color-opacity: rgba(0, 0, 0, 0.75)
}

.btn-underline-black span:before {
    background-color: #000
}

.btn-underline-primary-light {
    --pix-btn-underline-color: #7bc9eb;
    --pix-btn-underline-color-opacity: rgba(123, 201, 235, 0.75)
}

.btn-underline-primary-light span:before {
    background-color: #7bc9eb
}

.btn-underline-secondary-light {
    --pix-btn-underline-color: #858c94;
    --pix-btn-underline-color-opacity: rgba(133, 140, 148, 0.75)
}

.btn-underline-secondary-light span:before {
    background-color: #858c94
}

[class^="btn-underline-"], [class*=" btn-underline-"] {
    color: var(--pix-btn-underline-color, #02003F);
    opacity: 1;
    position: relative;
    z-index: 2
}

[class^="btn-underline-"] span, [class*=" btn-underline-"] span {
    position: relative
}

[class^="btn-underline-"] span:before, [class*=" btn-underline-"] span:before {
    content: " ";
    background: var(--pix-btn-underline-color, #02003F);
    position: absolute;
    top: 120%;
    border-radius: 3px;
    left: 0%;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transition: transform 0.2s;
    transform-origin: right center;
    z-index: -1;
    box-sizing: border-box;
    display: block
}

[class^="btn-underline-"]:hover, [class*=" btn-underline-"]:hover {
    color: var(--pix-btn-underline-color, #02003F);
    background-color: transparent;
    opacity: 0.75;
    opacity: 1
}

[class^="btn-underline-"]:hover span:before, [class*=" btn-underline-"]:hover span:before {
    transform: scaleX(1);
    transform-origin: left center
}

[class^="btn-underline-"]:focus, [class^="btn-underline-"]:active, [class*=" btn-underline-"]:focus, [class*=" btn-underline-"]:active {
    background: transparent;
    color: var(--pix-btn-underline-color-opacity, rgba(35, 164, 221, 0.75))
}

[class^="btn-underline-"]:focus span:before, [class^="btn-underline-"]:active span:before, [class*=" btn-underline-"]:focus span:before, [class*=" btn-underline-"]:active span:before {
    background: var(--pix-btn-underline-color-opacity, rgba(35, 164, 221, 0.75))
}

[class^="btn-underline-"].disabled, [class^="btn-underline-"]:disabled, [class*=" btn-underline-"].disabled, [class*=" btn-underline-"]:disabled {
    color: var(--pix-btn-underline-color, #02003F);
    background-color: transparent
}

[class^="btn-underline-"]:not(:disabled):not(.disabled):active, [class^="btn-underline-"]:not(:disabled):not(.disabled).active, .show>[class^="btn-underline-"].dropdown-toggle, [class*=" btn-underline-"]:not(:disabled):not(.disabled):active, [class*=" btn-underline-"]:not(:disabled):not(.disabled).active, .show>[class*=" btn-underline-"].dropdown-toggle {
    box-shadow: none
}

[class^="btn-underline-"]:not(:disabled):not(.disabled):active span:before, [class^="btn-underline-"]:not(:disabled):not(.disabled).active span:before, .show>[class^="btn-underline-"].dropdown-toggle span:before, [class*=" btn-underline-"]:not(:disabled):not(.disabled):active span:before, [class*=" btn-underline-"]:not(:disabled):not(.disabled).active span:before, .show>[class*=" btn-underline-"].dropdown-toggle span:before {
    transform: scaleX(1);
    background: var(--pix-btn-underline-color-opacity, rgba(35, 164, 221, 0.75))
}

.btn-blink-gray-1 {
    --pix-btn-blink-color: #f8f9fa;
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-gray-2 {
    --pix-btn-blink-color: #e9ecef;
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-gray-3 {
    --pix-btn-blink-color: #dee2e6;
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-gray-4 {
    --pix-btn-blink-color: #ced4da;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-gray-5 {
    --pix-btn-blink-color: #adb5bd;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-gray-6 {
    --pix-btn-blink-color: #6c757d;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-gray-7 {
    --pix-btn-blink-color: #495057;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-gray-8 {
    --pix-btn-blink-color: #343a40;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-gray-9 {
    --pix-btn-blink-color: #212529;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-primary {
    --pix-btn-blink-color: #02003F;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-secondary {
    --pix-btn-blink-color: #54595f;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-green {
    --pix-btn-blink-color: #4ED199;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-cyan {
    --pix-btn-blink-color: #0dd3ff;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-yellow {
    --pix-btn-blink-color: #ffc168;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-orange {
    --pix-btn-blink-color: #ff9900;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-red {
    --pix-btn-blink-color: #ff6c5f;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-blue {
    --pix-btn-blink-color: #0378b5;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-brown {
    --pix-btn-blink-color: #b4a996;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-purple {
    --pix-btn-blink-color: #4b19f7;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-white {
    --pix-btn-blink-color: #fff;
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-black {
    --pix-btn-blink-color: #000;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-primary-light {
    --pix-btn-blink-color: #7bc9eb;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-secondary-light {
    --pix-btn-blink-color: #858c94;
    --pix-btn-blink-color-hover: #fff
}

[class^="btn-blink-"], [class*=" btn-blink-"] {
    color: var(--pix-btn-blink-color, #02003F);
    opacity: 1;
    position: relative;
    z-index: 2;
    display: inline-block;
    overflow: hidden
}

[class^="btn-blink-"]:before, [class*=" btn-blink-"]:before {
    content: " ";
    background: var(--pix-btn-blink-color, #02003F);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transition: transform 0.2s;
    transform-origin: right center;
    z-index: -1
}

[class^="btn-blink-"]:hover, [class*=" btn-blink-"]:hover {
    color: var(--pix-btn-blink-color-hover, #fff);
    background-color: transparent;
    opacity: 1
}

[class^="btn-blink-"]:hover:before, [class*=" btn-blink-"]:hover:before {
    transform: scaleX(1);
    transform-origin: left center
}

[class^="btn-blink-"]:focus, [class^="btn-blink-"]:active, [class*=" btn-blink-"]:focus, [class*=" btn-blink-"]:active {
    opacity: 0.75
}

[class^="btn-blink-"].disabled, [class^="btn-blink-"]:disabled, [class*=" btn-blink-"].disabled, [class*=" btn-blink-"]:disabled {
    color: var(--pix-btn-blink-color, #02003F);
    background-color: transparent
}

[class^="btn-blink-"]:not(:disabled):not(.disabled):active, [class^="btn-blink-"]:not(:disabled):not(.disabled).active, .show>[class^="btn-blink-"].dropdown-toggle, [class*=" btn-blink-"]:not(:disabled):not(.disabled):active, [class*=" btn-blink-"]:not(:disabled):not(.disabled).active, .show>[class*=" btn-blink-"].dropdown-toggle {
    color: var(--pix-btn-blink-color-hover, #fff);
    background-color: transparent;
    opacity: 0.75
}

[class^="btn-blink-"]:not(:disabled):not(.disabled):active:before, [class^="btn-blink-"]:not(:disabled):not(.disabled).active:before, .show>[class^="btn-blink-"].dropdown-toggle:before, [class*=" btn-blink-"]:not(:disabled):not(.disabled):active:before, [class*=" btn-blink-"]:not(:disabled):not(.disabled).active:before, .show>[class*=" btn-blink-"].dropdown-toggle:before {
    transform: scaleX(1);
    transform-origin: left center
}

.btn-link {
    font-weight: 500;
    color: #0378b5
}

.btn-link:hover {
    color: #02466a;
    -webkit-text-decoration: none;
    text-decoration: none
}

.btn-link:focus, .btn-link.focus {
    -webkit-text-decoration: none;
    text-decoration: none;
    box-shadow: none
}

.btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-xl {
    padding: 1rem 2.375rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.35rem
}

.btn-xl i {
    line-height: 1.5;
    position: relative
}

.btn-xl:before {
    border-radius: 0.35rem
}

.btn-xl.btn-rounded {
    border-radius: 2.25rem !important
}

.btn-xl.btn-rounded:before {
    border-radius: 2.25rem !important
}

.btn-lg {
    padding: 0.75rem 2rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: 0.3rem
}

.btn-lg i {
    line-height: 1.5;
    position: relative
}

.btn-lg:before {
    border-radius: 0.3rem
}

.btn-lg.btn-rounded {
    border-radius: 1.875rem !important
}

.btn-lg.btn-rounded:before {
    border-radius: 1.875rem !important
}

.btn-md {
    padding: 0.625rem 1.5rem;
    font-size: 1rem;
    line-height: 1.8;
    border-radius: 0.25rem
}

.btn-md i {
    line-height: 1.8;
    position: relative
}

.btn-md:before {
    border-radius: 0.25rem
}

.btn-md.btn-rounded {
    border-radius: 1.625rem !important
}

.btn-md.btn-rounded:before {
    border-radius: 1.625rem !important
}

.btn-sm {
    padding: 0.375rem 0.875rem;
    font-size: 0.75rem;
    line-height: 1.3;
    border-radius: 0.2rem
}

.btn-sm i {
    line-height: 1.3;
    position: relative
}

.btn-sm:before {
    border-radius: 0.2rem
}

.btn-sm.btn-rounded {
    border-radius: 1.125rem !important
}

.btn-sm.btn-rounded:before {
    border-radius: 1.125rem !important
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 0.5rem
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

html {
    font-family: var(--pix-body-font), sans-serif !important;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    width: 100%
}

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8;
    color: #6c757d;
    text-align: left;
    background-color: #fff;
    width: 100%;
    min-height: 100vh;
    min-height: -webkit-fill-available
}

b, strong, .font-weight-bold {
    font-weight: 600 !important
}

:root {
    --transition-base: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    --pf-icon-color: currentcolor;
    --pf-icon-stroke-width: 1.5
}

svg.pixfort-icon {
    width: 1em;
    height: 1em;
    overflow: visible;
    box-sizing: content-box;
    shape-rendering: geometricPrecision
}

svg.pixfort-icon * {
    shape-rendering: geometricPrecision
}

body.pix-is-safari {
    overflow: clip
}

@media screen and (max-width:992px) {
    body.pix-is-safari {
        overflow-x: hidden;
        overflow-x: clip
    }
}

.navbar-light.navbar-nav.nav-link.text-body-default, .text-body-default {
    color: #6c757d !important
}

.navbar-light.navbar-nav.nav-link.text-body-default svg:not(.pixfort-icon) path, .text-body-default svg:not(.pixfort-icon) path {
    fill: #6c757d !important
}

.navbar-light.navbar-nav.nav-link.text-body-default.btn:hover, .text-body-default.btn:hover {
    color: #3d4246
}

.navbar-light.navbar-nav.nav-link.text-body-default.btn:focus, .navbar-light.navbar-nav.nav-link.text-body-default.btn:active, .text-body-default.btn:focus, .text-body-default.btn:active {
    color: #3d4246
}

.svg-body-default {
    color: #6c757d
}

.svg-body-default svg:not(.pixfort-icon), .svg-body-default svg:not(.pixfort-icon) path {
    fill: #6c757d !important
}

.svg-body-default:hover svg:not(.pixfort-icon), .svg-body-default:hover svg:not(.pixfort-icon) path, .svg-body-default:focus svg:not(.pixfort-icon), .svg-body-default:focus svg:not(.pixfort-icon) path, .svg-body-default:active svg:not(.pixfort-icon), .svg-body-default:active svg:not(.pixfort-icon) path {
    fill: #3d4246 !important
}

a.navbar-light.navbar-nav.nav-link.text-body-default:hover, a.navbar-light.navbar-nav.nav-link.text-body-default:focus, a.navbar-light.navbar-nav.nav-link.text-body-default:active, a.text-body-default:hover, a.text-body-default:focus, a.text-body-default:active {
    color: #3d4246 !important
}

.navbar-light.navbar-nav.nav-link.text-heading-default, .text-heading-default {
    color: #343a40 !important
}

.navbar-light.navbar-nav.nav-link.text-heading-default svg:not(.pixfort-icon) path, .text-heading-default svg:not(.pixfort-icon) path {
    fill: #343a40 !important
}

.svg-heading-default {
    color: #343a40
}

.svg-heading-default svg:not(.pixfort-icon), .svg-heading-default svg:not(.pixfort-icon) path {
    fill: #343a40
}

.svg-heading-default:hover svg:not(.pixfort-icon), .svg-heading-default:hover svg:not(.pixfort-icon) path, .svg-heading-default:focus svg:not(.pixfort-icon), .svg-heading-default:focus svg:not(.pixfort-icon) path, .svg-heading-default:active svg:not(.pixfort-icon), .svg-heading-default:active svg:not(.pixfort-icon) path {
    fill: #060708
}

a.navbar-light.navbar-nav.nav-link.text-heading-default:hover, a.navbar-light.navbar-nav.nav-link.text-heading-default:focus, a.navbar-light.navbar-nav.nav-link.text-heading-default:active, a.text-heading-default:hover, a.text-heading-default:focus, a.text-heading-default:active {
    color: #060708 !important
}

a.navbar-light.navbar-nav.nav-link.text-heading-default:hover svg:not(.pixfort-icon), a.navbar-light.navbar-nav.nav-link.text-heading-default:hover svg:not(.pixfort-icon) path, a.navbar-light.navbar-nav.nav-link.text-heading-default:focus svg:not(.pixfort-icon), a.navbar-light.navbar-nav.nav-link.text-heading-default:focus svg:not(.pixfort-icon) path, a.navbar-light.navbar-nav.nav-link.text-heading-default:active svg:not(.pixfort-icon), a.navbar-light.navbar-nav.nav-link.text-heading-default:active svg:not(.pixfort-icon) path, a.text-heading-default:hover svg:not(.pixfort-icon), a.text-heading-default:hover svg:not(.pixfort-icon) path, a.text-heading-default:focus svg:not(.pixfort-icon), a.text-heading-default:focus svg:not(.pixfort-icon) path, a.text-heading-default:active svg:not(.pixfort-icon), a.text-heading-default:active svg:not(.pixfort-icon) path {
    fill: #060708 !important
}

.bg-body-default {
    background: #6c757d
}

.bg-heading-default {
    background: #343a40
}

.pix-full-height {
    min-height: 100vh
}

.pix-fit-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.pix-fit-contain {
    -o-object-fit: contain;
    object-fit: contain
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    line-height: 1.28
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--pix-heading-font), sans-serif;
    letter-spacing: -0.03em
}

.h1:not(.elementor-heading-title), .h2:not(.elementor-heading-title), .h3:not(.elementor-heading-title), .h4:not(.elementor-heading-title), .h5:not(.elementor-heading-title), .h6:not(.elementor-heading-title), h1:not(.elementor-heading-title), h2:not(.elementor-heading-title), h3:not(.elementor-heading-title), h4:not(.elementor-heading-title), h5:not(.elementor-heading-title), h6:not(.elementor-heading-title) {
    color: #343a40
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #6c757d
}

.elementor-widget-woocommerce-product-content p, .elementor-text-editor p, .elementor-widget-text-editor p, .elementor-widget-theme-post-content p {
    color: inherit
}

figcaption {
    text-align: center !important
}

figcaption.wp-caption-text {
    color: #939ba2
}

.has-drop-cap:not(:focus):first-letter {
    color: #343a40
}

.text-24 {
    font-size: 24px;
    line-height: 38px
}

.text-20 {
    font-size: 20px;
    line-height: 32px
}

.text-18 {
    font-size: 18px;
    line-height: 26px
}

.text-18 i {
    position: relative;
    top: 2px
}

.text-small, .text-sm {
    font-size: 14px
}

.text-extra-small, .text-xs {
    font-size: 12px
}

.line-height-0 {
    line-height: 0
}

.line-height-1 {
    line-height: 1rem
}

.rounded-t-lg {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem
}

.rounded-b-lg {
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem
}

.sticky-bottom {
    position: sticky;
    bottom: 0
}

.svg-20 svg {
    height: 20px;
    width: auto
}

.svg-24 svg {
    height: 24px;
    width: auto
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.truncate-150 {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate-200 {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body.render .pix-loading-circ-path {
    opacity: 0
}

.pix-loading-circ-path {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 1000000000000000000000;
    transform: translate3d(-50%, -50%, 0);
    width: 60px
}

.pix-loading-circ-path:before {
    content: "";
    display: block;
    padding-top: 100%
}

.pix-loading-circ-path .loading-circular {
    animation: pix-loading-style-4-rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.pix-loading-circ-path .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: pix-loading-style-4-dash 1.5s ease-in-out infinite, pix-loading-style-4-color 1.5s ease-in-out infinite;
    stroke-linecap: round
}

@keyframes pix-loading-style-4-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes pix-loading-style-4-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

@keyframes pix-loading-style-4-color {
    100%, 0% {
        stroke: rgba(35, 164, 221, 0.3)
    }

    40%, 60% {
        stroke: #02003F
    }
}

:root {
    --pix-container-width: 1140px
}

:root {
    --pix-container-width: 1300px
}

@media (min-width:1200px) {
    .container {
        max-width: 1300px !important
    }
}

.container-xl {
    max-width: 1300px !important
}

.popup-width-xs {
    --pix-dialog-width: 380px
}

.popup-width-md {
    --pix-dialog-width: 760px
}

.popup-width-lg {
    --pix-dialog-width: 950px
}

.popup-width-xl {
    --pix-dialog-width: 1140px
}

.pix-el-full-width {
    width: 100vw;
    left: 50%;
    margin-left: -50vw
}

.vc_section.vc_section_visible {
    position: relative
}

.vc_section.vc_section-has-fill[data-vc-full-width="true"]>.pix-divider, .vc_section.vc_section-has-fill[data-vc-full-width="true"]>.pix_element_overlay {
    width: 100vw !important;
    left: 50% !important;
    margin-left: -50vw !important;
    z-index: 1
}

.vc_section.jarallax .pix_element_overlay {
    z-index: 2
}

.pix-overlay-top {
    z-index: 50;
    pointer-events: none
}

a:where(:not(.wp-element-button)) {
    text-decoration: none !important
}

.nav-pills .nav-link {
    color: #6c757d
}

.nav-pills.pix-pills-1 {
    border-radius: 2px
}

.nav-pills.pix-pills-1 .nav-link {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-size: 1.125rem;
    background: transparent
}

.nav-pills.pix-pills-1 .nav-link i {
    line-height: 1rem
}

.nav-pills.pix-pills-1 .nav-link:not(.active) {
    opacity: 0.7
}

.nav-pills.pix-pills-1 .nav-link:not(.active):hover {
    opacity: 1
}

.nav-pills.pix-pills-1 .nav-link.active, .nav-pills.pix-pills-1 .show>.nav-link {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important;
    opacity: 1;
    background: linear-gradient(to right, #02003F, #0378b5) fixed
}

.nav-pills.pix-pills-solid {
    border-radius: 2px
}

.nav-pills.pix-pills-solid .nav-link {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-size: 1.125rem;
    background: transparent
}

.nav-pills.pix-pills-solid .nav-link i {
    line-height: 1rem
}

.nav-pills.pix-pills-solid .nav-link:not(.active) {
    opacity: 0.7
}

.nav-pills.pix-pills-solid .nav-link:not(.active):hover {
    opacity: 1
}

.nav-pills.pix-pills-solid .nav-link.active, .nav-pills.pix-pills-solid .show>.nav-link {
    color: #fff;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important;
    opacity: 1;
    background: #02003F
}

.nav-pills.pix-pills-light {
    border-radius: 2px
}

.nav-pills.pix-pills-light .nav-link {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-size: 1rem;
    background: transparent
}

.nav-pills.pix-pills-light .nav-link i {
    line-height: 1rem
}

.nav-pills.pix-pills-light .nav-link:not(.active) {
    opacity: 0.7
}

.nav-pills.pix-pills-light .nav-link:not(.active):hover {
    opacity: 1
}

.nav-pills.pix-pills-light .nav-link.active, .nav-pills.pix-pills-light .show>.nav-link {
    color: #02003F;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important;
    opacity: 1;
    background: #fff
}

.nav-pills.pix-pills-outline {
    border-radius: 2px
}

.nav-pills.pix-pills-outline .nav-link {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-size: 1.125rem;
    box-shadow: 0 0 0 2px transparent inset !important;
    background: transparent
}

.nav-pills.pix-pills-outline .nav-link i {
    line-height: 1rem
}

.nav-pills.pix-pills-outline .nav-link:not(.active) {
    opacity: 0.7
}

.nav-pills.pix-pills-outline .nav-link:not(.active):hover {
    opacity: 1
}

.nav-pills.pix-pills-outline .nav-link.active, .nav-pills.pix-pills-outline .show>.nav-link {
    color: #343a40;
    box-shadow: 0 0 0 2px #6c757d inset !important;
    opacity: 1
}

.nav-pills.pix-pills-line {
    border-radius: 2px
}

.nav-pills.pix-pills-line .nav-link {
    transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-size: 1.125rem;
    box-shadow: 0 0 0 2px transparent inset !important;
    background: transparent
}

.nav-pills.pix-pills-line .nav-link i {
    line-height: 1rem
}

.nav-pills.pix-pills-line .nav-link:not(.active) {
    opacity: 0.7
}

.nav-pills.pix-pills-line .nav-link:not(.active):hover {
    opacity: 1
}

.nav-pills.pix-pills-line .nav-link.active {
    color: #343a40;
    opacity: 1;
    position: relative
}

.nav-pills.pix-pills-line .nav-link.active:after {
    content: " ";
    position: absolute;
    background: #02003F !important;
    top: 100%;
    border-radius: 3px;
    left: 0%;
    width: 100%;
    height: 3px;
    transform: scaleX(1);
    transition: transform 0.2s;
    transform-origin: right center;
    box-sizing: border-box;
    display: block;
    z-index: 100%
}

.nav-pills.pix-pills-round {
    border-radius: 2px
}

.nav-pills.pix-pills-round .nav-link {
    transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-size: 1.125rem;
    border-radius: 40px;
    background: transparent
}

.nav-pills.pix-pills-round .nav-link i {
    line-height: 1rem
}

.nav-pills.pix-pills-round .nav-link:not(.active) {
    opacity: 0.7
}

.nav-pills.pix-pills-round .nav-link:not(.active):hover {
    opacity: 1
}

.nav-pills.pix-pills-round .nav-link.active, .nav-pills.pix-pills-round .show>.nav-link {
    color: #fff;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important;
    opacity: 1;
    background: #02003F;
    border-radius: 40px
}

.nav-pills.pix-pills-lines {
    border-radius: 2px
}

.nav-pills.pix-pills-lines .nav-link {
    transition: opacity 0.04s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-size: 1.125rem;
    background: transparent
}

.nav-pills.pix-pills-lines .nav-link i {
    line-height: 1rem
}

.nav-pills.pix-pills-lines .nav-link:not(.active) {
    opacity: 0.7
}

.nav-pills.pix-pills-lines .nav-link:not(.active):hover {
    opacity: 1
}

.nav-pills.pix-pills-lines .nav-link.active, .nav-pills.pix-pills-lines .show>.nav-link {
    color: #fff;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important;
    opacity: 1;
    background: #02003F
}

.nav-pills.pix-pills-lines .pix-tabs-line {
    height: 1px;
    background: #6c757d;
    width: 100%;
    display: block;
    opacity: 0.5
}

@media (max-width:991px) {
    .nav-pills.pix-pills-lines .pix-tabs-line {
        display: none
    }

    .pix_tabs_btns .nav-link {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}

.nav-pills.pix-pills-primary .nav-item a {
    transition: opacity 0.04s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.nav-pills.pix-pills-primary .nav-item a.active {
    opacity: 1
}

.nav-pills.pix-pills-primary .nav-item a:not(.active) {
    opacity: 0.5
}

.nav-pills.pix-pills-primary .nav-link.active, .nav-pills.pix-pills-primary .show>.nav-link {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important;
    opacity: 1;
    background: #02003F !important
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    float: left;
    width: 50%
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.menu-item-no-link, .menu-item-no-link * {
    cursor: default !important
}

@keyframes fadeUp {
    0% {
        opacity: 0.2;
        transform: translateY(1rem)
    }

    100% {
        transform: translateY(0%);
        opacity: 1
    }
}

@keyframes fadeDown {
    0% {
        opacity: 0.2;
        transform: translateY(-1rem)
    }

    100% {
        transform: translateY(0%);
        opacity: 1
    }
}

@keyframes fadeLeft {
    0% {
        opacity: 0;
        transform: translateX(1rem)
    }

    100% {
        transform: translateX(0%);
        opacity: 1
    }
}

@keyframes fadeRight {
    0% {
        opacity: 0.2;
        transform: translateX(-1rem)
    }

    100% {
        transform: translateX(0%);
        opacity: 1
    }
}

.fade-up.show, .fade-down.show, .fade-left.show, .fade-right.show {
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-fill-mode: both
}

.fade-up.show {
    animation-name: fadeUp
}

.fade-down.show {
    animation-name: fadeDown
}

.fade-left.show {
    animation-name: fadeLeft
}

.fade-right.show {
    animation-name: fadeRight
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease
}

.hamburger {
    padding: 5px 5px;
    display: inline-block;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: 0.7
}

.hamburger:hover, .hamburger:active, .hamburger:focus {
    outline: none !important
}

.hamburger.is-active:hover {
    opacity: 0.7
}

.hamburger-box {
    width: 30px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner .hamburger-inner-before, .hamburger-inner .hamburger-inner-after {
    width: 30px;
    height: 4px;
    border-radius: 4px;
    position: absolute
}

.hamburger-inner:after, .hamburger-inner .hamburger-inner-before, .hamburger-inner .hamburger-inner-after {
    content: "";
    display: block
}

.hamburger-inner:after {
    background: inherit
}

.hamburger-inner .hamburger-inner-before {
    top: -10px
}

.hamburger-inner .hamburger-inner-after {
    bottom: -10px
}

.hamburger--spin .hamburger-inner {
    transition: transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
}

.hamburger--spin .hamburger-inner:after {
    transition: transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
}

.hamburger--spin .hamburger-inner .hamburger-inner-before {
    transition: transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s, opacity 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s
}

.hamburger--spin .hamburger-inner .hamburger-inner-after {
    transition: transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s, opacity 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s
}

.hamburger--spin:not(.is-active) .hamburger-inner-after {
    bottom: -10px
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(135deg);
    transition-delay: 0.12s
}

.hamburger--spin.is-active .hamburger-inner:after {
    transform: rotate(90deg)
}

.hamburger--spin.is-active .hamburger-inner:after {
    transition-delay: 0.12s
}

.hamburger--spin.is-active .hamburger-inner .hamburger-inner-before {
    opacity: 0;
    transform: translateY(10px);
    transition-delay: 0s
}

.hamburger--spin.is-active .hamburger-inner .hamburger-inner-after {
    opacity: 0;
    transform: translateY(-10px);
    transition-delay: 0s
}

.pix-is-safari .hamburger--spin.is-active .hamburger-inner .hamburger-inner-after {
    bottom: -10px !important;
    transform: translate(0, -10px) rotate(-90deg) !important
}

@keyframes pix_rotating {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.pix-rotating {
    animation: pix_rotating 50s linear infinite
}

.pix-rotating {
    animation-name: pix_rotating;
    animation-duration: 50s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    will-change: transform
}

@keyframes pix_rotating_inverse {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-360deg)
    }
}

.pix-rotating-inverse {
    will-change: transform;
    animation-name: pix_rotating_inverse;
    animation-duration: 50s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.pix-rotating-inverse.pix-duration-fast, .pix-rotating.pix-duration-fast {
    animation-duration: 20s
}

.pix-rotating-inverse.pix-duration-md, .pix-rotating.pix-duration-md {
    animation-duration: 50s
}

.pix-rotating-inverse.pix-duration-slow, .pix-rotating.pix-duration-slow {
    animation-duration: 80s
}

@keyframes pix_bounce_sm {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes pix_bounce_md {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes pix_bounce_lg {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(40%)
    }

    100% {
        transform: translateY(0)
    }
}

.pix-bounce-fast {
    will-change: transform;
    animation: pix_bounce 6s ease infinite
}

.pix-bounce {
    will-change: transform;
    animation: pix_bounce 3s ease-in-out infinite
}

.pix-bounce-sm {
    will-change: transform;
    animation-name: pix_bounce_sm;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.pix-bounce-md {
    will-change: transform;
    animation-name: pix_bounce_md;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.pix-bounce-lg {
    will-change: transform;
    animation-name: pix_bounce_lg;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

@keyframes pix_fade {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0.6
    }

    100% {
        opacity: 1
    }
}

@keyframes pix_scale_sm {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes pix_scale_md {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes pix_scale_lg {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.8)
    }

    100% {
        transform: scale(1)
    }
}

.pix-scale-sm {
    will-change: transform;
    animation-name: pix_scale_sm;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.pix-scale-md {
    will-change: transform;
    animation-name: pix_scale_md;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.pix-scale-lg {
    will-change: transform;
    animation-name: pix_scale_lg;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.pix-fade {
    will-change: transform;
    animation-name: pix_fade;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.pix-bounce-sm.pix-duration-fast, .pix-bounce-md.pix-duration-fast, .pix-bounce-lg.pix-duration-fast, .pix-scale-sm.pix-duration-fast, .pix-scale-md.pix-duration-fast, .pix-scale-lg.pix-duration-fast, .pix-fade.pix-duration-fast {
    animation-duration: 2s
}

.pix-bounce-sm.pix-duration-md, .pix-bounce-md.pix-duration-md, .pix-bounce-lg.pix-duration-md, .pix-scale-sm.pix-duration-md, .pix-scale-md.pix-duration-md, .pix-scale-lg.pix-duration-md, .pix-fade.pix-duration-md {
    animation-duration: 5s
}

.pix-bounce-sm.pix-duration-slow, .pix-bounce-md.pix-duration-slow, .pix-bounce-lg.pix-duration-slow, .pix-scale-sm.pix-duration-slow, .pix-scale-md.pix-duration-slow, .pix-scale-lg.pix-duration-slow, .pix-fade.pix-duration-slow {
    animation-duration: 10s
}

.pix-bg-slide-left {
    animation-name: pix_scroll_left
}

.pix-bg-slide-right {
    animation-name: pix_scroll_right
}

.pix-bg-slide-up {
    animation-name: pix_scroll_up
}

.pix-bg-slide-down {
    animation-name: pix_scroll_down
}

.pix-bg-slide-left, .pix-bg-slide-right, .pix-bg-slide-up, .pix-bg-slide-down {
    background-repeat: repeat;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    background-size: cover;
    will-change: transform
}

.pix-bg-slide-left.pix-duration-fast, .pix-bg-slide-right.pix-duration-fast, .pix-bg-slide-up.pix-duration-fast, .pix-bg-slide-down.pix-duration-fast {
    animation-duration: 15s
}

.pix-bg-slide-left.pix-duration-md, .pix-bg-slide-right.pix-duration-md, .pix-bg-slide-up.pix-duration-md, .pix-bg-slide-down.pix-duration-md {
    animation-duration: 30s
}

.pix-bg-slide-left.pix-duration-slow, .pix-bg-slide-right.pix-duration-slow, .pix-bg-slide-up.pix-duration-slow, .pix-bg-slide-down.pix-duration-slow {
    animation-duration: 60s
}

@keyframes pix_scroll_left {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -300vw 0
    }
}

@keyframes pix_scroll_right {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 300vw 0
    }
}

@keyframes pix_scroll_up {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -300vw
    }
}

@keyframes pix_scroll_down {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 300vw
    }
}

.pix-progress .progress {
    height: 10px
}

body:not(.pix-is-safari) .fancy_card {
    transform-style: preserve-3d !important
}

.fancy_card {
    border-radius: 5px;
    z-index: 5;
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 20px 10px 58px rgba(0, 0, 0, 0.3);
    position: relative
}

.fancy_card:hover {
    z-index: 20;
    box-shadow: 20px 10px 58px rgba(0, 0, 0, 0.3)
}

.fancy_card:hover:after {
    box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.08), -1px 50px 40px -40px rgba(0, 0, 0, 0.1), -1px 30px 30px -60px black !important
}

.fancy_card .card-img img {
    border-radius: 5px
}

.fancy_card img.card-img {
    -webkit-backface-visibility: hidden;
    transform: translateZ(1px);
    pointer-events: none;
    pointer-events: none;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.fancy_card .card-img-overlay {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 200;
    transform: translateZ(2px);
    transform-style: preserve-3d !important
}

.fancy_card .card-img-overlay .card-content-box {
    width: 100%
}

.fancy_card .card-img-overlay .card-title {
    transform: translate3d(0, 0, 55px)
}

.fancy_card .card-img-overlay .card-text {
    transform: translate3d(0, 0, 45px)
}

.fancy_card .card-img-overlay .card-btn-div {
    transform: translate3d(0, 0, 45px)
}

.fancy_card .card-img-overlay .btn {
    cursor: pointer
}

.pix-info-card {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-info-card:hover .card-img-blur {
    filter: blur(1rem) !important
}

.pix-info-card .card-content-box {
    position: relative;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    z-index: 3
}

.pix-info-card .card-content-box .card-img-blur {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    pointer-events: none;
    background-position: top;
    background-size: cover;
    filter: blur(0.5rem);
    transition: filter 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: -1;
    opacity: 0.8
}

.pix-info-card .card-content-box .card-img-blur.bottom-blur {
    background-position: bottom
}

.pix-info-card .card-content-box:before {
    content: "";
    padding: 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: blur(0.5rem)
}

.pix-box {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(1);
    z-index: 2 !important;
    display: inline-block;
    position: relative;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05)
}

.pix-box:hover {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.05);
    transform: scale(1.01)
}

.pix-box:after {
    content: "";
    border-radius: 5px;
    position: absolute;
    z-index: -1 !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-box:hover::after {
    box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.18), -1px 50px 40px -40px rgba(0, 0, 0, 0.14), -1px 30px 30px -60px black;
    opacity: 1
}

.animate-in, .animating, .group-animate-in {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.animate-in a, .animating a, .group-animate-in a {
    transition: none !important
}

.animate-in, .animate-out, .group-animate-in {
    visibility: hidden !important;
    opacity: 0 !important;
    will-change: transform, opacity
}

.animate-in[data-anim-type="highlight-grow"], .animate-out[data-anim-type="highlight-grow"], .group-animate-in[data-anim-type="highlight-grow"] {
    visibility: visible !important;
    opacity: 1 !important
}

.animating {
    animation-duration: 0.5s !important;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-fill-mode: both !important;
    transform-origin: center
}

.no-js .animate-in, .ie .animate-in, .no-js .group-animate-in, .ie .group-animate-in {
    visibility: visible !important;
    opacity: 1 !important
}

.pix-sliding-headline {
    opacity: 0
}

.pix-sliding-headline.pix-ready {
    opacity: 1
}

.pix-sliding-headline .slide-in-container {
    -webkit-clip-path: polygon(0 -20%, 100% -20%, 120% 120%, 0% 120%);
    clip-path: polygon(0 -20%, 100% -20%, 120% 120%, 0% 120%)
}

.pix-sliding-headline.animated .slide-in-container {
    overflow: visible
}

@keyframes fadeInImg {
    0% {
        transform: scale(1.2);
        filter: brightness(50%)
    }

    100% {
        transform: scale(1);
        filter: brightness(100%)
    }
}

.animating.fade-in-Img {
    animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 fadeInImg
}

[data-anim-type="fade-in-up"] {
    transform: translateY(20px)
}

[data-anim-type="fade-in-up-big"] {
    transform: translateY(120px)
}

[data-anim-type="fade-in-down"] {
    transform: translateY(-20px)
}

[data-anim-type="fade-in-right"] {
    transform: translateX(20px)
}

[data-anim-type="fade-in-right-big"] {
    transform: translateX(120px)
}

[data-anim-type="fade-in-left"] {
    transform: translateX(-20px)
}

[data-anim-type="fade-in-left-big"] {
    transform: translateX(-120px)
}

[data-anim-type="pix-3d-in"] {
    transform: rotateX(-20deg) translateZ(200px) rotateY(-40deg) rotateZ(-20deg) scale(0.75)
}

[data-anim-type="pix-3d-right-in"] {
    transform: translateX(40px) translateZ(200px) rotateX(-20deg) rotateY(-40deg) rotateZ(-20deg) scale(0.75)
}

[data-anim-type="pix-3d-left-in"] {
    transform: translateX(-40px) translateZ(200px) rotateX(-20deg) rotateY(40deg) rotateZ(20deg) scale(0.75)
}

[data-anim-type="pix-3d-up-in"] {
    transform: translateY(40px) translateZ(200px) rotateX(60deg) rotateY(10deg) rotateZ(10deg) scale(0.75)
}

[data-anim-type="pix-3d-down-in"] {
    transform: translateY(-40px) translateZ(200px) rotateX(-60deg) rotateY(10deg) rotateZ(10deg) scale(0.75)
}

[data-anim-type="pix-3d-right-in-big"] {
    transform: translateX(100px) translateZ(200px) rotateX(-20deg) rotateY(-40deg) rotateZ(-20deg) scale(0.75)
}

[data-anim-type="pix-3d-left-in-big"] {
    transform: translateX(-100px) translateZ(200px) rotateX(-20deg) rotateY(40deg) rotateZ(20deg) scale(0.75)
}

[data-anim-type="pix-3d-up-in-big"] {
    transform: translateY(100px) translateZ(200px) rotateX(60deg) rotateY(10deg) rotateZ(10deg) scale(0.75)
}

[data-anim-type="pix-3d-down-in-big"] {
    transform: translateY(-100px) translateZ(200px) rotateX(-60deg) rotateY(10deg) rotateZ(10deg) scale(0.75)
}

[data-anim-type="fade-in"], [data-anim-type="fade-in-up"], [data-anim-type="fade-in-up-big"], [data-anim-type="fade-in-down"], [data-anim-type="fade-in-right"], [data-anim-type="fade-in-right-big"], [data-anim-type="fade-in-left"], [data-anim-type="fade-in-left-big"] {
    visibility: visible !important;
    transform-style: flat
}

[data-anim-type="fade-in"]:not(.animated), [data-anim-type="fade-in-up"]:not(.animated), [data-anim-type="fade-in-up-big"]:not(.animated), [data-anim-type="fade-in-down"]:not(.animated), [data-anim-type="fade-in-right"]:not(.animated), [data-anim-type="fade-in-right-big"]:not(.animated), [data-anim-type="fade-in-left"]:not(.animated), [data-anim-type="fade-in-left-big"]:not(.animated) {
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    opacity: 0
}

[data-anim-type="fade-in"].pix-animate, [data-anim-type="fade-in-up"].pix-animate, [data-anim-type="fade-in-up-big"].pix-animate, [data-anim-type="fade-in-down"].pix-animate, [data-anim-type="fade-in-right"].pix-animate, [data-anim-type="fade-in-right-big"].pix-animate, [data-anim-type="fade-in-left"].pix-animate, [data-anim-type="fade-in-left-big"].pix-animate {
    opacity: 1 !important;
    transform: none
}

[data-anim-type="pix-3d-in"], [data-anim-type="pix-3d-right-in"], [data-anim-type="pix-3d-left-in"], [data-anim-type="pix-3d-up-in"], [data-anim-type="pix-3d-down-in"], [data-anim-type="pix-3d-right-in-big"], [data-anim-type="pix-3d-left-in-big"], [data-anim-type="pix-3d-up-in-big"], [data-anim-type="pix-3d-down-in-big"] {
    backface-visibility: hidden
}

[data-anim-type="pix-3d-in"]:not(.animated), [data-anim-type="pix-3d-right-in"]:not(.animated), [data-anim-type="pix-3d-left-in"]:not(.animated), [data-anim-type="pix-3d-up-in"]:not(.animated), [data-anim-type="pix-3d-down-in"]:not(.animated), [data-anim-type="pix-3d-right-in-big"]:not(.animated), [data-anim-type="pix-3d-left-in-big"]:not(.animated), [data-anim-type="pix-3d-up-in-big"]:not(.animated), [data-anim-type="pix-3d-down-in-big"]:not(.animated) {
    transition-property: opacity, transform !important;
    transition-duration: 0.8s !important;
    transition-timing-function: cubic-bezier(0.19, 0.29, 0.32, 1) !important;
    will-change: transform, opacity;
    opacity: 0;
    animation: none
}

[data-anim-type="pix-3d-in"].pix-animate, [data-anim-type="pix-3d-right-in"].pix-animate, [data-anim-type="pix-3d-left-in"].pix-animate, [data-anim-type="pix-3d-up-in"].pix-animate, [data-anim-type="pix-3d-down-in"].pix-animate, [data-anim-type="pix-3d-right-in-big"].pix-animate, [data-anim-type="pix-3d-left-in-big"].pix-animate, [data-anim-type="pix-3d-up-in-big"].pix-animate, [data-anim-type="pix-3d-down-in-big"].pix-animate {
    opacity: 1 !important;
    transform: none
}

[data-anim-type="pix-sliding-text"] {
    will-change: auto !important
}

[data-anim-type="pix-sliding-text"].animate-in {
    will-change: auto
}

[data-anim-type="pix-sliding-text"] .pix-sliding-item-placeholder {
    opacity: 0;
    display: inline-block;
    pointer-events: none;
    visibility: hidden;
    padding: 10px 0;
    margin: -10px 0;
    overflow: hidden
}

[data-anim-type="pix-sliding-text"] .pix-sliding-item {
    transition-property: transform, opacity;
    display: inline-block;
    animation: none;
    visibility: visible !important;
    transform-style: flat;
    backface-visibility: visible;
    transform: translateY(1.4em);
    padding: 10px 0;
    margin: -10px 0;
    overflow: visible
}

[data-anim-type="pix-sliding-text"] .pix-sliding-item.text-gradient-primary {
    background-size: 200%;
    background-position: center;
    background-attachment: scroll
}

[data-anim-type="pix-sliding-text"]:not(.animated) .pix-sliding-item {
    opacity: 0;
    transition-property: transform !important;
    transition-duration: 0.8s;
    transition-timing-function: all 1.2s cubic-bezier(0.13, 0.91, 0.42, 1);
    will-change: auto
}

[data-anim-type="pix-sliding-text"] .pix-sliding-letter.text-gradient-primary {
    background-attachment: scroll
}

[data-anim-type="pix-sliding-text"].pix-animate .pix-sliding-item {
    opacity: 1 !important;
    transform: none
}

[data-anim-type="pix-sliding-text"].pix-animate .pix-sliding-item.text-gradient-primary {
    margin-top: 0
}

[data-anim-type="pix-sliding-text"] .slide-in-container {
    white-space: nowrap
}

@keyframes slideInUp {
    0% {
        opacity: 0.2;
        transform: translateY(200%)
    }

    100% {
        transform: translateY(0%);
        opacity: 1
    }
}

.slide-in-container {
    overflow-y: hidden;
    display: inline-block !important;
    vertical-align: middle;
    position: relative;
    padding: 0.1em 1em;
    margin: -0.1em -1em
}

.pix-sliding-headline-2 .slide-in-container.animated {
    overflow-y: visible
}

.pix-sliding-item.text-gradient-primary {
    padding-right: 10px;
    margin-right: -10px
}

.display-1 .slide-in-container, .display-2 .slide-in-container, .display-3 .slide-in-container, .display-4 .slide-in-container {
    line-height: 1.3em
}

.animating.slide-in-up {
    animation-name: slideInUp
}

@keyframes pixSlideInDown {
    0% {
        opacity: 0.2;
        transform: translateY(-200%)
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.animating.slide-in-down {
    animation-name: pixSlideInDown
}

.pix-hover-item.pix-hover-left, .pix-hover-item .pix-hover-left {
    transition: padding 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    display: inline-block;
    padding-left: 0px
}

.pix-hover-item.pix-hover-left.pix-slow, .pix-hover-item .pix-hover-left.pix-slow {
    transition: padding 0.6s cubic-bezier(0.365, 0.84, 0.44, 1)
}

.pix-hover-item.pix-hover-right, .pix-hover-item .pix-hover-right {
    transition: padding 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    display: inline-block;
    padding-left: 0px
}

.pix-hover-item.pix-hover-right.pix-slow, .pix-hover-item .pix-hover-right.pix-slow {
    transition: padding 0.6s cubic-bezier(0.365, 0.84, 0.44, 1)
}

.pix-hover-item.pix-img-scale, .pix-hover-item .pix-img-scale {
    transition: all 1s cubic-bezier(0.365, 0.84, 0.44, 1);
    transform: scale(1)
}

.pix-hover-item.pix-slide-up, .pix-hover-item .pix-slide-up {
    transition: all 0.4s cubic-bezier(0.365, 0.84, 0.44, 1);
    opacity: 0;
    transform: translateY(100%)
}

.pix-hover-item.pix-fade-in, .pix-hover-item .pix-fade-in {
    transition: all 0.3s cubic-bezier(0.365, 0.84, 0.44, 1);
    opacity: 0
}

.pix-hover-item.pix-hover-colored, .pix-hover-item .pix-hover-colored {
    filter: grayscale(1)
}

.pix-hover-item.pix-hover-gradient-primary, .pix-hover-item .pix-hover-gradient-primary {
    background: linear-gradient(to right, #02003F, #0378b5) fixed !important;
    opacity: 0
}

.pix-hover-item.pix-img-scale, .pix-hover-item .pix-img-scale, .pix-hover-item.pix-slide-up, .pix-hover-item .pix-slide-up, .pix-hover-item.pix-fade-in, .pix-hover-item .pix-fade-in, .pix-hover-item.pix-hover-colored, .pix-hover-item .pix-hover-colored, .pix-hover-item.pix-hover-gradient-primary, .pix-hover-item .pix-hover-gradient-primary, .pix-hover-item.pix-hover-opacity-0, .pix-hover-item .pix-hover-opacity-0, .pix-hover-item.pix-hover-opacity-2, .pix-hover-item .pix-hover-opacity-2, .pix-hover-item.pix-hover-opacity-4, .pix-hover-item .pix-hover-opacity-4, .pix-hover-item.pix-hover-opacity-6, .pix-hover-item .pix-hover-opacity-6, .pix-hover-item.pix-hover-opacity-7, .pix-hover-item .pix-hover-opacity-7, .pix-hover-item.pix-hover-opacity-8, .pix-hover-item .pix-hover-opacity-8, .pix-hover-item.pix-hover-opacity-9, .pix-hover-item .pix-hover-opacity-9, .pix-hover-item.pix-hover-opacity-10, .pix-hover-item .pix-hover-opacity-10 {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    backface-visibility: hidden;
    will-change: opacity, transform
}

.pix-hover-item.pix-img-scale.pix-slow, .pix-hover-item .pix-img-scale.pix-slow, .pix-hover-item.pix-slide-up.pix-slow, .pix-hover-item .pix-slide-up.pix-slow, .pix-hover-item.pix-fade-in.pix-slow, .pix-hover-item .pix-fade-in.pix-slow, .pix-hover-item.pix-hover-colored.pix-slow, .pix-hover-item .pix-hover-colored.pix-slow, .pix-hover-item.pix-hover-gradient-primary.pix-slow, .pix-hover-item .pix-hover-gradient-primary.pix-slow, .pix-hover-item.pix-hover-opacity-0.pix-slow, .pix-hover-item .pix-hover-opacity-0.pix-slow, .pix-hover-item.pix-hover-opacity-2.pix-slow, .pix-hover-item .pix-hover-opacity-2.pix-slow, .pix-hover-item.pix-hover-opacity-4.pix-slow, .pix-hover-item .pix-hover-opacity-4.pix-slow, .pix-hover-item.pix-hover-opacity-6.pix-slow, .pix-hover-item .pix-hover-opacity-6.pix-slow, .pix-hover-item.pix-hover-opacity-7.pix-slow, .pix-hover-item .pix-hover-opacity-7.pix-slow, .pix-hover-item.pix-hover-opacity-8.pix-slow, .pix-hover-item .pix-hover-opacity-8.pix-slow, .pix-hover-item.pix-hover-opacity-9.pix-slow, .pix-hover-item .pix-hover-opacity-9.pix-slow, .pix-hover-item.pix-hover-opacity-10.pix-slow, .pix-hover-item .pix-hover-opacity-10.pix-slow {
    transition: all 0.6s cubic-bezier(0.365, 0.84, 0.44, 1);
    backface-visibility: hidden
}

.pix-hover-item:hover.pix-hover-left, .pix-hover-item:hover .pix-hover-left {
    padding-right: 8px
}

.pix-hover-item:hover.pix-hover-right, .pix-hover-item:hover .pix-hover-right {
    padding-left: 8px
}

.pix-hover-item:hover.pix-img-scale, .pix-hover-item:hover .pix-img-scale {
    transform: scale(1.05)
}

.pix-hover-item:hover.pix-hover-opacity-0, .pix-hover-item:hover .pix-hover-opacity-0 {
    opacity: 0 !important
}

.pix-hover-item:hover.pix-hover-opacity-2, .pix-hover-item:hover .pix-hover-opacity-2 {
    opacity: 0.2 !important
}

.pix-hover-item:hover.pix-hover-opacity-4, .pix-hover-item:hover .pix-hover-opacity-4 {
    opacity: 0.4 !important
}

.pix-hover-item:hover.pix-hover-opacity-6, .pix-hover-item:hover .pix-hover-opacity-6 {
    opacity: 0.6 !important
}

.pix-hover-item:hover.pix-hover-opacity-7, .pix-hover-item:hover .pix-hover-opacity-7 {
    opacity: 0.7 !important
}

.pix-hover-item:hover.pix-hover-opacity-8, .pix-hover-item:hover .pix-hover-opacity-8 {
    opacity: 0.8 !important
}

.pix-hover-item:hover.pix-hover-opacity-9, .pix-hover-item:hover .pix-hover-opacity-9 {
    opacity: 0.9 !important
}

.pix-hover-item:hover.pix-hover-opacity-10, .pix-hover-item:hover .pix-hover-opacity-10 {
    opacity: 1 !important
}

.pix-hover-item:hover.pix-fade-in, .pix-hover-item:hover .pix-fade-in {
    opacity: 1
}

.pix-hover-item:hover.pix-slide-up, .pix-hover-item:hover .pix-slide-up {
    transform: translateY(0);
    opacity: 1
}

.pix-hover-item:hover.pix-hover-colored, .pix-hover-item:hover .pix-hover-colored {
    filter: grayscale(0)
}

.pix-hover-item:hover.pix-hover-gradient-primary, .pix-hover-item:hover .pix-hover-gradient-primary {
    opacity: 1 !important
}

.pix-hover-img-scale.pix-img-scale, .pix-hover-img-scale .pix-img-scale {
    transition: all 1s cubic-bezier(0.365, 0.84, 0.44, 1);
    transform: none
}

.pix-hover-img-scale.pix-img-scale, .pix-hover-img-scale .pix-img-scale {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-hover-img-scale.pix-img-scale.pix-slow, .pix-hover-img-scale .pix-img-scale.pix-slow {
    transition: all 0.6s cubic-bezier(0.365, 0.84, 0.44, 1)
}

.pix-hover-img-scale:hover.pix-img-scale, .pix-hover-img-scale:hover .pix-img-scale {
    transform: scale(1.05)
}

@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.pix-icon-loading {
    animation: spinAround 500ms infinite linear;
    display: inline-block
}

.clients:not(.no-effect):hover .client {
    opacity: 0.5
}

.clients:not(.no-effect) img {
    height: auto !important
}

.clients:not(.no-effect) .client {
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.clients:not(.no-effect) .client.shadow-hover-lg {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.clients:not(.no-effect) .client:hover {
    opacity: 1
}

.clients:not(.no-effect) .client:hover.shadow-hover-lg {
    background: rgba(255, 255, 255, 0.1) !important
}

@media (max-width:992px) {
    .clients img {
        max-width: 60%
    }
}

.error404 #pix-page-footer {
    z-index: 0
}

.pix-small-search {
    position: relative !important;
    z-index: 999999999
}

.pix-small-search .form-control, .pix-small-search .post-password-form input[type="password"], .post-password-form .pix-small-search input[type="password"] {
    font-size: 14px
}

.pix-small-search .pix-search-btn {
    background: #fff
}

.pix-small-search .pix-search-btn:hover, .pix-small-search .pix-search-btn:focus, .pix-small-search .pix-search-btn:active {
    background: #fff;
    color: #343a40 !important
}

.pix-small-search .pix-search-btn:hover path, .pix-small-search .pix-search-btn:focus path, .pix-small-search .pix-search-btn:active path {
    fill: #3d4246 !important
}

.pix-small-search .pix-search-btn svg {
    height: 18px;
    width: 18px
}

.pix-small-search .pix-search-btn svg path {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    fill: #6c757d !important
}

.pix-small-search .pix-search-btn, .pix-small-search .form-control, .pix-small-search .post-password-form input[type="password"], .post-password-form .pix-small-search input[type="password"] {
    min-height: 60px !important
}

.pix-divider {
    z-index: 1;
    pointer-events: none
}

.pix-divider::before, .pix-divider::after {
    position: absolute;
    content: "";
    pointer-events: none
}

.pix-divider-in-front {
    z-index: 9999
}

.pix-divider-flip-h {
    transform: scale(-1, 1)
}

.pix-dividers-box {
    height: 100px;
    pointer-events: none
}

.pix-dividers-box * {
    pointer-events: none
}

.pix-dividers-box.pix-divider-bottom {
    position: absolute;
    bottom: 0
}

.pix-dividers-box.pix-divider-top {
    position: absolute;
    top: 0
}

.pix-dividers-box.pix-divider-top-inverse {
    position: absolute;
    transform: rotate(180deg);
    top: 0
}

.pix-divider {
    position: absolute;
    opacity: 1 !important;
    width: 100%;
    left: 0
}

.pix-divider svg>path, .pix-divider svg>polygon {
    transform: translate(0px, -1px)
}

.pix-divider svg>path:last-of-type, .pix-divider svg>polygon:last-of-type {
    transform: translate(0px, 0px)
}

.pix-divider.pix-top-divider {
    transform: rotate(180deg) translate(0px, 1px);
    top: -1px
}

.pix-divider.pix-top-divider.pix-stretch-divider {
    transform: rotate(180deg) translate(50%, 1px)
}

.pix-divider.pix-top-divider.pix-divider-flip-h {
    transform: rotate(180deg) scale(-1, 1)
}

.pix-divider.pix-top-divider.pix-divider-flip-h.pix-stretch-divider {
    transform: rotate(180deg) scale(-1, 1) translateX(-50%)
}

.pix-divider.pix-top-divider svg>path {
    transform: translate(0px, -1px) !important
}

.pix-divider.pix-top-divider svg>path:last-of-type {
    transform: translate(0px, 1px) !important
}

.pix-divider.pix-top-divider svg>polygon {
    transform: translate(0px, -1px) !important
}

.pix-divider.pix-top-divider svg>polygon:last-of-type {
    transform: translate(0px, 1px) !important
}

.pix-divider.pix-top-divider:not([data-style="style-26"]):not([data-style="style-24"]):not([data-style="style-25"]) svg :first-child {
    transform: translate(0px, -1px) !important
}

.pix-divider.pix-bottom-divider {
    bottom: -1px
}

.pix-divider.pix-bottom-divider.pix-stretch-divider {
    transform: translateX(-50%)
}

.pix-divider.pix-bottom-divider.pix-stretch-divider.pix-divider-flip-h {
    transform: translateX(-50%) scale(-1, 1)
}

.pix-divider.pix-bottom-divider[data-style="style-7"] path {
    transform: translate(0px, 1px)
}

.pix-divider.pix-stretch-divider {
    width: 100vw;
    margin-left: 50% !important
}

.pix-shape-dividers {
    width: 100%;
    height: 100px !important;
    pointer-events: none;
    position: relative;
    top: 0;
    left: 0
}

.pix-full-width-elm {
    width: 100vw;
    z-index: 9999;
    margin-left: calc(-50vw + 50%);
    left: 0
}

@media (max-width:991px) {
    .pix-main-intro .container {
        padding-top: 80px !important;
        padding-bottom: 100px !important
    }

    .pix-main-intro .pix-divider:not([data-style="style-25"]) {
        max-height: 100px
    }

    .pix-main-intro .pix-divider:not([data-style="style-25"]) svg {
        max-height: 100px !important
    }
}

.pix-elementor-section-dividers>.pix-divider {
    position: absolute !important;
    z-index: 0
}

.pix-elementor-section-dividers>.pix-divider.pix-divider-in-front {
    z-index: 999999999 !important
}

.elementor>.pix-divider svg {
    position: absolute;
    z-index: 1;
    bottom: -1px
}

.elementor>.pix-divider.pix-top-divider {
    z-index: 1;
    top: 0
}

.elementor>.pix-divider.pix-bottom-divider {
    z-index: 0;
    bottom: 0
}

.pix-divider:not(.elementor-element) {
    padding: 0 !important;
    margin: 0 !important
}

.pix-divider.pix-top-divider.elementor-element {
    margin-bottom: 0px !important;
    padding: 0px !important
}

.pix-divider.pix-bottom-divider.elementor-element {
    margin-top: 0px !important;
    padding: 0px !important
}

.pix-divider.pix-bottom-divider.elementor-element svg {
    margin-bottom: inherit
}

.pix-divider.pix-divider-in-elementor {
    z-index: 0
}

.pix-divider.pix-divider-in-elementor.pix-divider-in-front {
    z-index: 999999999 !important
}

.rtl .elementor .pix-divider.pix-stretch-divider {
    right: 0;
    margin-right: -50% !important
}

.rtl .elementor .pix-divider.pix-stretch-divider svg {
    right: 0
}

.rtl .elementor>.pix-divider svg {
    right: 0
}

.navbar .dropdown-menu div[class*="col"] {
    padding: 0px;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .navbar .dropdown.hover .dropdown-menu, .navbar .dropdown .dropdown-menu.hover, .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
        display: block !important;
        opacity: 1 !important
    }
}

@media (min-width:992px) {
    .dropdown-menu {
        padding: 0px
    }

    .nav-item:not(.mega-item) .container *:first-child {
        border-radius: 5px
    }

    .pix-main-menu .nav-style-megamenu>li.nav-item {
        position: relative
    }

    .pix-main-menu .nav-style-megamenu>li.nav-item .dropdown-menu {
        top: 88%
    }

    .pix-main-menu .nav-style-megamenu>li.nav-item .dropdown-menu .submenu-box {
        background: #fff;
        transform: translateY(30px);
        border-radius: 6px;
        opacity: 0;
        border: 0px solid rgba(0, 0, 0, 0);
        margin-top: 25px
    }

    .pix-main-menu .nav-style-megamenu>li.nav-item .dropdown-menu .submenu-box .container, .pix-main-menu .nav-style-megamenu>li.nav-item .dropdown-menu .submenu-box .container-fluid {
        border-radius: 6px;
        padding: 0px 15px 0 15px
    }

    .pix-main-menu .nav-style-megamenu>li.nav-item .dropdown-menu .submenu-box .container .row, .pix-main-menu .nav-style-megamenu>li.nav-item .dropdown-menu .submenu-box .container-fluid .row {
        margin: 0px
    }

    .navbar .pix-primary-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: #02003F !important
    }

    .navbar .pix-secondary-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: #54595f !important
    }

    .navbar .pix-dark-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: #343a40 !important
    }

    .navbar .pix-light-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: #fff !important
    }

    .is-scroll .navbar .pix-gradient-scroll-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: linear-gradient(to right, #02003F, #0378b5) scroll !important
    }

    .is-scroll .navbar .pix-primary-scroll-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: #02003F !important
    }

    .is-scroll .navbar .pix-secondary-scroll-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: #54595f !important
    }

    .is-scroll .navbar .pix-dark-scroll-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: #343a40 !important
    }

    .is-scroll .navbar .pix-light-scroll-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: #fff !important
    }

    .pix-nav-dropdown-angle>ul>li.nav-item>.pix-nav-link.dropdown-toggle>span {
        padding-right: 14px
    }

    .pix-nav-dropdown-angle>ul>li.nav-item>.pix-nav-link.dropdown-toggle>span .pixfort-dropdown-arrow {
        display: block !important;
        position: absolute;
        right: -2px;
        will-change: transform;
        transform: translateY(-50%);
        top: 50%;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        --pf-icon-stroke-width: 2
    }

    .pix-nav-dropdown-angle>ul>li.nav-item:hover>.pix-nav-link.dropdown-toggle>span .pixfort-dropdown-arrow, .pix-nav-dropdown-angle>ul>li.nav-item:hover>.pix-nav-link.dropdown-toggle>span:before, .pix-nav-dropdown-angle>ul>li.nav-item.hover>.pix-nav-link.dropdown-toggle>span .pixfort-dropdown-arrow, .pix-nav-dropdown-angle>ul>li.nav-item.hover>.pix-nav-link.dropdown-toggle>span:before {
        transform: translateY(-50%) rotate(180deg)
    }

    .nav-style-megamenu>li.nav-item {
        position: relative;
        padding: 0px 10px
    }

    .nav-style-megamenu>li.nav-item .dropdown-menu {
        margin-top: 0px;
        opacity: 0;
        transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        min-width: 240px
    }

    .nav-style-megamenu>li.nav-item .dropdown-menu a:active:focus {
        background: rgba(0, 0, 0, 0.1) !important
    }

    .nav-style-megamenu>li.nav-item .dropdown-menu .dropdown-item {
        padding: 10px 20px
    }

    .nav-style-megamenu>li.nav-item .dropdown-menu .container, .nav-style-megamenu>li.nav-item .dropdown-menu .container-fluid {
        margin: 0 !important;
        padding: 0 !important
    }

    .nav-style-megamenu>li.nav-item.mega-item {
        position: inherit
    }

    .nav-style-megamenu>li.nav-item.mega-item .dropdown-menu {
        top: 78%
    }

    .nav-style-megamenu>li.nav-item .nav-link {
        position: relative
    }

    .nav-style-megamenu>li.nav-item .nav-link:after {
        display: none
    }

    .nav-style-megamenu>li.nav-item .nav-link span {
        position: relative
    }

    .nav-style-megamenu>li.nav-item .nav-link span:after {
        content: " ";
        position: absolute;
        background: linear-gradient(to right, #02003F, #0378b5) scroll !important;
        top: 100%;
        margin-top: 4px;
        border-radius: 3px;
        left: 0%;
        width: 100%;
        height: 3px;
        transform: scaleX(0);
        transition: transform 0.2s;
        transform-origin: right center;
        box-sizing: border-box;
        display: block
    }

    .nav-style-megamenu>li.nav-item:hover .nav-link span:after, .nav-style-megamenu>li.nav-item.hover .nav-link span:after {
        transform: scaleX(1);
        transform-origin: left center
    }

    .nav-style-megamenu>li.nav-item:hover .dropdown-menu .submenu-box, .nav-style-megamenu>li.nav-item.hover .dropdown-menu .submenu-box {
        transform: translateY(0px);
        opacity: 1
    }

    .nav-style-megamenu>li.nav-item .dropdown-menu {
        width: 100%;
        max-width: 100vw;
        background: transparent
    }

    .nav-style-megamenu>li.nav-item .dropdown-menu .submenu-box {
        background: #fff;
        transform: translateY(30px);
        border-radius: 6px;
        opacity: 0;
        border: 0px solid rgba(0, 0, 0, 0);
        margin-top: 5px
    }

    .nav-style-megamenu>li.nav-item .dropdown-menu .submenu-box .container, .nav-style-megamenu>li.nav-item .dropdown-menu .submenu-box .container-fluid {
        border-radius: 6px;
        padding: 0px 15px 0 15px
    }

    .nav-style-megamenu>li.nav-item .dropdown-menu .submenu-box .container .row, .nav-style-megamenu>li.nav-item .dropdown-menu .submenu-box .container-fluid .row {
        margin: 0px
    }

    .nav-style-megamenu>li.nav-item .dropdown-menu .submenu-box:after {
        content: "";
        position: absolute;
        border-radius: 6px;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important
    }

    .nav-style-megamenu>li.nav-item .dropdown-menu a {
        border-radius: 0;
        font-size: 14px;
        padding: 0px 15px 0 15px
    }

    .nav-style-megamenu>li.nav-item .dropdown-menu .mega-col-title {
        padding: 10px 20px 10px 20px
    }

    .nav-style-megamenu>li.nav-item .dropdown-menu h6.mega-col-title {
        cursor: default
    }

    .nav-style-megamenu>li.nav-item .container, .nav-style-megamenu>li.nav-item .container-fluid {
        padding: 0
    }

    .pix-header-stack .navbar-nav>li>.dropdown-menu {
        margin-top: 5px
    }

    .pix-header-stack .navbar-nav>li>.dropdown-menu .submenu-box {
        margin-top: 0 !important
    }

    .navbar .pix-nav-active-line .nav-style-megamenu>li.nav-item.current-menu-item .nav-link span:after {
        transform: scaleX(1);
        transform-origin: left center
    }

    .navbar .pix-nav-global-active-line .nav-style-megamenu>li.nav-item.current-menu-item .nav-link span:after, .navbar .pix-nav-global-active-line .nav-style-megamenu>li.nav-item.current-menu-ancestor .nav-link span:after {
        transform: scaleX(1);
        transform-origin: left center
    }
}

body:not(.render) .dropdown-menu {
    pointer-events: none
}

.pix-header-desktop .submenu-box.pix-default-menu .container div:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.pix-header-desktop .submenu-box.pix-default-menu .container div:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

@media screen and (min-width:992px) {
    .mega-item.pix-mega-style-sm {
        position: relative !important
    }

    .mega-item.pix-mega-style-sm>.dropdown-menu {
        width: 400px !important;
        max-width: 100%;
        left: auto;
        top: 88% !important
    }

    .mega-item.pix-mega-style-md {
        position: relative !important
    }

    .mega-item.pix-mega-style-md>.dropdown-menu {
        width: 600px !important;
        max-width: 100%;
        left: auto;
        top: 88% !important
    }

    .mega-item.pix-mega-style-lg {
        position: relative !important
    }

    .mega-item.pix-mega-style-lg>.dropdown-menu {
        width: 800px !important;
        max-width: 100%;
        left: auto;
        top: 88% !important
    }

    .mega-item.pix-mega-style-full>.dropdown-menu {
        max-width: 100vw !important;
        width: calc(100vw - 30px) !important;
        margin-left: calc(-50vw + 15px + 50%)
    }

    .mega-item.pix-mega-style-full>.dropdown-menu .container {
        max-width: 100% !important
    }
}

.pix-main-menu .nav-style-megamenu>li.nav-item:focus {
    outline: none !important
}

.pix-intro-1 {
    position: relative
}

.pix-intro-1:not(section) {
    width: 100%;
    display: inline-block
}

.pix-intro-1 .pix-intro-img {
    position: absolute;
    opacity: 0.9999;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
    transform-origin: center;
    transform: scale(1.4);
    transition: transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform-origin: center;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.pix-intro-1 .pix-intro-img img {
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 10
}

.pix-intro-1 .pix-intro-img.animated {
    transform: none
}

.pix-intro-1 .pix-intro-video {
    position: absolute;
    opacity: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: inline-block;
    transform: scale(1.4);
    opacity: 0;
    transition: opacity 4.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-intro-1 .pix-intro-video.animated {
    transform: scale(1);
    opacity: 0.5;
    transition: opacity 4.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-intro-1 .pix-intro-video .jarallax {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block
}

.pix-intro-1 .pix-intro-video.is-gray {
    filter: grayscale(1)
}

.pix-main-intro.pix-intro-1, .pix-slider .carousel-cell {
    overflow: hidden
}

.pix-main-intro.pix-intro-1 {
    float: left
}

body:not(.pix-padding-style) .pix-intro-1 .pix-intro-img img {
    left: 0 !important
}

.pix-is-safari .pix-intro-1 .pix-intro-img img.jarallax-img {
    box-sizing: border-box;
    transition: all 0s !important;
    will-change: transform
}

.pix-is-safari .pix-intro-1 .pix-intro-img img.jarallax-img.animated {
    transition: all 0s !important
}

.pix-is-safari .pix-intro-1 .pix-intro-img img.jarallax-img.animated.slow-transition {
    transition: all 0s !important
}

.fullpage-container {
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    margin-left: calc(-50vw + 50%);
    position: absolute;
    display: inline-block;
    pointer-events: none;
    transform-origin: center
}

section.pix-intro-1:not([data-vc-full-width="true"]) .fullpage-container {
    width: 100%;
    left: auto;
    right: 0
}

section.pix-intro-1:not([data-vc-full-width="true"]) .fullpage-container img {
    width: 100% !important
}

.pix-intro-container {
    z-index: 2;
    transition: none !important
}

.pix-header {
    transition: all 0.01 ease-in-out;
    left: 0
}

.pix-header .navbar-brand {
    margin-right: 0px;
    max-width: 100%;
    float: left
}

.pix-header .navbar-brand img {
    max-width: 100%;
    float: left
}

.pix-header .pix-logo-scroll:not(.pix-logo) {
    display: none
}

.pix-header.is-scroll .pix-logo-scroll, .pix-header.pix-mobile-sticky .pix-logo-scroll {
    display: inline-block
}

.pix-header.is-scroll .pix-logo:not(.pix-logo-scroll), .pix-header.pix-mobile-sticky .pix-logo:not(.pix-logo-scroll) {
    display: none
}

.pix-header.is-scroll .pix-header-stack, .pix-header.pix-mobile-sticky .pix-header-stack {
    pointer-events: none !important
}

.pix-header.is-scroll .pix-header-border, .pix-header.pix-mobile-sticky .pix-header-border {
    opacity: 0
}

.pix-header .dropdown-menu, .pix-header .dropdown-menu:after {
    box-shadow: none !important;
    border: 0px;
    margin-top: 0px
}

.pix-header .mega-item .dropdown-menu {
    border-radius: 6px
}

.pix-header .nav .btn {
    position: relative;
    top: 2px
}

.pix-header .submenu-box {
    transition: margin 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-header .submenu-box .container {
    max-width: 100%;
    transform: translateZ(0)
}

.pix-header .pix-header-line {
    margin-left: 15px
}

.pix-header.pix-drop-left .dropdown-menu {
    right: 0 !important
}

.pix-header.pix-white-bar:not(.is-scroll) .nav-link:after {
    background: #fff !important
}

.pix-header .dropdown-item {
    transition: background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-header-mobile:not(.pix-mobile-sticky) .pix-logo-scroll:not(.pix-logo) {
    display: none
}

.pix-header-border {
    pointer-events: none
}

.pix-header-transparent.pix-transparent-sticky {
    z-index: 99999
}

.pix-header-transparent.pix-transparent-sticky .pix-header {
    position: fixed !important
}

.pix-header-transparent .pix-header {
    z-index: 99999;
    top: 0;
    width: 100%;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-header-transparent .pix-hidden {
    opacity: 0;
    top: 0
}

.pix-header-boxed.pix-boxed-sticky {
    z-index: 99999
}

.pix-header-boxed.pix-boxed-sticky .pix-header {
    position: fixed !important
}

.pix-header-boxed.pix-boxed-sticky .pix-header-stack {
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    top: -100%
}

.pix-header-boxed.pix-boxed-sticky .pix-header-box .pix-header-box-part:first-of-type {
    border-radius: 5px
}

.pix-header-boxed.pix-boxed-sticky.pix-scroll-shadow .pix-header-box-part:first-of-type {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important
}

.pix-header-boxed .pix-header-box-rounded-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.pix-header-boxed .pix-header-box-part {
    position: relative;
    z-index: 9
}

.pix-header-boxed .pix-header-stack {
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    top: 0;
    z-index: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.pix-header-boxed .pix-header {
    z-index: 99999;
    top: 0;
    width: 100%;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-header-boxed .pix-hidden {
    opacity: 0;
    top: 0
}

.pix-header-boxed .navbar {
    padding: 10px
}

.pix-header.pix-is-sticky-header.pix-header-desktop.pix-header-normal.pix-normal-sticky {
    z-index: 99999;
    position: fixed !important;
    top: 0
}

.pix-header-text {
    transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-topbar-normal {
    width: 100%;
    left: 0;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-topbar-normal .row {
    margin: 0px
}

.pix-topbar-normal .column {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.pix-topbar-normal.pix-topbar-fixed {
    position: fixed;
    top: 0px
}

.pix-topbar-normal.pix-hidden {
    opacity: 0;
    top: 0
}

.pix-header-normal {
    width: 100%;
    left: 0;
    padding: 0px
}

.pix-header-normal.pix-header-fixed {
    position: fixed;
    top: 49px
}

.pix-header-normal.pix-header-fixed.pix-no-topbar {
    top: 0px
}

.pix-header-normal .navbar {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.pix-header-normal.is-scroll {
    top: 0px;
    transition: box-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), top 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-header-normal.is-scroll.pix-top-line {
    top: 4px
}

.pix-header-normal.is-scroll.pix-scroll-gradient-primary {
    background: linear-gradient(to right, #02003F, #0378b5) fixed !important;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1)
}

.pix-header-normal.is-scroll.pix-scroll-gray {
    background: #343a40;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1)
}

.pix-header-normal.is-scroll.pix-scroll-shadow {
    box-shadow: 0px 5px 80px rgba(0, 0, 0, 0.1)
}

.pix-header-transparent .pix-header.is-scroll {
    top: 0px
}

.pix-header-transparent .pix-header.is-scroll.pix-scroll-shadow {
    box-shadow: 0px 5px 80px rgba(0, 0, 0, 0.1)
}

.pix-header-transparent .navbar {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.dropdown-item .pix-dropdown-title, .dropdown-item .pix-dropdown-title::after {
    white-space: normal
}

.dropdown-item .pix-dropdown-title, .dropdown-item .pix-dropdown-title::after, .dropdown-item::after {
    color: #6c757d !important
}

.dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active {
    background-color: rgba(0, 0, 0, 0.05);
    color: #25282b !important
}

.dropdown-item:hover .pix-dropdown-title, .dropdown-item:hover .pix-dropdown-title::after, .dropdown-item:hover::after, .dropdown-item:focus .pix-dropdown-title, .dropdown-item:focus .pix-dropdown-title::after, .dropdown-item:focus::after, .dropdown-item:active .pix-dropdown-title, .dropdown-item:active .pix-dropdown-title::after, .dropdown-item:active::after {
    color: #25282b !important
}

.dropdown-item.pix-nav-link:hover {
    color: #25282b !important
}

.pix-social i {
    position: relative;
    top: 0px;
    width: auto
}

@media (max-width:991px) {
    .pix-header-desktop {
        display: none !important
    }
}

@media (min-width:992px) {
    .pix-header-mobile {
        display: none !important
    }
}

.pix-wpml-header-btn {
    padding: 0.2rem 1rem
}

.pix-wpml-header-btn .pix-current-language.text-header-area .dropdown-menu .submenu-box {
    margin-top: 25px
}

.pix-wpml-header-btn .pix-current-language i {
    position: relative;
    line-height: 25px
}

.pix-wpml-header-btn .dropdown-menu {
    position: absolute !important;
    display: inline-block !important;
    opacity: 0;
    padding: 0;
    top: 88%;
    background: transparent !important;
    transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none
}

.pix-wpml-header-btn .dropdown-menu .submenu-box {
    background: #fff;
    margin-top: 0px;
    transform: translateY(30px) translateZ(0px);
    backface-visibility: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 6px
}

.pix-wpml-header-btn .dropdown-menu .submenu-box .dropdown-item {
    color: #6c757d !important
}

.pix-wpml-header-btn .dropdown-menu .submenu-box .dropdown-item:hover, .pix-wpml-header-btn .dropdown-menu .submenu-box .dropdown-item:focus, .pix-wpml-header-btn .dropdown-menu .submenu-box .dropdown-item:active {
    color: #343a40 !important
}

.pix-wpml-header-btn.show .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto
}

.pix-wpml-header-btn.show .dropdown-menu .submenu-box {
    transform: translateY(0px);
    opacity: 1
}

.pix-is-safari .pix-wpml-header-btn .dropdown-menu.show {
    transform: translateZ(1px)
}

@media screen and (min-width:992px) {
    .pix-wpml-header-btn {
        padding: 0.5rem 1rem
    }

    .pix-wpml-header-btn:hover .dropdown-menu, .pix-wpml-header-btn.hover .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        pointer-events: auto
    }

    .pix-wpml-header-btn:hover .dropdown-menu .submenu-box, .pix-wpml-header-btn.hover .dropdown-menu .submenu-box {
        transform: translateY(0px);
        opacity: 1
    }
}

@media (max-width:991px) {
    .pix-header-mobile nav .pix-wpml-header-btn .dropdown-menu {
        position: absolute !important
    }
}

.pix-dropdown-padding {
    padding: 20px !important
}

.pix-dropdown-padding .dropdown-item {
    border-radius: 4px !important
}

.pix-dropdown-padding.pix-dropdown-padding-sm {
    padding: 10px !important
}

.dropdown-menu .col-lg-3 .pix-px-20 {
    padding-right: 19.5px !important
}

.pix-header-min-height {
    min-height: 40px
}

.pix-header-min-height:empty {
    min-height: 0;
    opacity: 0
}

.pix-header-stack {
    z-index: 200;
    position: relative
}

.pix-cart-btn {
    position: relative;
    min-height: 32px
}

.cart-count {
    background: rgba(0, 0, 0, 0.1);
    padding: 3px 5px;
    font-weight: 600;
    line-height: 10px;
    font-size: 10px;
    min-width: 16px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: rgba(0, 0, 0, 0.3);
    background: #4ED199;
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    z-index: 999;
    -webkit-text-fill-color: initial !important
}

.pix-header-line {
    border-left: 2px solid rgba(0, 0, 0, 0.03)
}

@media (max-width:992px) {
    .pix-header-1, .pix-header-3 {
        position: absolute;
        top: 70px
    }
}

.nav-item.dropdown.mega-item .col-lg-3, .nav-item.dropdown.mega-item .col-lg-4, .nav-item.dropdown.mega-item .col-lg-6 {
    display: flex;
    flex-flow: column
}

.pix-menu-box {
    display: flex;
    height: auto
}

.pix-menu-box .pix-menu-box-inner img {
    height: 100% !important
}

.pix-menu-box .pix-intro-img {
    z-index: 1 !important;
    -o-object-fit: fill;
    object-fit: fill;
    height: 100%
}

.pix-menu-box .pix-intro-img img {
    -o-object-fit: fill;
    object-fit: fill
}

.pix-menu-box .pix-box-title {
    z-index: 1000 !important;
    max-width: 200px;
    padding-right: 10px
}

.pix-menu-box .pix-box-text {
    z-index: 1000 !important;
    max-width: 200px;
    margin-right: 20px
}

.pix-menu-box .pix-box-link {
    z-index: 1000 !important;
    padding-left: 0px !important
}

.pix-menu-box .pix-box-link i.pixicon-angle-right {
    position: relative;
    top: 1px
}

.pix-is-safari .pix-menu-box .pix-menu-box-inner img {
    z-index: -1
}

.col-lg-2 .pix-menu-box.pix-menu-full-height, .col-lg-3 .pix-menu-box.pix-menu-full-height, .col-lg-4 .pix-menu-box.pix-menu-full-height, .col-lg-6 .pix-menu-box.pix-menu-full-height {
    height: 100%
}

.col-lg-2 .pix-menu-box .pix-box-container, .col-lg-3 .pix-menu-box .pix-box-container, .col-lg-4 .pix-menu-box .pix-box-container, .col-lg-6 .pix-menu-box .pix-box-container {
    display: inline-block !important;
    position: relative;
    z-index: 1000 !important;
    width: 100%
}

.col-lg-2 .pix-menu-box .pix-box-container .pix-box-title, .col-lg-3 .pix-menu-box .pix-box-container .pix-box-title, .col-lg-4 .pix-menu-box .pix-box-container .pix-box-title, .col-lg-6 .pix-menu-box .pix-box-container .pix-box-title {
    z-index: 1000 !important;
    width: 100%
}

.col-lg-2 .pix-menu-box .pix-box-container .pix-box-text, .col-lg-3 .pix-menu-box .pix-box-container .pix-box-text, .col-lg-4 .pix-menu-box .pix-box-container .pix-box-text, .col-lg-6 .pix-menu-box .pix-box-container .pix-box-text {
    z-index: 1000 !important;
    display: block;
    width: 100%;
    margin-right: 20px
}

.col-lg-2 .pix-menu-box .pix-box-container .pix-box-link, .col-lg-3 .pix-menu-box .pix-box-container .pix-box-link, .col-lg-4 .pix-menu-box .pix-box-container .pix-box-link, .col-lg-6 .pix-menu-box .pix-box-container .pix-box-link {
    z-index: 1000 !important;
    display: inline-block;
    padding-left: 0px !important
}

@media (max-width:992px) {
    .pix-menu-box .pix-intro-img {
        z-index: 1 !important;
        -o-object-fit: cover !important;
        object-fit: cover !important;
        height: 100%
    }

    .pix-menu-box .pix-intro-img img {
        -o-object-fit: cover !important;
        object-fit: cover !important;
        z-index: 1 !important
    }

    .pix-menu-box .pix-box-container {
        z-index: 1000 !important
    }

    .pix-menu-box .pix-box-container .pix-box-title {
        z-index: 1000 !important;
        width: 100%;
        display: block
    }

    .pix-menu-box .pix-box-container .pix-box-text {
        z-index: 1000 !important;
        display: block;
        width: 100%
    }
}

@media (min-width:992px) {
    .pix-menu-line-right {
        border-right: 1px solid rgba(108, 117, 125, 0.15)
    }

    .pix-menu-line-top {
        border-top: 1px solid rgba(108, 117, 125, 0.15)
    }

    .pix-menu-line-right-top {
        border-right: 1px solid rgba(108, 117, 125, 0.15);
        border-top: 1px solid rgba(108, 117, 125, 0.15)
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .pix-topbar .pixicon-phone, .pix-topbar .pixicon-map-pin-1-circle, .pix-topbar .pixicon-world-map-3, .pix-header .pixicon-phone, .pix-header .pixicon-map-pin-1-circle, .pix-header .pixicon-world-map-3, .pix-header-stack .pixicon-phone, .pix-header-stack .pixicon-map-pin-1-circle, .pix-header-stack .pixicon-world-map-3 {
        display: none !important
    }

    .pix-topbar .dropdown-toggle.nav-link, .pix-topbar .navbar-expand-lg .navbar-nav .nav-link, .pix-header .dropdown-toggle.nav-link, .pix-header .navbar-expand-lg .navbar-nav .nav-link, .pix-header-stack .dropdown-toggle.nav-link, .pix-header-stack .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
}

.dropdown-menu .submenu-box .container .menu-item a {
    border-radius: 0px
}

.dropdown-menu .submenu-box .container .menu-item:first-child a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.dropdown-menu .submenu-box .container .menu-item:last-child a {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

@media (min-width:992px) {
    .pix-header .nav-link.dropdown-toggle::after {
        display: none !important
    }
}

.pix-header .submenu-box .dropdown-toggle::after {
    display: none !important
}

.pix-header-mobile {
    clear: both
}

.pix-header-mobile a, .pix-header-mobile a:focus {
    outline: none !important
}

.pix-header-mobile .mega-col-title {
    padding-bottom: 15px
}

.pix-header-mobile .dropdown-toggle>span>.pixfort-dropdown-arrow {
    display: inline-flex !important;
    padding-left: 5px;
    --pf-icon-stroke-width: 2
}

.pix-header-mobile .dropdown-toggle::after {
    display: none !important
}

.pix-header-mobile nav .dropdown-menu {
    position: relative !important
}

.pix-header-mobile nav .dropdown-menu>.submenu-box>.container {
    padding: 0px
}

.pix-header-mobile nav .dropdown-menu>.submenu-box>.container>.row {
    display: contents
}

.pix-header-mobile nav .dropdown-menu .pix-dropdown-title {
    font-size: 14px !important
}

.pix-header-mobile .dropdown-item.active, .pix-header-mobile .dropdown-item:active {
    border-radius: 0 !important;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.05)
}

.pix-header-mobile .menu-item>.nav-link {
    padding-top: 10px;
    padding-bottom: 10px
}

.pix-header-mobile .navbar-nav>li>.dropdown-menu {
    padding: 0px;
    overflow: hidden !important
}

.pix-header-mobile .navbar-nav>li>.dropdown-menu .menu-item .dropdown-item {
    padding: 10px 15px !important
}

.pix-header-mobile .submenu-box .dropdown-menu {
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}

.pix-dropdown-title {
    white-space: normal !important
}

.pix-header-divider {
    width: 1px;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0
}

.pix-header-divider.is-scroll-divider {
    display: none
}

.pix-header-divider.pix-sm {
    top: 20%;
    height: 60%
}

.pix-header.is-scroll .pix-header-divider.is-main-divider {
    display: none
}

.pix-header.is-scroll .pix-header-divider.is-scroll-divider {
    display: inline-block
}

.pix-header-mobile .pix-header-divider {
    position: relative !important;
    min-height: 33px !important
}

.pix-header-icon-style {
    position: relative;
    top: 0px
}

header.pix-header-mobile {
    float: left
}

header.pix-header-mobile.pix-mobile-sticky {
    position: fixed !important;
    top: 0;
    z-index: 999999999 !important;
    max-height: 90vh;
    overflow-x: hidden;
    overflow-x: clip;
    overflow-y: visible
}

.pix-header-mobile .container .col-12>* {
    vertical-align: middle
}

.pix-header-desktop {
    clear: both
}

i.pix-header-icon-format, svg.pix-header-icon-format {
    font-size: 18px !important;
    line-height: 1 !important
}

i.pix-header-icon-format.fix-top, svg.pix-header-icon-format.fix-top {
    top: 2px
}

nav .collapse {
    height: auto
}

.pix-header-scroll-placeholder {
    pointer-events: none;
    width: 100%;
    height: 0;
    display: block;
    float: left;
    position: relative
}

.collapse.navbar-collapse {
    overflow: visible
}

.pix-header-mobile .collapse.navbar-collapse {
    width: 100%
}

.pix-menu-toggle-style li:not(.toggle-btn-item) {
    opacity: 0 !important;
    transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none
}

.pix-menu-toggle-style li:not(.toggle-btn-item).is-shown {
    opacity: 1 !important;
    pointer-events: auto
}

.pix-menu-item-icon {
    font-size: 16px !important;
    position: relative;
    top: -1px
}

i.pix-menu-item-icon {
    top: 2px
}

.pix-search-sm-btn {
    position: relative
}

.pix-search-sm-btn .pix-header-floating-search {
    position: absolute;
    z-index: 999999;
    top: 100%;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    width: 350px;
    left: 0;
    padding-top: 40px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-search-sm-btn .pix-header-floating-search.open-bar-left {
    left: auto;
    right: 0
}

.pix-search-sm-btn .pix-header-floating-search .form-control, .pix-search-sm-btn .pix-header-floating-search .post-password-form input[type="password"], .post-password-form .pix-search-sm-btn .pix-header-floating-search input[type="password"] {
    min-height: 40px !important
}

.pix-search-sm-btn .pix-header-floating-search .bootstrap-autocomplete.dropdown-menu.show {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important
}

.pix-search-sm-btn .pix-header-floating-search .bootstrap-autocomplete.dropdown-menu.show .dropdown-item {
    display: block
}

.pix-search-sm-btn .pix-search-toggle {
    position: relative
}

.pix-search-sm-btn .pix-search-default-icon {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-search-sm-btn .pix-search-close-icon {
    opacity: 0;
    left: 0;
    top: 0;
    position: absolute;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-search-sm-btn.is-opened .pix-search-default-icon {
    opacity: 0
}

.pix-search-sm-btn.is-opened .pix-search-close-icon {
    opacity: 1
}

.pix-search-sm-btn.is-opened .pix-header-floating-search {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    padding-top: 10px
}

@media (max-width:992px) {
    .pix-search-sm-btn .pix-header-floating-search {
        width: calc(100vw - 20px)
    }
}

.is-smart-sticky {
    transition: all 0.4s cubic-bezier(0.365, 0.84, 0.44, 1) !important
}

.is-smart-sticky.bg-light-blur, .is-smart-sticky.bg-dark-blur, .is-smart-sticky .bg-light-blur, .is-smart-sticky .bg-dark-blur {
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    backdrop-filter: saturate(180%) blur(5px)
}

.is-smart-sticky[data-visible="sticky"] {
    transform: none
}

.is-smart-sticky[data-visible="false"] {
    transform: translateY(-100%)
}

.is-smart-sticky [data-scroll-class="bg-light-blur"], .is-smart-sticky [data-scroll-class="bg-dark-blur"] {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    transform-style: preserve-3d
}

.pix-is-safari header.pix-header-desktop {
    transform: translateZ(200px)
}

#mobile_head .navbar-nav {
    max-height: 80vh;
    overflow-y: auto
}

.dropdown-menu.drop-overflow-fix {
    right: 0px !important;
    transform: translateX(50%) !important;
    margin-right: 50% !important;
    margin-left: auto !important
}

.pix-dark, .pix-dark-hover:hover {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-dark .text-body-default, .pix-dark.text-body-default, .pix-dark-hover:hover .text-body-default, .pix-dark-hover:hover.text-body-default {
    color: rgba(255, 255, 255, 0.7) !important
}

.pix-dark .text-body-default.btn:hover, .pix-dark.text-body-default.btn:hover, .pix-dark-hover:hover .text-body-default.btn:hover, .pix-dark-hover:hover.text-body-default.btn:hover {
    opacity: 0.75;
    color: rgba(230, 230, 230, 0.7) !important
}

.pix-dark .text-body-default.btn:focus, .pix-dark .text-body-default.btn:active, .pix-dark.text-body-default.btn:focus, .pix-dark.text-body-default.btn:active, .pix-dark-hover:hover .text-body-default.btn:focus, .pix-dark-hover:hover .text-body-default.btn:active, .pix-dark-hover:hover.text-body-default.btn:focus, .pix-dark-hover:hover.text-body-default.btn:active {
    color: rgba(230, 230, 230, 0.7) !important
}

.pix-dark .svg-body-default, .pix-dark-hover:hover .svg-body-default {
    color: rgba(255, 255, 255, 0.7) !important
}

.pix-dark .svg-body-default svg:not(.pixfort-icon), .pix-dark .svg-body-default svg:not(.pixfort-icon) path, .pix-dark-hover:hover .svg-body-default svg:not(.pixfort-icon), .pix-dark-hover:hover .svg-body-default svg:not(.pixfort-icon) path {
    fill: rgba(255, 255, 255, 0.7) !important
}

.pix-dark .svg-body-default:hover svg:not(.pixfort-icon), .pix-dark .svg-body-default:hover svg:not(.pixfort-icon) path, .pix-dark .svg-body-default:focus svg:not(.pixfort-icon), .pix-dark .svg-body-default:focus svg:not(.pixfort-icon) path, .pix-dark .svg-body-default:active svg:not(.pixfort-icon), .pix-dark .svg-body-default:active svg:not(.pixfort-icon) path, .pix-dark-hover:hover .svg-body-default:hover svg:not(.pixfort-icon), .pix-dark-hover:hover .svg-body-default:hover svg:not(.pixfort-icon) path, .pix-dark-hover:hover .svg-body-default:focus svg:not(.pixfort-icon), .pix-dark-hover:hover .svg-body-default:focus svg:not(.pixfort-icon) path, .pix-dark-hover:hover .svg-body-default:active svg:not(.pixfort-icon), .pix-dark-hover:hover .svg-body-default:active svg:not(.pixfort-icon) path {
    fill: rgba(230, 230, 230, 0.7) !important
}

.pix-dark a.text-body-default:hover, .pix-dark a.text-body-default:focus, .pix-dark a.text-body-default:active, .pix-dark-hover:hover a.text-body-default:hover, .pix-dark-hover:hover a.text-body-default:focus, .pix-dark-hover:hover a.text-body-default:active {
    color: rgba(230, 230, 230, 0.7) !important
}

.pix-dark .text-heading-default, .pix-dark.text-heading-default, .pix-dark-hover:hover .text-heading-default, .pix-dark-hover:hover.text-heading-default {
    color: #fff !important
}

.pix-dark .text-heading-default svg:not(.pixfort-icon), .pix-dark.text-heading-default svg:not(.pixfort-icon), .pix-dark-hover:hover .text-heading-default svg:not(.pixfort-icon), .pix-dark-hover:hover.text-heading-default svg:not(.pixfort-icon) {
    fill: #fff
}

.pix-dark .text-heading-default:hover svg:not(.pixfort-icon), .pix-dark .text-heading-default:hover svg:not(.pixfort-icon) path, .pix-dark .text-heading-default:focus svg:not(.pixfort-icon), .pix-dark .text-heading-default:focus svg:not(.pixfort-icon) path, .pix-dark .text-heading-default:active svg:not(.pixfort-icon), .pix-dark .text-heading-default:active svg:not(.pixfort-icon) path, .pix-dark.text-heading-default:hover svg:not(.pixfort-icon), .pix-dark.text-heading-default:hover svg:not(.pixfort-icon) path, .pix-dark.text-heading-default:focus svg:not(.pixfort-icon), .pix-dark.text-heading-default:focus svg:not(.pixfort-icon) path, .pix-dark.text-heading-default:active svg:not(.pixfort-icon), .pix-dark.text-heading-default:active svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-heading-default:hover svg:not(.pixfort-icon), .pix-dark-hover:hover .text-heading-default:hover svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-heading-default:focus svg:not(.pixfort-icon), .pix-dark-hover:hover .text-heading-default:focus svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-heading-default:active svg:not(.pixfort-icon), .pix-dark-hover:hover .text-heading-default:active svg:not(.pixfort-icon) path, .pix-dark-hover:hover.text-heading-default:hover svg:not(.pixfort-icon), .pix-dark-hover:hover.text-heading-default:hover svg:not(.pixfort-icon) path, .pix-dark-hover:hover.text-heading-default:focus svg:not(.pixfort-icon), .pix-dark-hover:hover.text-heading-default:focus svg:not(.pixfort-icon) path, .pix-dark-hover:hover.text-heading-default:active svg:not(.pixfort-icon), .pix-dark-hover:hover.text-heading-default:active svg:not(.pixfort-icon) path {
    fill: #e6e6e6 !important
}

.pix-dark .svg-heading-default, .pix-dark-hover:hover .svg-heading-default {
    color: #fff
}

.pix-dark .svg-heading-default svg:not(.pixfort-icon), .pix-dark .svg-heading-default svg:not(.pixfort-icon) path, .pix-dark-hover:hover .svg-heading-default svg:not(.pixfort-icon), .pix-dark-hover:hover .svg-heading-default svg:not(.pixfort-icon) path {
    fill: #fff
}

.pix-dark .svg-heading-default:hover svg:not(.pixfort-icon), .pix-dark .svg-heading-default:hover svg:not(.pixfort-icon) path, .pix-dark .svg-heading-default:focus svg:not(.pixfort-icon), .pix-dark .svg-heading-default:focus svg:not(.pixfort-icon) path, .pix-dark .svg-heading-default:active svg:not(.pixfort-icon), .pix-dark .svg-heading-default:active svg:not(.pixfort-icon) path, .pix-dark-hover:hover .svg-heading-default:hover svg:not(.pixfort-icon), .pix-dark-hover:hover .svg-heading-default:hover svg:not(.pixfort-icon) path, .pix-dark-hover:hover .svg-heading-default:focus svg:not(.pixfort-icon), .pix-dark-hover:hover .svg-heading-default:focus svg:not(.pixfort-icon) path, .pix-dark-hover:hover .svg-heading-default:active svg:not(.pixfort-icon), .pix-dark-hover:hover .svg-heading-default:active svg:not(.pixfort-icon) path {
    fill: #e6e6e6 !important
}

.pix-dark a.text-heading-default:hover, .pix-dark a.text-heading-default:focus, .pix-dark a.text-heading-default:active, .pix-dark-hover:hover a.text-heading-default:hover, .pix-dark-hover:hover a.text-heading-default:focus, .pix-dark-hover:hover a.text-heading-default:active {
    color: #e6e6e6 !important
}

.pix-dark .text-white, .pix-dark-hover:hover .text-white {
    color: #000 !important
}

.pix-dark .text-black, .pix-dark-hover:hover .text-black {
    color: #fff !important
}

.pix-dark .text-dark-opacity-05, .pix-dark-hover:hover .text-dark-opacity-05 {
    color: rgba(255, 255, 255, 0.05) !important
}

.pix-dark a.text-dark-opacity-05:hover, .pix-dark a.text-dark-opacity-05:focus, .pix-dark-hover:hover a.text-dark-opacity-05:hover, .pix-dark-hover:hover a.text-dark-opacity-05:focus {
    color: rgba(217, 217, 217, 0.05) !important
}

.pix-dark a.text-dark-opacity-05:focus, .pix-dark a.text-dark-opacity-05:active, .pix-dark-hover:hover a.text-dark-opacity-05:focus, .pix-dark-hover:hover a.text-dark-opacity-05:active {
    color: rgba(204, 204, 204, 0.05) !important
}

.pix-dark a.text-dark-opacity-05.btn span:before, .pix-dark-hover:hover a.text-dark-opacity-05.btn span:before {
    background: rgba(255, 255, 255, 0.05) !important
}

.pix-dark .text-dark-opacity-05 svg:not(.pixfort-icon) path, .pix-dark .text-dark-opacity-05 svg:not(.pixfort-icon) rect, .pix-dark .text-dark-opacity-05 svg:not(.pixfort-icon) circle, .pix-dark .text-dark-opacity-05 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-dark-opacity-05 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-dark-opacity-05 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-dark-opacity-05 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-dark-opacity-05 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.05) !important
}

.pix-dark .text-light-opacity-05, .pix-dark-hover:hover .text-light-opacity-05 {
    color: rgba(0, 0, 0, 0.05) !important
}

.pix-dark a.text-light-opacity-05:hover, .pix-dark a.text-light-opacity-05:focus, .pix-dark-hover:hover a.text-light-opacity-05:hover, .pix-dark-hover:hover a.text-light-opacity-05:focus {
    color: rgba(0, 0, 0, 0.05) !important
}

.pix-dark a.text-light-opacity-05:focus, .pix-dark a.text-light-opacity-05:active, .pix-dark-hover:hover a.text-light-opacity-05:focus, .pix-dark-hover:hover a.text-light-opacity-05:active {
    color: rgba(0, 0, 0, 0.05) !important
}

.pix-dark a.text-light-opacity-05.btn span:before, .pix-dark-hover:hover a.text-light-opacity-05.btn span:before {
    background: rgba(0, 0, 0, 0.05) !important
}

.pix-dark .text-light-opacity-05 svg:not(.pixfort-icon) path, .pix-dark .text-light-opacity-05 svg:not(.pixfort-icon) rect, .pix-dark .text-light-opacity-05 svg:not(.pixfort-icon) circle, .pix-dark .text-light-opacity-05 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-light-opacity-05 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-light-opacity-05 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-light-opacity-05 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-light-opacity-05 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.05) !important
}

.pix-dark .text-dark-opacity-0, .pix-dark-hover:hover .text-dark-opacity-0 {
    color: rgba(255, 255, 255, 0) !important
}

.pix-dark a.text-dark-opacity-0:hover, .pix-dark a.text-dark-opacity-0:focus, .pix-dark-hover:hover a.text-dark-opacity-0:hover, .pix-dark-hover:hover a.text-dark-opacity-0:focus {
    color: rgba(217, 217, 217, 0) !important
}

.pix-dark a.text-dark-opacity-0:focus, .pix-dark a.text-dark-opacity-0:active, .pix-dark-hover:hover a.text-dark-opacity-0:focus, .pix-dark-hover:hover a.text-dark-opacity-0:active {
    color: rgba(204, 204, 204, 0) !important
}

.pix-dark a.text-dark-opacity-0.btn span:before, .pix-dark-hover:hover a.text-dark-opacity-0.btn span:before {
    background: rgba(255, 255, 255, 0) !important
}

.pix-dark .text-dark-opacity-0 svg:not(.pixfort-icon) path, .pix-dark .text-dark-opacity-0 svg:not(.pixfort-icon) rect, .pix-dark .text-dark-opacity-0 svg:not(.pixfort-icon) circle, .pix-dark .text-dark-opacity-0 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-dark-opacity-0 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-dark-opacity-0 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-dark-opacity-0 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-dark-opacity-0 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0) !important
}

.pix-dark .text-light-opacity-0, .pix-dark-hover:hover .text-light-opacity-0 {
    color: rgba(0, 0, 0, 0) !important
}

.pix-dark a.text-light-opacity-0:hover, .pix-dark a.text-light-opacity-0:focus, .pix-dark-hover:hover a.text-light-opacity-0:hover, .pix-dark-hover:hover a.text-light-opacity-0:focus {
    color: rgba(0, 0, 0, 0) !important
}

.pix-dark a.text-light-opacity-0:focus, .pix-dark a.text-light-opacity-0:active, .pix-dark-hover:hover a.text-light-opacity-0:focus, .pix-dark-hover:hover a.text-light-opacity-0:active {
    color: rgba(0, 0, 0, 0) !important
}

.pix-dark a.text-light-opacity-0.btn span:before, .pix-dark-hover:hover a.text-light-opacity-0.btn span:before {
    background: rgba(0, 0, 0, 0) !important
}

.pix-dark .text-light-opacity-0 svg:not(.pixfort-icon) path, .pix-dark .text-light-opacity-0 svg:not(.pixfort-icon) rect, .pix-dark .text-light-opacity-0 svg:not(.pixfort-icon) circle, .pix-dark .text-light-opacity-0 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-light-opacity-0 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-light-opacity-0 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-light-opacity-0 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-light-opacity-0 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0) !important
}

.pix-dark .text-dark-opacity-1, .pix-dark-hover:hover .text-dark-opacity-1 {
    color: rgba(255, 255, 255, 0.1) !important
}

.pix-dark a.text-dark-opacity-1:hover, .pix-dark a.text-dark-opacity-1:focus, .pix-dark-hover:hover a.text-dark-opacity-1:hover, .pix-dark-hover:hover a.text-dark-opacity-1:focus {
    color: rgba(217, 217, 217, 0.1) !important
}

.pix-dark a.text-dark-opacity-1:focus, .pix-dark a.text-dark-opacity-1:active, .pix-dark-hover:hover a.text-dark-opacity-1:focus, .pix-dark-hover:hover a.text-dark-opacity-1:active {
    color: rgba(204, 204, 204, 0.1) !important
}

.pix-dark a.text-dark-opacity-1.btn span:before, .pix-dark-hover:hover a.text-dark-opacity-1.btn span:before {
    background: rgba(255, 255, 255, 0.1) !important
}

.pix-dark .text-dark-opacity-1 svg:not(.pixfort-icon) path, .pix-dark .text-dark-opacity-1 svg:not(.pixfort-icon) rect, .pix-dark .text-dark-opacity-1 svg:not(.pixfort-icon) circle, .pix-dark .text-dark-opacity-1 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-dark-opacity-1 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-dark-opacity-1 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-dark-opacity-1 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-dark-opacity-1 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.1) !important
}

.pix-dark .text-light-opacity-1, .pix-dark-hover:hover .text-light-opacity-1 {
    color: rgba(0, 0, 0, 0.1) !important
}

.pix-dark a.text-light-opacity-1:hover, .pix-dark a.text-light-opacity-1:focus, .pix-dark-hover:hover a.text-light-opacity-1:hover, .pix-dark-hover:hover a.text-light-opacity-1:focus {
    color: rgba(0, 0, 0, 0.1) !important
}

.pix-dark a.text-light-opacity-1:focus, .pix-dark a.text-light-opacity-1:active, .pix-dark-hover:hover a.text-light-opacity-1:focus, .pix-dark-hover:hover a.text-light-opacity-1:active {
    color: rgba(0, 0, 0, 0.1) !important
}

.pix-dark a.text-light-opacity-1.btn span:before, .pix-dark-hover:hover a.text-light-opacity-1.btn span:before {
    background: rgba(0, 0, 0, 0.1) !important
}

.pix-dark .text-light-opacity-1 svg:not(.pixfort-icon) path, .pix-dark .text-light-opacity-1 svg:not(.pixfort-icon) rect, .pix-dark .text-light-opacity-1 svg:not(.pixfort-icon) circle, .pix-dark .text-light-opacity-1 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-light-opacity-1 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-light-opacity-1 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-light-opacity-1 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-light-opacity-1 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.1) !important
}

.pix-dark .text-dark-opacity-2, .pix-dark-hover:hover .text-dark-opacity-2 {
    color: rgba(255, 255, 255, 0.2) !important
}

.pix-dark a.text-dark-opacity-2:hover, .pix-dark a.text-dark-opacity-2:focus, .pix-dark-hover:hover a.text-dark-opacity-2:hover, .pix-dark-hover:hover a.text-dark-opacity-2:focus {
    color: rgba(217, 217, 217, 0.2) !important
}

.pix-dark a.text-dark-opacity-2:focus, .pix-dark a.text-dark-opacity-2:active, .pix-dark-hover:hover a.text-dark-opacity-2:focus, .pix-dark-hover:hover a.text-dark-opacity-2:active {
    color: rgba(204, 204, 204, 0.2) !important
}

.pix-dark a.text-dark-opacity-2.btn span:before, .pix-dark-hover:hover a.text-dark-opacity-2.btn span:before {
    background: rgba(255, 255, 255, 0.2) !important
}

.pix-dark .text-dark-opacity-2 svg:not(.pixfort-icon) path, .pix-dark .text-dark-opacity-2 svg:not(.pixfort-icon) rect, .pix-dark .text-dark-opacity-2 svg:not(.pixfort-icon) circle, .pix-dark .text-dark-opacity-2 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-dark-opacity-2 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-dark-opacity-2 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-dark-opacity-2 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-dark-opacity-2 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.2) !important
}

.pix-dark .text-light-opacity-2, .pix-dark-hover:hover .text-light-opacity-2 {
    color: rgba(0, 0, 0, 0.2) !important
}

.pix-dark a.text-light-opacity-2:hover, .pix-dark a.text-light-opacity-2:focus, .pix-dark-hover:hover a.text-light-opacity-2:hover, .pix-dark-hover:hover a.text-light-opacity-2:focus {
    color: rgba(0, 0, 0, 0.2) !important
}

.pix-dark a.text-light-opacity-2:focus, .pix-dark a.text-light-opacity-2:active, .pix-dark-hover:hover a.text-light-opacity-2:focus, .pix-dark-hover:hover a.text-light-opacity-2:active {
    color: rgba(0, 0, 0, 0.2) !important
}

.pix-dark a.text-light-opacity-2.btn span:before, .pix-dark-hover:hover a.text-light-opacity-2.btn span:before {
    background: rgba(0, 0, 0, 0.2) !important
}

.pix-dark .text-light-opacity-2 svg:not(.pixfort-icon) path, .pix-dark .text-light-opacity-2 svg:not(.pixfort-icon) rect, .pix-dark .text-light-opacity-2 svg:not(.pixfort-icon) circle, .pix-dark .text-light-opacity-2 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-light-opacity-2 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-light-opacity-2 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-light-opacity-2 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-light-opacity-2 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.2) !important
}

.pix-dark .text-dark-opacity-3, .pix-dark-hover:hover .text-dark-opacity-3 {
    color: rgba(255, 255, 255, 0.3) !important
}

.pix-dark a.text-dark-opacity-3:hover, .pix-dark a.text-dark-opacity-3:focus, .pix-dark-hover:hover a.text-dark-opacity-3:hover, .pix-dark-hover:hover a.text-dark-opacity-3:focus {
    color: rgba(217, 217, 217, 0.3) !important
}

.pix-dark a.text-dark-opacity-3:focus, .pix-dark a.text-dark-opacity-3:active, .pix-dark-hover:hover a.text-dark-opacity-3:focus, .pix-dark-hover:hover a.text-dark-opacity-3:active {
    color: rgba(204, 204, 204, 0.3) !important
}

.pix-dark a.text-dark-opacity-3.btn span:before, .pix-dark-hover:hover a.text-dark-opacity-3.btn span:before {
    background: rgba(255, 255, 255, 0.3) !important
}

.pix-dark .text-dark-opacity-3 svg:not(.pixfort-icon) path, .pix-dark .text-dark-opacity-3 svg:not(.pixfort-icon) rect, .pix-dark .text-dark-opacity-3 svg:not(.pixfort-icon) circle, .pix-dark .text-dark-opacity-3 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-dark-opacity-3 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-dark-opacity-3 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-dark-opacity-3 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-dark-opacity-3 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.3) !important
}

.pix-dark .text-light-opacity-3, .pix-dark-hover:hover .text-light-opacity-3 {
    color: rgba(0, 0, 0, 0.3) !important
}

.pix-dark a.text-light-opacity-3:hover, .pix-dark a.text-light-opacity-3:focus, .pix-dark-hover:hover a.text-light-opacity-3:hover, .pix-dark-hover:hover a.text-light-opacity-3:focus {
    color: rgba(0, 0, 0, 0.3) !important
}

.pix-dark a.text-light-opacity-3:focus, .pix-dark a.text-light-opacity-3:active, .pix-dark-hover:hover a.text-light-opacity-3:focus, .pix-dark-hover:hover a.text-light-opacity-3:active {
    color: rgba(0, 0, 0, 0.3) !important
}

.pix-dark a.text-light-opacity-3.btn span:before, .pix-dark-hover:hover a.text-light-opacity-3.btn span:before {
    background: rgba(0, 0, 0, 0.3) !important
}

.pix-dark .text-light-opacity-3 svg:not(.pixfort-icon) path, .pix-dark .text-light-opacity-3 svg:not(.pixfort-icon) rect, .pix-dark .text-light-opacity-3 svg:not(.pixfort-icon) circle, .pix-dark .text-light-opacity-3 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-light-opacity-3 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-light-opacity-3 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-light-opacity-3 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-light-opacity-3 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.3) !important
}

.pix-dark .text-dark-opacity-4, .pix-dark-hover:hover .text-dark-opacity-4 {
    color: rgba(255, 255, 255, 0.4) !important
}

.pix-dark a.text-dark-opacity-4:hover, .pix-dark a.text-dark-opacity-4:focus, .pix-dark-hover:hover a.text-dark-opacity-4:hover, .pix-dark-hover:hover a.text-dark-opacity-4:focus {
    color: rgba(217, 217, 217, 0.4) !important
}

.pix-dark a.text-dark-opacity-4:focus, .pix-dark a.text-dark-opacity-4:active, .pix-dark-hover:hover a.text-dark-opacity-4:focus, .pix-dark-hover:hover a.text-dark-opacity-4:active {
    color: rgba(204, 204, 204, 0.4) !important
}

.pix-dark a.text-dark-opacity-4.btn span:before, .pix-dark-hover:hover a.text-dark-opacity-4.btn span:before {
    background: rgba(255, 255, 255, 0.4) !important
}

.pix-dark .text-dark-opacity-4 svg:not(.pixfort-icon) path, .pix-dark .text-dark-opacity-4 svg:not(.pixfort-icon) rect, .pix-dark .text-dark-opacity-4 svg:not(.pixfort-icon) circle, .pix-dark .text-dark-opacity-4 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-dark-opacity-4 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-dark-opacity-4 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-dark-opacity-4 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-dark-opacity-4 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.4) !important
}

.pix-dark .text-light-opacity-4, .pix-dark-hover:hover .text-light-opacity-4 {
    color: rgba(0, 0, 0, 0.4) !important
}

.pix-dark a.text-light-opacity-4:hover, .pix-dark a.text-light-opacity-4:focus, .pix-dark-hover:hover a.text-light-opacity-4:hover, .pix-dark-hover:hover a.text-light-opacity-4:focus {
    color: rgba(0, 0, 0, 0.4) !important
}

.pix-dark a.text-light-opacity-4:focus, .pix-dark a.text-light-opacity-4:active, .pix-dark-hover:hover a.text-light-opacity-4:focus, .pix-dark-hover:hover a.text-light-opacity-4:active {
    color: rgba(0, 0, 0, 0.4) !important
}

.pix-dark a.text-light-opacity-4.btn span:before, .pix-dark-hover:hover a.text-light-opacity-4.btn span:before {
    background: rgba(0, 0, 0, 0.4) !important
}

.pix-dark .text-light-opacity-4 svg:not(.pixfort-icon) path, .pix-dark .text-light-opacity-4 svg:not(.pixfort-icon) rect, .pix-dark .text-light-opacity-4 svg:not(.pixfort-icon) circle, .pix-dark .text-light-opacity-4 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-light-opacity-4 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-light-opacity-4 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-light-opacity-4 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-light-opacity-4 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.4) !important
}

.pix-dark .text-dark-opacity-5, .pix-dark-hover:hover .text-dark-opacity-5 {
    color: rgba(255, 255, 255, 0.5) !important
}

.pix-dark a.text-dark-opacity-5:hover, .pix-dark a.text-dark-opacity-5:focus, .pix-dark-hover:hover a.text-dark-opacity-5:hover, .pix-dark-hover:hover a.text-dark-opacity-5:focus {
    color: rgba(217, 217, 217, 0.5) !important
}

.pix-dark a.text-dark-opacity-5:focus, .pix-dark a.text-dark-opacity-5:active, .pix-dark-hover:hover a.text-dark-opacity-5:focus, .pix-dark-hover:hover a.text-dark-opacity-5:active {
    color: rgba(204, 204, 204, 0.5) !important
}

.pix-dark a.text-dark-opacity-5.btn span:before, .pix-dark-hover:hover a.text-dark-opacity-5.btn span:before {
    background: rgba(255, 255, 255, 0.5) !important
}

.pix-dark .text-dark-opacity-5 svg:not(.pixfort-icon) path, .pix-dark .text-dark-opacity-5 svg:not(.pixfort-icon) rect, .pix-dark .text-dark-opacity-5 svg:not(.pixfort-icon) circle, .pix-dark .text-dark-opacity-5 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-dark-opacity-5 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-dark-opacity-5 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-dark-opacity-5 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-dark-opacity-5 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.5) !important
}

.pix-dark .text-light-opacity-5, .pix-dark-hover:hover .text-light-opacity-5 {
    color: rgba(0, 0, 0, 0.5) !important
}

.pix-dark a.text-light-opacity-5:hover, .pix-dark a.text-light-opacity-5:focus, .pix-dark-hover:hover a.text-light-opacity-5:hover, .pix-dark-hover:hover a.text-light-opacity-5:focus {
    color: rgba(0, 0, 0, 0.5) !important
}

.pix-dark a.text-light-opacity-5:focus, .pix-dark a.text-light-opacity-5:active, .pix-dark-hover:hover a.text-light-opacity-5:focus, .pix-dark-hover:hover a.text-light-opacity-5:active {
    color: rgba(0, 0, 0, 0.5) !important
}

.pix-dark a.text-light-opacity-5.btn span:before, .pix-dark-hover:hover a.text-light-opacity-5.btn span:before {
    background: rgba(0, 0, 0, 0.5) !important
}

.pix-dark .text-light-opacity-5 svg:not(.pixfort-icon) path, .pix-dark .text-light-opacity-5 svg:not(.pixfort-icon) rect, .pix-dark .text-light-opacity-5 svg:not(.pixfort-icon) circle, .pix-dark .text-light-opacity-5 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-light-opacity-5 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-light-opacity-5 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-light-opacity-5 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-light-opacity-5 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.5) !important
}

.pix-dark .text-dark-opacity-6, .pix-dark-hover:hover .text-dark-opacity-6 {
    color: rgba(255, 255, 255, 0.6) !important
}

.pix-dark a.text-dark-opacity-6:hover, .pix-dark a.text-dark-opacity-6:focus, .pix-dark-hover:hover a.text-dark-opacity-6:hover, .pix-dark-hover:hover a.text-dark-opacity-6:focus {
    color: rgba(217, 217, 217, 0.6) !important
}

.pix-dark a.text-dark-opacity-6:focus, .pix-dark a.text-dark-opacity-6:active, .pix-dark-hover:hover a.text-dark-opacity-6:focus, .pix-dark-hover:hover a.text-dark-opacity-6:active {
    color: rgba(204, 204, 204, 0.6) !important
}

.pix-dark a.text-dark-opacity-6.btn span:before, .pix-dark-hover:hover a.text-dark-opacity-6.btn span:before {
    background: rgba(255, 255, 255, 0.6) !important
}

.pix-dark .text-dark-opacity-6 svg:not(.pixfort-icon) path, .pix-dark .text-dark-opacity-6 svg:not(.pixfort-icon) rect, .pix-dark .text-dark-opacity-6 svg:not(.pixfort-icon) circle, .pix-dark .text-dark-opacity-6 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-dark-opacity-6 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-dark-opacity-6 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-dark-opacity-6 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-dark-opacity-6 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.6) !important
}

.pix-dark .text-light-opacity-6, .pix-dark-hover:hover .text-light-opacity-6 {
    color: rgba(0, 0, 0, 0.6) !important
}

.pix-dark a.text-light-opacity-6:hover, .pix-dark a.text-light-opacity-6:focus, .pix-dark-hover:hover a.text-light-opacity-6:hover, .pix-dark-hover:hover a.text-light-opacity-6:focus {
    color: rgba(0, 0, 0, 0.6) !important
}

.pix-dark a.text-light-opacity-6:focus, .pix-dark a.text-light-opacity-6:active, .pix-dark-hover:hover a.text-light-opacity-6:focus, .pix-dark-hover:hover a.text-light-opacity-6:active {
    color: rgba(0, 0, 0, 0.6) !important
}

.pix-dark a.text-light-opacity-6.btn span:before, .pix-dark-hover:hover a.text-light-opacity-6.btn span:before {
    background: rgba(0, 0, 0, 0.6) !important
}

.pix-dark .text-light-opacity-6 svg:not(.pixfort-icon) path, .pix-dark .text-light-opacity-6 svg:not(.pixfort-icon) rect, .pix-dark .text-light-opacity-6 svg:not(.pixfort-icon) circle, .pix-dark .text-light-opacity-6 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-light-opacity-6 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-light-opacity-6 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-light-opacity-6 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-light-opacity-6 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.6) !important
}

.pix-dark .text-dark-opacity-7, .pix-dark-hover:hover .text-dark-opacity-7 {
    color: rgba(255, 255, 255, 0.7) !important
}

.pix-dark a.text-dark-opacity-7:hover, .pix-dark a.text-dark-opacity-7:focus, .pix-dark-hover:hover a.text-dark-opacity-7:hover, .pix-dark-hover:hover a.text-dark-opacity-7:focus {
    color: rgba(217, 217, 217, 0.7) !important
}

.pix-dark a.text-dark-opacity-7:focus, .pix-dark a.text-dark-opacity-7:active, .pix-dark-hover:hover a.text-dark-opacity-7:focus, .pix-dark-hover:hover a.text-dark-opacity-7:active {
    color: rgba(204, 204, 204, 0.7) !important
}

.pix-dark a.text-dark-opacity-7.btn span:before, .pix-dark-hover:hover a.text-dark-opacity-7.btn span:before {
    background: rgba(255, 255, 255, 0.7) !important
}

.pix-dark .text-dark-opacity-7 svg:not(.pixfort-icon) path, .pix-dark .text-dark-opacity-7 svg:not(.pixfort-icon) rect, .pix-dark .text-dark-opacity-7 svg:not(.pixfort-icon) circle, .pix-dark .text-dark-opacity-7 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-dark-opacity-7 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-dark-opacity-7 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-dark-opacity-7 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-dark-opacity-7 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.7) !important
}

.pix-dark .text-light-opacity-7, .pix-dark-hover:hover .text-light-opacity-7 {
    color: rgba(0, 0, 0, 0.7) !important
}

.pix-dark a.text-light-opacity-7:hover, .pix-dark a.text-light-opacity-7:focus, .pix-dark-hover:hover a.text-light-opacity-7:hover, .pix-dark-hover:hover a.text-light-opacity-7:focus {
    color: rgba(0, 0, 0, 0.7) !important
}

.pix-dark a.text-light-opacity-7:focus, .pix-dark a.text-light-opacity-7:active, .pix-dark-hover:hover a.text-light-opacity-7:focus, .pix-dark-hover:hover a.text-light-opacity-7:active {
    color: rgba(0, 0, 0, 0.7) !important
}

.pix-dark a.text-light-opacity-7.btn span:before, .pix-dark-hover:hover a.text-light-opacity-7.btn span:before {
    background: rgba(0, 0, 0, 0.7) !important
}

.pix-dark .text-light-opacity-7 svg:not(.pixfort-icon) path, .pix-dark .text-light-opacity-7 svg:not(.pixfort-icon) rect, .pix-dark .text-light-opacity-7 svg:not(.pixfort-icon) circle, .pix-dark .text-light-opacity-7 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-light-opacity-7 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-light-opacity-7 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-light-opacity-7 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-light-opacity-7 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.7) !important
}

.pix-dark .text-dark-opacity-8, .pix-dark-hover:hover .text-dark-opacity-8 {
    color: rgba(255, 255, 255, 0.8) !important
}

.pix-dark a.text-dark-opacity-8:hover, .pix-dark a.text-dark-opacity-8:focus, .pix-dark-hover:hover a.text-dark-opacity-8:hover, .pix-dark-hover:hover a.text-dark-opacity-8:focus {
    color: rgba(217, 217, 217, 0.8) !important
}

.pix-dark a.text-dark-opacity-8:focus, .pix-dark a.text-dark-opacity-8:active, .pix-dark-hover:hover a.text-dark-opacity-8:focus, .pix-dark-hover:hover a.text-dark-opacity-8:active {
    color: rgba(204, 204, 204, 0.8) !important
}

.pix-dark a.text-dark-opacity-8.btn span:before, .pix-dark-hover:hover a.text-dark-opacity-8.btn span:before {
    background: rgba(255, 255, 255, 0.8) !important
}

.pix-dark .text-dark-opacity-8 svg:not(.pixfort-icon) path, .pix-dark .text-dark-opacity-8 svg:not(.pixfort-icon) rect, .pix-dark .text-dark-opacity-8 svg:not(.pixfort-icon) circle, .pix-dark .text-dark-opacity-8 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-dark-opacity-8 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-dark-opacity-8 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-dark-opacity-8 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-dark-opacity-8 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.8) !important
}

.pix-dark .text-light-opacity-8, .pix-dark-hover:hover .text-light-opacity-8 {
    color: rgba(0, 0, 0, 0.8) !important
}

.pix-dark a.text-light-opacity-8:hover, .pix-dark a.text-light-opacity-8:focus, .pix-dark-hover:hover a.text-light-opacity-8:hover, .pix-dark-hover:hover a.text-light-opacity-8:focus {
    color: rgba(0, 0, 0, 0.8) !important
}

.pix-dark a.text-light-opacity-8:focus, .pix-dark a.text-light-opacity-8:active, .pix-dark-hover:hover a.text-light-opacity-8:focus, .pix-dark-hover:hover a.text-light-opacity-8:active {
    color: rgba(0, 0, 0, 0.8) !important
}

.pix-dark a.text-light-opacity-8.btn span:before, .pix-dark-hover:hover a.text-light-opacity-8.btn span:before {
    background: rgba(0, 0, 0, 0.8) !important
}

.pix-dark .text-light-opacity-8 svg:not(.pixfort-icon) path, .pix-dark .text-light-opacity-8 svg:not(.pixfort-icon) rect, .pix-dark .text-light-opacity-8 svg:not(.pixfort-icon) circle, .pix-dark .text-light-opacity-8 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-light-opacity-8 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-light-opacity-8 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-light-opacity-8 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-light-opacity-8 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.8) !important
}

.pix-dark .text-dark-opacity-9, .pix-dark-hover:hover .text-dark-opacity-9 {
    color: rgba(255, 255, 255, 0.9) !important
}

.pix-dark a.text-dark-opacity-9:hover, .pix-dark a.text-dark-opacity-9:focus, .pix-dark-hover:hover a.text-dark-opacity-9:hover, .pix-dark-hover:hover a.text-dark-opacity-9:focus {
    color: rgba(217, 217, 217, 0.9) !important
}

.pix-dark a.text-dark-opacity-9:focus, .pix-dark a.text-dark-opacity-9:active, .pix-dark-hover:hover a.text-dark-opacity-9:focus, .pix-dark-hover:hover a.text-dark-opacity-9:active {
    color: rgba(204, 204, 204, 0.9) !important
}

.pix-dark a.text-dark-opacity-9.btn span:before, .pix-dark-hover:hover a.text-dark-opacity-9.btn span:before {
    background: rgba(255, 255, 255, 0.9) !important
}

.pix-dark .text-dark-opacity-9 svg:not(.pixfort-icon) path, .pix-dark .text-dark-opacity-9 svg:not(.pixfort-icon) rect, .pix-dark .text-dark-opacity-9 svg:not(.pixfort-icon) circle, .pix-dark .text-dark-opacity-9 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-dark-opacity-9 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-dark-opacity-9 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-dark-opacity-9 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-dark-opacity-9 svg:not(.pixfort-icon) polygon {
    fill: rgba(255, 255, 255, 0.9) !important
}

.pix-dark .text-light-opacity-9, .pix-dark-hover:hover .text-light-opacity-9 {
    color: rgba(0, 0, 0, 0.9) !important
}

.pix-dark a.text-light-opacity-9:hover, .pix-dark a.text-light-opacity-9:focus, .pix-dark-hover:hover a.text-light-opacity-9:hover, .pix-dark-hover:hover a.text-light-opacity-9:focus {
    color: rgba(0, 0, 0, 0.9) !important
}

.pix-dark a.text-light-opacity-9:focus, .pix-dark a.text-light-opacity-9:active, .pix-dark-hover:hover a.text-light-opacity-9:focus, .pix-dark-hover:hover a.text-light-opacity-9:active {
    color: rgba(0, 0, 0, 0.9) !important
}

.pix-dark a.text-light-opacity-9.btn span:before, .pix-dark-hover:hover a.text-light-opacity-9.btn span:before {
    background: rgba(0, 0, 0, 0.9) !important
}

.pix-dark .text-light-opacity-9 svg:not(.pixfort-icon) path, .pix-dark .text-light-opacity-9 svg:not(.pixfort-icon) rect, .pix-dark .text-light-opacity-9 svg:not(.pixfort-icon) circle, .pix-dark .text-light-opacity-9 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-light-opacity-9 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-light-opacity-9 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-light-opacity-9 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-light-opacity-9 svg:not(.pixfort-icon) polygon {
    fill: rgba(0, 0, 0, 0.9) !important
}

.pix-dark .text-dark-opacity-10, .pix-dark-hover:hover .text-dark-opacity-10 {
    color: white !important
}

.pix-dark a.text-dark-opacity-10:hover, .pix-dark a.text-dark-opacity-10:focus, .pix-dark-hover:hover a.text-dark-opacity-10:hover, .pix-dark-hover:hover a.text-dark-opacity-10:focus {
    color: #d9d9d9 !important
}

.pix-dark a.text-dark-opacity-10:focus, .pix-dark a.text-dark-opacity-10:active, .pix-dark-hover:hover a.text-dark-opacity-10:focus, .pix-dark-hover:hover a.text-dark-opacity-10:active {
    color: #ccc !important
}

.pix-dark a.text-dark-opacity-10.btn span:before, .pix-dark-hover:hover a.text-dark-opacity-10.btn span:before {
    background: white !important
}

.pix-dark .text-dark-opacity-10 svg:not(.pixfort-icon) path, .pix-dark .text-dark-opacity-10 svg:not(.pixfort-icon) rect, .pix-dark .text-dark-opacity-10 svg:not(.pixfort-icon) circle, .pix-dark .text-dark-opacity-10 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-dark-opacity-10 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-dark-opacity-10 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-dark-opacity-10 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-dark-opacity-10 svg:not(.pixfort-icon) polygon {
    fill: white !important
}

.pix-dark .text-light-opacity-10, .pix-dark-hover:hover .text-light-opacity-10 {
    color: black !important
}

.pix-dark a.text-light-opacity-10:hover, .pix-dark a.text-light-opacity-10:focus, .pix-dark-hover:hover a.text-light-opacity-10:hover, .pix-dark-hover:hover a.text-light-opacity-10:focus {
    color: black !important
}

.pix-dark a.text-light-opacity-10:focus, .pix-dark a.text-light-opacity-10:active, .pix-dark-hover:hover a.text-light-opacity-10:focus, .pix-dark-hover:hover a.text-light-opacity-10:active {
    color: black !important
}

.pix-dark a.text-light-opacity-10.btn span:before, .pix-dark-hover:hover a.text-light-opacity-10.btn span:before {
    background: black !important
}

.pix-dark .text-light-opacity-10 svg:not(.pixfort-icon) path, .pix-dark .text-light-opacity-10 svg:not(.pixfort-icon) rect, .pix-dark .text-light-opacity-10 svg:not(.pixfort-icon) circle, .pix-dark .text-light-opacity-10 svg:not(.pixfort-icon) polygon, .pix-dark-hover:hover .text-light-opacity-10 svg:not(.pixfort-icon) path, .pix-dark-hover:hover .text-light-opacity-10 svg:not(.pixfort-icon) rect, .pix-dark-hover:hover .text-light-opacity-10 svg:not(.pixfort-icon) circle, .pix-dark-hover:hover .text-light-opacity-10 svg:not(.pixfort-icon) polygon {
    fill: black !important
}

.pix-dark .text-body, .pix-dark-hover:hover .text-body {
    color: rgba(255, 255, 255, 0.7) !important
}

.pix-dark .text-muted, .pix-dark-hover:hover .text-muted {
    color: #6c757d !important
}

.pix-dark .text-black-50, .pix-dark-hover:hover .text-black-50 {
    color: rgba(255, 255, 255, 0.5) !important
}

.pix-dark .text-white-50, .pix-dark-hover:hover .text-white-50 {
    color: rgba(0, 0, 0, 0.5) !important
}

.pix-dark .bg-gray-1, .pix-dark-hover:hover .bg-gray-1 {
    background-color: #212529 !important
}

.pix-dark a.bg-gray-1:hover, .pix-dark button.bg-gray-1:hover, .pix-dark-hover:hover a.bg-gray-1:hover, .pix-dark-hover:hover button.bg-gray-1:hover {
    background-color: #0a0c0d !important
}

.pix-dark svg g.bg-gray-1, .pix-dark svg path.bg-gray-1, .pix-dark svg polygon.bg-gray-1, .pix-dark svg ellipse.bg-gray-1, .pix-dark-hover:hover svg g.bg-gray-1, .pix-dark-hover:hover svg path.bg-gray-1, .pix-dark-hover:hover svg polygon.bg-gray-1, .pix-dark-hover:hover svg ellipse.bg-gray-1 {
    fill: #212529 !important
}

.pix-dark .bg-gray-2, .pix-dark-hover:hover .bg-gray-2 {
    background-color: #343a40 !important
}

.pix-dark a.bg-gray-2:hover, .pix-dark button.bg-gray-2:hover, .pix-dark-hover:hover a.bg-gray-2:hover, .pix-dark-hover:hover button.bg-gray-2:hover {
    background-color: #1d2124 !important
}

.pix-dark svg g.bg-gray-2, .pix-dark svg path.bg-gray-2, .pix-dark svg polygon.bg-gray-2, .pix-dark svg ellipse.bg-gray-2, .pix-dark-hover:hover svg g.bg-gray-2, .pix-dark-hover:hover svg path.bg-gray-2, .pix-dark-hover:hover svg polygon.bg-gray-2, .pix-dark-hover:hover svg ellipse.bg-gray-2 {
    fill: #343a40 !important
}

.pix-dark .bg-gray-3, .pix-dark-hover:hover .bg-gray-3 {
    background-color: #495057 !important
}

.pix-dark a.bg-gray-3:hover, .pix-dark button.bg-gray-3:hover, .pix-dark-hover:hover a.bg-gray-3:hover, .pix-dark-hover:hover button.bg-gray-3:hover {
    background-color: #32373b !important
}

.pix-dark svg g.bg-gray-3, .pix-dark svg path.bg-gray-3, .pix-dark svg polygon.bg-gray-3, .pix-dark svg ellipse.bg-gray-3, .pix-dark-hover:hover svg g.bg-gray-3, .pix-dark-hover:hover svg path.bg-gray-3, .pix-dark-hover:hover svg polygon.bg-gray-3, .pix-dark-hover:hover svg ellipse.bg-gray-3 {
    fill: #495057 !important
}

.pix-dark .bg-gray-4, .pix-dark-hover:hover .bg-gray-4 {
    background-color: #6c757d !important
}

.pix-dark a.bg-gray-4:hover, .pix-dark button.bg-gray-4:hover, .pix-dark-hover:hover a.bg-gray-4:hover, .pix-dark-hover:hover button.bg-gray-4:hover {
    background-color: #545b62 !important
}

.pix-dark svg g.bg-gray-4, .pix-dark svg path.bg-gray-4, .pix-dark svg polygon.bg-gray-4, .pix-dark svg ellipse.bg-gray-4, .pix-dark-hover:hover svg g.bg-gray-4, .pix-dark-hover:hover svg path.bg-gray-4, .pix-dark-hover:hover svg polygon.bg-gray-4, .pix-dark-hover:hover svg ellipse.bg-gray-4 {
    fill: #6c757d !important
}

.pix-dark .bg-gray-5, .pix-dark-hover:hover .bg-gray-5 {
    background-color: #adb5bd !important
}

.pix-dark a.bg-gray-5:hover, .pix-dark button.bg-gray-5:hover, .pix-dark-hover:hover a.bg-gray-5:hover, .pix-dark-hover:hover button.bg-gray-5:hover {
    background-color: #919ca6 !important
}

.pix-dark svg g.bg-gray-5, .pix-dark svg path.bg-gray-5, .pix-dark svg polygon.bg-gray-5, .pix-dark svg ellipse.bg-gray-5, .pix-dark-hover:hover svg g.bg-gray-5, .pix-dark-hover:hover svg path.bg-gray-5, .pix-dark-hover:hover svg polygon.bg-gray-5, .pix-dark-hover:hover svg ellipse.bg-gray-5 {
    fill: #adb5bd !important
}

.pix-dark .bg-gray-6, .pix-dark-hover:hover .bg-gray-6 {
    background-color: #ced4da !important
}

.pix-dark a.bg-gray-6:hover, .pix-dark button.bg-gray-6:hover, .pix-dark-hover:hover a.bg-gray-6:hover, .pix-dark-hover:hover button.bg-gray-6:hover {
    background-color: #b1bbc4 !important
}

.pix-dark svg g.bg-gray-6, .pix-dark svg path.bg-gray-6, .pix-dark svg polygon.bg-gray-6, .pix-dark svg ellipse.bg-gray-6, .pix-dark-hover:hover svg g.bg-gray-6, .pix-dark-hover:hover svg path.bg-gray-6, .pix-dark-hover:hover svg polygon.bg-gray-6, .pix-dark-hover:hover svg ellipse.bg-gray-6 {
    fill: #ced4da !important
}

.pix-dark .bg-gray-7, .pix-dark-hover:hover .bg-gray-7 {
    background-color: #dee2e6 !important
}

.pix-dark a.bg-gray-7:hover, .pix-dark button.bg-gray-7:hover, .pix-dark-hover:hover a.bg-gray-7:hover, .pix-dark-hover:hover button.bg-gray-7:hover {
    background-color: #c1c9d0 !important
}

.pix-dark svg g.bg-gray-7, .pix-dark svg path.bg-gray-7, .pix-dark svg polygon.bg-gray-7, .pix-dark svg ellipse.bg-gray-7, .pix-dark-hover:hover svg g.bg-gray-7, .pix-dark-hover:hover svg path.bg-gray-7, .pix-dark-hover:hover svg polygon.bg-gray-7, .pix-dark-hover:hover svg ellipse.bg-gray-7 {
    fill: #dee2e6 !important
}

.pix-dark .bg-gray-8, .pix-dark-hover:hover .bg-gray-8 {
    background-color: #e9ecef !important
}

.pix-dark a.bg-gray-8:hover, .pix-dark button.bg-gray-8:hover, .pix-dark-hover:hover a.bg-gray-8:hover, .pix-dark-hover:hover button.bg-gray-8:hover {
    background-color: #cbd3da !important
}

.pix-dark svg g.bg-gray-8, .pix-dark svg path.bg-gray-8, .pix-dark svg polygon.bg-gray-8, .pix-dark svg ellipse.bg-gray-8, .pix-dark-hover:hover svg g.bg-gray-8, .pix-dark-hover:hover svg path.bg-gray-8, .pix-dark-hover:hover svg polygon.bg-gray-8, .pix-dark-hover:hover svg ellipse.bg-gray-8 {
    fill: #e9ecef !important
}

.pix-dark .bg-gray-9, .pix-dark-hover:hover .bg-gray-9 {
    background-color: #f8f9fa !important
}

.pix-dark a.bg-gray-9:hover, .pix-dark button.bg-gray-9:hover, .pix-dark-hover:hover a.bg-gray-9:hover, .pix-dark-hover:hover button.bg-gray-9:hover {
    background-color: #dae0e5 !important
}

.pix-dark svg g.bg-gray-9, .pix-dark svg path.bg-gray-9, .pix-dark svg polygon.bg-gray-9, .pix-dark svg ellipse.bg-gray-9, .pix-dark-hover:hover svg g.bg-gray-9, .pix-dark-hover:hover svg path.bg-gray-9, .pix-dark-hover:hover svg polygon.bg-gray-9, .pix-dark-hover:hover svg ellipse.bg-gray-9 {
    fill: #f8f9fa !important
}

.pix-dark .bg-white, .pix-dark-hover:hover .bg-white {
    background: #000 !important
}

.pix-dark .bg-black, .pix-dark-hover:hover .bg-black {
    background: #fff !important
}

.pix-dark .pix-post-format-btn .pix-post-format-a:hover, .pix-dark-hover:hover .pix-post-format-btn .pix-post-format-a:hover {
    background: #000 !important
}

.pix-dark .pix-post-format-btn .pix-post-format-a:hover i, .pix-dark-hover:hover .pix-post-format-btn .pix-post-format-a:hover i {
    color: #fff
}

.pix-dark .pix-post-format-btn .pix-post-format-a:hover svg:not(.pixfort-icon) path, .pix-dark-hover:hover .pix-post-format-btn .pix-post-format-a:hover svg:not(.pixfort-icon) path {
    fill: #fff
}

.pix-dark .pix-post-format-btn .pix-post-format-a.pix-post-btn-dark:hover, .pix-dark-hover:hover .pix-post-format-btn .pix-post-format-a.pix-post-btn-dark:hover {
    background: #fff !important
}

.pix-dark .pix-post-format-btn .pix-post-format-a.pix-post-btn-dark:hover i, .pix-dark-hover:hover .pix-post-format-btn .pix-post-format-a.pix-post-btn-dark:hover i {
    color: #343a40
}

.pix-dark .pix-post-format-btn .pix-post-format-a.pix-post-btn-dark:hover svg:not(.pixfort-icon) path, .pix-dark-hover:hover .pix-post-format-btn .pix-post-format-a.pix-post-btn-dark:hover svg:not(.pixfort-icon) path {
    fill: #343a40
}

.pix-dark a.bg-white:hover, .pix-dark-hover:hover a.bg-white:hover {
    background-color: #333 !important
}

.pix-dark a.bg-black:hover, .pix-dark-hover:hover a.bg-black:hover {
    background-color: white !important
}

.pix-is-dark .dropdown-item .pix-dropdown-title, .pix-is-dark .dropdown-item .pix-dropdown-title::after, .pix-is-dark .dropdown-item::after {
    color: rgba(255, 255, 255, 0.7) !important
}

.pix-is-dark .dropdown-item:hover, .pix-is-dark .dropdown-item:focus, .pix-is-dark .dropdown-item:active {
    color: white !important;
    background-color: rgba(255, 255, 255, 0.12)
}

.pix-is-dark .dropdown-item:hover .pix-dropdown-title, .pix-is-dark .dropdown-item:hover .pix-dropdown-title::after, .pix-is-dark .dropdown-item:hover::after, .pix-is-dark .dropdown-item:focus .pix-dropdown-title, .pix-is-dark .dropdown-item:focus .pix-dropdown-title::after, .pix-is-dark .dropdown-item:focus::after, .pix-is-dark .dropdown-item:active .pix-dropdown-title, .pix-is-dark .dropdown-item:active .pix-dropdown-title::after, .pix-is-dark .dropdown-item:active::after {
    color: white !important
}

.pix-is-dark .dropdown-item.pix-nav-link:hover {
    color: white !important
}

.pix-bg-image {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pix-shop-category .pix-bg-image {
    height: 100% !important
}

.pix-img-overlay {
    z-index: 2;
    position: relative;
    display: inline-block
}

.pix-sidebar {
    position: fixed;
    width: 360px;
    right: -380px;
    top: 0;
    padding: 10px;
    z-index: 99999999999;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    transform: translateZ(200px)
}

.pix-sidebar .sidebar-inner {
    background: #fff;
    border-radius: 6px;
    height: 100%;
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden
}

.pix-sidebar .sidebar-content {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateY(30px)
}

.pix-sidebar .pix-close-sidebar {
    transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-sidebar .pix-close-sidebar svg, .pix-sidebar .pix-close-sidebar i {
    font-size: 22px
}

.pix-sidebar.opened {
    right: 0;
    opacity: 1;
    pointer-events: auto
}

.pix-sidebar.opened .sidebar-content {
    transform: translateY(0px)
}

@media (max-width:992px) {
    .pix-sidebar {
        width: 100vw;
        right: -100vh
    }
}

.pix-sticky-sidebar {
    top: 120px
}

.pix-sidebar-adjust {
    z-index: 999999
}

.pix-sidebar-adjust.sticky-bottom {
    top: inherit !important;
    align-self: flex-end
}

@media screen and (min-width:992px) {
    .pix-padding-style:not(.single-post).use-clip-path #page, .pix-padding-style:not(.single-post).use-clip-path #content {
        -webkit-clip-path: inset(0px);
        clip-path: inset(0px);
        clip: rect(0px, auto, auto, 0px);
        overflow: auto;
        overflow: clip
    }

    .pix-padding-style:not(.single-post):not(.use-clip-path) {
        overflow: hidden;
        overflow: clip
    }

    .pix-padding-style:not(.single-post):not(.use-clip-path) #page, .pix-padding-style:not(.single-post):not(.use-clip-path) #content {
        -webkit-clip-path: inset(0px);
        clip-path: inset(0px);
        overflow: hidden;
        overflow: clip
    }

    .overflow-hidden-clip {
        -webkit-clip-path: inset(0);
        clip-path: inset(0);
        clip: rect(0px, auto, auto, 0px)
    }
}

@media screen and (max-width:992px) {
    .pix-padding-style:not(.single-post) #page, .pix-padding-style:not(.single-post) #content {
        overflow: hidden;
        clear: both
    }

    .elementor.elementor-location-single {
        clear: both
    }

    .overflow-hidden-clip {
        overflow: hidden
    }
}

.entry-footer {
    display: none
}

.pix-top-bar .social a:first-child {
    margin-left: 0px
}

.vc_row {
    position: relative
}

.vc_row_visible, .vc_section_visible {
    overflow: visible !important
}

.vc_element.vc_pix_map {
    display: contents !important
}

.vc_element.element-content_box {
    margin-top: 32px !important
}

.pix-contact7-form p {
    margin-bottom: 0px
}

.pix-contact7-form .ajax-loader:not(.is-active) {
    display: none
}

.site-footer2 {
    width: 100% !important;
    bottom: 0;
    overflow: hidden;
    position: relative
}

.particles-wrapper {
    position: relative;
    z-index: 2;
    width: 100%
}

.particles-container {
    width: 100vw;
    z-index: 1;
    margin-left: calc(-50vw + 50%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: inline-block;
    pointer-events: auto !important
}

.pix-particle {
    position: absolute
}

.pix-scene {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    z-index: 3;
    pointer-events: none;
    width: 100vw;
    height: 100% !important
}

.pix-scene.is-behind {
    z-index: 0
}

.pix-scene * {
    pointer-events: none
}

.pix-scene .pix-scene-particle {
    pointer-events: none;
    position: absolute !important;
    display: block;
    width: 100%;
    height: 100%
}

.pix-scene .pix-scene-particle .pix-scene-elm {
    pointer-events: none;
    content-visibility: auto;
    transition: all 0.4s cubic-bezier(0.365, 0.84, 0.44, 1);
    position: absolute
}

.pix-popup .pix-scene-elm {
    max-height: 100%
}

.jarallax-elm-slow, .jarallax-elm-slow img {
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-particles {
    position: absolute;
    width: 100%;
    height: 100%
}

@media screen and (max-width:992px) {
    .pix-particles {
        display: inline-block;
        width: 100%;
        position: relative
    }

    .pix-particle {
        right: 0 !important;
        top: 0 !important;
        width: 100% !important
    }

    .pix-scene {
        position: relative;
        display: block
    }

    .pix-hide-sm {
        display: none
    }

    .jarallax-elm {
        width: 100% !important
    }

    .pix-divider:not([data-style="style-25"]) svg {
        max-height: 180px !important
    }

    .pix-particle-sm-hide {
        display: none !important
    }
}

.inner-particles-container {
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    height: 100%;
    display: inline-block
}

.scene {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none
}

.scene .pix-scene-particle {
    pointer-events: none;
    position: absolute !important;
    display: block;
    width: 100%;
    height: 100%
}

.scene .pix-scene-particle .pix-scene-elm {
    pointer-events: none;
    transition: all 0.4s cubic-bezier(0.365, 0.84, 0.44, 1);
    position: absolute
}

.scene.scene-over {
    z-index: 10
}

.pix-scene-particle .animate-in {
    will-change: auto !important
}

.vc_row-o-equal-height .wpb_wrapper {
    height: 100%
}

.bypostauthor>.media {
    background: #fff;
    border-radius: 0.3rem;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.bypostauthor>.media:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15) !important
}

.feature_img {
    position: relative
}

p:empty {
    height: 0;
    margin: 0;
    padding: 0;
    display: none
}

@media screen and (min-width:992px) {
    .post-full-width .alignwide {
        margin-left: -100px;
        margin-right: -100px;
        max-width: 920px
    }

    .pix_tabs_btns .nav-item {
        margin-left: 5px;
        margin-right: 5px
    }
}

.bg-video::-webkit-media-controls-start-playback-button, .bg-video::-webkit-media-controls {
    display: none !important;
    pointer-events: none;
    -webkit-appearance: none
}

.pix-video-bg-element {
    max-width: 100%;
    height: auto;
    outline: none
}

.pix-svg-box-shadow svg {
    filter: drop-shadow(0px -4px 2px 5px rgba(0, 0, 0, 0.1)) !important
}

.pix-floating-meta {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-floating-meta.is-hidden {
    opacity: 0 !important
}

.pix-related-items .item-full-content {
    padding-top: 150px
}

.card-group .vc_element.vc_pix_pricing {
    flex: 1 !important
}

.elementor-editor-active .pix-topbar, .elementor-editor-active .pix-header {
    pointer-events: none;
    z-index: 1000
}

.elementor-editor-active .pix-topbar *, .elementor-editor-active .pix-header * {
    pointer-events: none;
    z-index: 1000
}

.pix-slider:not(.flickity-enabled) .flickity-viewport, .pix-slider:not(.flickity-enabled) .flickity-slider, .pix-slider:not(.flickity-enabled) .carousel-cell {
    width: 100%
}

.wpb_column.vc_column_container {
    z-index: 30
}

.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0
}

.pix-popup .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important
}

footer .vc_col-has-fill>.vc_column-inner, footer .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, footer .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, footer .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important
}

.vc_column-inner, .wpb_wrapper {
    position: relative
}

@media (max-width:768px) {
    .wpb_column.vc_column_container:not(.vc_hidden-sm):not(.vc_hidden-xs) {
        display: inline-block !important
    }

    .wp-block-media-text {
        display: inline-block !important
    }

    .wp-block-media-text .wp-block-media-text__content {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
}

.pix-particles-overflow-hidden .pix-scene-particle {
    overflow: hidden !important
}

img.pix-img-elem {
    max-width: 100% !important
}

.wp-block-audio {
    width: 100%
}

body:not(.render) .search-bar.pix-overlay-item {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0 !important
}

#wpadminbar {
    z-index: 999999
}

.pix-is-safari #wpadminbar {
    z-index: 999999999999;
    transform: translateZ(100px)
}

@media screen and (min-width:920px) {
    article:not(.post-sidebar-right):not(.post-sidebar-left) .alignfull {
        margin: 10px calc(50% - 50vw);
        max-width: 100vw;
        width: 100vw
    }

    article:not(.post-sidebar-right):not(.post-sidebar-left) .alignfull iframe {
        width: 100%
    }

    article:not(.post-sidebar-right):not(.post-sidebar-left) .alignwide {
        width: 90vw;
        margin-left: 50%;
        transform: translateX(-50%)
    }
}

@media (max-width:920px) {
    article figure, article iframe {
        max-width: 100%
    }
}

.wp-block-button, .wp-block-cover, img.aligncenter, img.alignnone {
    margin-bottom: 15px
}

.widget img.size-large {
    height: auto
}

.widget .dropdown.bootstrap-select {
    width: 100% !important
}

.widget .dropdown-menu {
    max-width: 100%
}

.widget .dropdown-menu .dropdown-item .text {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.widget.widget_pages .page_item {
    margin: 10px 0;
    font-weight: bold
}

.page-links {
    margin-top: 15px;
    font-weight: 600
}

.page-links .post-page-numbers {
    background: #fff;
    padding: 5px 10px;
    margin-left: 5px;
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important;
    color: #6c757d
}

.page-links .post-page-numbers.current {
    color: #343a40
}

.wp-block-search {
    margin-bottom: 15px
}

.wp-block-search input {
    background: #fff;
    border: 0px !important;
    outline: none;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important;
    border-radius: 4px
}

.wp-block-search button {
    font-weight: bold;
    display: inline-block;
    font-weight: 500;
    color: white !important;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0rem solid transparent;
    margin-right: 10px;
    padding: 0.5625rem 1.125rem;
    font-size: 0.875rem;
    line-height: 1.8;
    border-radius: 4px;
    transition: all 0.15s ease-in-out;
    --pix-btn-color: white;
    background-color: #02003F;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important
}

.wp-block-search button i {
    line-height: 1.8;
    position: relative
}

.wp-block-search button:before {
    border-radius: 4px
}

.wp-block-search button.btn-rounded {
    border-radius: 1.4375rem !important
}

.wp-block-search button.btn-rounded:before {
    border-radius: 1.4375rem !important
}

.wp-block-search button:hover {
    color: #6c757d;
    text-decoration: none;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.wp-block-search button:hover:hover {
    transform: translate(0, -3px) !important
}

.wp-block-search button:hover {
    color: white;
    background-color: #2097cc
}

.wp-block-search button:focus, .wp-block-search button.focus {
    background-color: #1b84b2 !important;
    color: white
}

.wp-block-search button.disabled, .wp-block-search button:disabled {
    color: #fff;
    background-color: #02003F
}

.wp-block-search button:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .wp-block-search button:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.wp-block-search button.dropdown-toggle {
    color: #fff;
    background-color: #1b84b2 !important
}

.entry-content ul, .elementor-section-wrap ul {
    list-style: initial !important
}

ul.wc_payment_methods, ul.wc_payment_methods ul {
    list-style: none !important
}

.entry-content h1, .wp-block-gallery .blocks-gallery-caption {
    width: 100%
}

.comment h3, .comment h4, .comment h5, .comment h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.comment h1, .comment h2 {
    margin-top: 20px;
    margin-bottom: 20px
}

.comment blockquote {
    font-size: 1.125rem;
    padding: 30px 0
}

.comment blockquote.has-text-align-right {
    text-align: right
}

.wp-block-pullquote {
    font-size: 1.125rem
}

.wp-calendar-table {
    margin-bottom: 0px !important
}

.wp-calendar-table caption {
    font-weight: bold
}

.wp-calendar-nav span a {
    font-weight: bold;
    text-decoration: none
}

.widget_meta ul li a {
    font-weight: bold
}

.aligncenter, .alignleft, .alignright {
    display: block;
    padding: 0
}

.aligncenter {
    float: none;
    margin: 0.5em auto 1em
}

.alignright {
    float: right;
    margin: 0.5em 0 1em 1em
}

.alignleft {
    float: left;
    margin: 0.5em 1em 1em 0
}

.wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.wp-caption {
    padding: 5px 0;
    text-align: center
}

.wp-caption img {
    display: inline
}

.wp-caption p.wp-caption-text {
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-weight: 100;
    font-style: italic;
    color: #aaa
}

.pix-scene-elm {
    pointer-events: none
}

article img {
    height: auto
}

article figure:not(.wp-block-embed-twitter):not(.wp-block-gallery) {
    display: inline-block
}

article figure:not(.wp-block-embed-twitter):not(.wp-block-gallery).aligncenter {
    display: block
}

article ul {
    list-style: initial
}

.comment .media {
    max-width: 100%;
    display: flex
}

.comment .media .media-body {
    max-width: 100%;
    overflow: auto
}

.comment img.avatar {
    min-width: 60px
}

.wp-block-separator {
    max-width: 200px
}

.wp-block-separator.is-style-wide {
    width: 100%;
    max-width: 100%
}

figure.wp-block-embed.is-type-video {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

figure.wp-block-embed.is-type-video iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.wp-block-embed.wp-embed-aspect-21-9, .wp-block-embed.wp-embed-aspect-18-9, .wp-block-embed.wp-embed-aspect-16-9, .wp-block-embed.wp-embed-aspect-4-3, .wp-block-embed.wp-embed-aspect-1-1, .wp-block-embed.wp-embed-aspect-9-16, .wp-block-embed.wp-embed-aspect-1-2 {
    position: relative
}

.wp-block-embed.wp-embed-aspect-21-9:before, .wp-block-embed.wp-embed-aspect-18-9:before, .wp-block-embed.wp-embed-aspect-16-9:before, .wp-block-embed.wp-embed-aspect-4-3:before, .wp-block-embed.wp-embed-aspect-1-1:before, .wp-block-embed.wp-embed-aspect-9-16:before, .wp-block-embed.wp-embed-aspect-1-2:before {
    display: block;
    content: "";
    padding-top: 50%
}

.wp-block-embed.wp-embed-aspect-21-9:after, .wp-block-embed.wp-embed-aspect-18-9:after, .wp-block-embed.wp-embed-aspect-16-9:after, .wp-block-embed.wp-embed-aspect-4-3:after, .wp-block-embed.wp-embed-aspect-1-1:after, .wp-block-embed.wp-embed-aspect-9-16:after, .wp-block-embed.wp-embed-aspect-1-2:after {
    display: block;
    clear: both;
    content: ""
}

.wp-block-embed.wp-embed-aspect-21-9:before {
    padding-top: 42.85%
}

.wp-block-embed.wp-embed-aspect-18-9:before {
    padding-top: 50%
}

.wp-block-embed.wp-embed-aspect-16-9:before {
    padding-top: 56.25%
}

.wp-block-embed.wp-embed-aspect-4-3:before {
    padding-top: 75%
}

.wp-block-embed.wp-embed-aspect-1-1:before {
    padding-top: 100%
}

.wp-block-embed.wp-embed-aspect-9-6:before {
    padding-top: 66.66%
}

.wp-block-embed.wp-embed-aspect-1-2:before {
    padding-top: 200%
}

.pix-main-intro .pix-sliding-headline span, .pix-post-title span, .pix-main-intro h1 span {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%
}

.widget_calendar tbody a, .wp-block-calendar tbody a {
    position: relative
}

.post-password-form {
    padding: 20px
}

.post-password-form input[type="submit"] {
    display: inline-block;
    color: #6c757d;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 0rem solid transparent;
    margin-right: 10px;
    padding: 0.5625rem 1.125rem;
    font-size: 0.875rem;
    line-height: 1.8;
    border-radius: 4px;
    transition: all 0.15s ease-in-out;
    --pix-btn-color: white;
    background-color: #02003F;
    font-weight: bold;
    padding: 0.47rem 1.5rem
}

.post-password-form input[type="submit"] i {
    line-height: 1.8;
    position: relative
}

.post-password-form input[type="submit"]:before {
    border-radius: 4px
}

.post-password-form input[type="submit"].btn-rounded {
    border-radius: 1.4375rem !important
}

.post-password-form input[type="submit"].btn-rounded:before {
    border-radius: 1.4375rem !important
}

.post-password-form input[type="submit"]:hover {
    color: #6c757d;
    text-decoration: none
}

.post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"].focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(35, 164, 221, 0.25)
}

.post-password-form input[type="submit"]:hover {
    color: white;
    background-color: #2097cc
}

.post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"].focus {
    background-color: #1b84b2 !important;
    color: white
}

.post-password-form input[type="submit"].disabled, .post-password-form input[type="submit"]:disabled {
    color: #fff;
    background-color: #02003F
}

.post-password-form input[type="submit"]:not(:disabled):not(.disabled):not(.btn-custom-bg):active, .post-password-form input[type="submit"]:not(:disabled):not(.disabled):not(.btn-custom-bg).active, .show>.post-password-form input[type="submit"].dropdown-toggle {
    color: #fff;
    background-color: #1b84b2 !important
}

.post-password-form label {
    margin-right: 5px
}

.navigation.comment-navigation {
    display: inline-block;
    width: 100%
}

.navigation.comment-navigation a {
    font-weight: bold;
    display: inline-block;
    font-weight: 500;
    color: #6c757d;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 0rem solid transparent;
    margin-right: 10px;
    padding: 0.5625rem 1.125rem;
    font-size: 0.875rem;
    line-height: 1.8;
    border-radius: 4px;
    transition: all 0.15s ease-in-out;
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important
}

.navigation.comment-navigation a i {
    line-height: 1.8;
    position: relative
}

.navigation.comment-navigation a:before {
    border-radius: 4px
}

.navigation.comment-navigation a.btn-rounded {
    border-radius: 1.4375rem !important
}

.navigation.comment-navigation a.btn-rounded:before {
    border-radius: 1.4375rem !important
}

.navigation.comment-navigation a:hover {
    color: #6c757d;
    text-decoration: none
}

.navigation.comment-navigation a i {
    position: relative;
    vertical-align: middle !important
}

.navigation.comment-navigation a:focus, .navigation.comment-navigation a.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(35, 164, 221, 0.25)
}

.navigation.comment-navigation a:hover {
    background-color: whitesmoke
}

.nav-links .nav-previous .card-title.truncate-150, .nav-links .nav-next .card-title.truncate-150 {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: -4px;
    margin-bottom: -4px
}

.wp-block-image .aligncenter, .wp-block-image.aligncenter {
    text-align: center
}

.wp-block-image .aligncenter figcaption, .wp-block-image.aligncenter figcaption {
    width: 100%;
    display: inline-block
}

.wp-caption figcaption {
    font-size: 0.9rem
}

video[poster] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.entry-header .pix-post-entry-author {
    min-width: 150px;
    display: inline-block
}

.entry-header .pix-post-entry-date {
    min-width: 100px
}

@media (max-width:400px) {
    .pix-post-meta-inner {
        row-gap: 15px;
        flex-wrap: wrap
    }
}

.pix-post-format-btn.pix-format-quote {
    pointer-events: none
}

.wpb_text_column .widget.widget_recent_comments ul, .wpb_content_element .widget.widget_recent_comments ul {
    list-style: none !important
}

.container>.row, .container-fluid>.row {
    clear: both
}

.pix-popup-content-div .pix-scene {
    overflow: hidden
}

.pix-popup-content-div .particles-container {
    pointer-events: none !important
}

.particles-container {
    pointer-events: none
}

.sticky-top {
    position: sticky
}

#masthead:not(.sticky-top):not(.is-scroll) {
    position: relative;
    top: 0
}

.elementor-sticky.elementor-sticky__spacer * {
    visibility: hidden !important
}

.pix-h-auto, .pix-video-thumbnail {
    height: auto
}

.wp-block-embed__wrapper {
    position: initial !important
}

.elementor[data-elementor-type="wp-page"] {
    position: relative;
    width: 100%
}

.elementor[data-elementor-type="wp-post"], .elementor[data-elementor-type="single-post"], .elementor[data-elementor-type="archive"] {
    clear: both;
    width: 100%
}

body:not(.pix-sections-stack) #page>.elementor.elementor[data-elementor-type="header"] {
    z-index: 3
}

body:not(.pix-sections-stack) #page>.elementor {
    position: relative;
    z-index: 2;
    clear: both
}

body .fancybox-container, body .dialog-widget.dialog-lightbox-widget.elementor-lightbox {
    z-index: 99999999999
}

a[href^=tel] {
    text-decoration: inherit
}

.pix-backface-hidden {
    backface-visibility: hidden !important
}

.pix-backface-hidden * {
    backface-visibility: hidden !important
}

@media screen and (max-width:992px) {
    .pix-padding-style {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.pix-is-safari .vc_row_visible.overflow-hidden, .pix-is-safari .vc_section_visible.overflow-hidden {
    overflow: hidden !important
}

.pix-is-safari.render .pix-header-boxed {
    z-index: 999999999
}

.elementor-social-icon {
    display: inline-flex
}

body:not(.elementor-editor-active) .elementor-widget-pix-dividers {
    pointer-events: none
}

body:not(.pix-is-safari) .jarallax>[id^=jarallax-container], body:not(.pix-is-safari) .jarallax>[id^=jarallax-container] video {
    transform: translateZ(-200px);
    backface-visibility: hidden !important;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    overflow: hidden
}

.pix-shop-category.pix-hover-item img {
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.pix-sticky-top-adjust.smart-transition {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important
}

.odometer-inside {
    white-space: nowrap
}

.pix-header-mobile .navbar-collapse {
    max-height: 70vh;
    overflow: auto
}

.pix-is-safari .elementor-inner-section {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0.1px)
}

.pix-popup {
    float: none;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overflow-x: clip;
    margin-bottom: 0;
    position: fixed;
    pointer-events: none !important
}

.pix-popup .pix-dialog-container, .pix-popup .pix-dialog-backdrop {
    opacity: 0
}

.rtl.pix-is-safari {
    overflow: hidden;
    overflow: clip
}

.pix_pricing.bg-gradient-primary, .pix_pricing .bg-gradient-primary {
    background-attachment: scroll !important
}

.pix-faq .pix-faq-icon {
    top: 2px
}

.pix-img-element {
    transform: translateZ(0px)
}

.pix-social-icons {
    line-height: 0
}

.pix-social-icons a, .pix-social-icons span {
    line-height: 100%
}

body.pix-sections-stack {
    padding: 0 !important
}

@media screen and (max-width:991px) {
    body.pix-p-5, body.pix-p-10, body.pix-p-15, body.pix-p-20, body.pix-p-25, body.pix-p-30, body.pix-p-35, body.pix-p-40, body.pix-p-45, body.pix-p-50, body.pix-sections-stack {
        padding: 0 !important
    }

    body {
        overflow: clip
    }
}

@media screen and (max-width:540px) {
    body {
        overflow: hidden
    }
}

.pix_blog_sm_avatar {
    height: 24px;
    width: 24px;
    border-radius: 100% !important
}

.pix_blog_md_avatar {
    height: 40px !important;
    width: 40px !important;
    border-radius: 100% !important
}

.pix_blog_lg_avatar {
    height: 80px;
    width: 80px;
    border-radius: 100%
}

.pix-blog-badge-box {
    min-height: 40px
}

.pix-pagination .page-numbers {
    padding: 16px 20px;
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    line-height: 14px;
    color: #6c757d;
    font-weight: 600;
    border-radius: 5px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-pagination .page-numbers i {
    font-size: 20px
}

.pix-pagination .page-numbers.current {
    background: #fff;
    color: #343a40;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important;
    cursor: default
}

.pix-pagination .page-numbers:hover {
    color: #343a40
}

.pix-portfolio-nav .portfolio_filter {
    color: #6c757d;
    font-weight: 600;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-portfolio-nav .portfolio_filter.is-checked {
    background: #fff;
    color: #343a40;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important
}

.pix-portfolio-nav .portfolio_filter:hover {
    color: #343a40
}

.pix-portfolio-nav.is-dark .portfolio_filter:not(.is-checked) {
    color: rgba(255, 255, 255, 0.7)
}

.pix-portfolio-nav.is-dark .portfolio_filter:not(.is-checked):hover {
    color: #fff
}

.pix-portfolio-footer-nav {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    padding-bottom: 60px
}

.pix-portfolio-footer-nav .pix-portfolio-like-btn {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 0
}

.pix-portfolio-footer-nav .pix-portfolio-like-btn .pixfort-likes-small {
    padding: 10px 20px 0 20px
}

.pix-portfolio-footer-nav .pix-portfolio-like-btn .pixfort-likes {
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin: 16px 10px;
    padding: 10px 20px;
    min-height: 52px;
    border-radius: 5px
}

.pix-portfolio-footer-nav .pix-portfolio-like-btn .pixfort-likes:hover {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important
}

.pix-portfolio-footer-nav .pix-portfolio-like-btn .pixfort-likes:hover {
    transform: translate(0, -3px) !important
}

.pix-portfolio-footer-nav .pix-portfolio-like-btn .pixfort-likes>span {
    position: relative;
    top: -3px
}

@media (max-width:768px) {
    .pix-portfolio-footer-nav, .post-navigation {
        padding-bottom: 0px
    }

    .pix-portfolio-footer-nav .nav-previous, .pix-portfolio-footer-nav .nav-next, .post-navigation .nav-previous, .post-navigation .nav-next {
        width: 100%;
        padding: 10px
    }

    .pix-portfolio-footer-nav .nav-previous .card, .pix-portfolio-footer-nav .nav-next .card, .post-navigation .nav-previous .card, .post-navigation .nav-next .card {
        width: 100%;
        margin: 0 !important
    }

    .pix-portfolio-footer-nav .pix-portfolio-like-btn, .post-navigation .pix-portfolio-like-btn {
        position: relative;
        left: 0;
        width: 100%;
        display: inline-block;
        padding: 10px;
        transform: translateX(0%)
    }

    .pix-portfolio-footer-nav .pix-portfolio-like-btn .pixfort-likes, .post-navigation .pix-portfolio-like-btn .pixfort-likes {
        width: 100%;
        margin: 0;
        text-align: center
    }

    .post-navigation .nav-previous .card-btn-content, .post-navigation .nav-next .card-btn-content {
        flex-grow: 1;
        text-align: center;
        max-width: 70%
    }

    .post-navigation .nav-previous .card-btn-content .card-title, .post-navigation .nav-next .card-btn-content .card-title {
        max-width: 100%;
        text-align: center !important
    }
}

.pix-banner {
    display: block;
    width: 100%;
    max-height: 1000px;
    height: auto;
    overflow: hidden;
    position: relative;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scaleY(1);
    transform-origin: top;
    z-index: 999
}

.pix-banner .pix-banner-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 1;
    z-index: 3
}

.pix-banner .pix-banner-close:hover {
    opacity: 0.6
}

.pix-banner.pix-closed {
    max-height: 0px !important;
    pointer-events: none;
    opacity: 0
}

@media screen and (max-width:991px) {
    .pix-banner .pix-banner-text, .pix-banner .pix-banner-countdown, .pix-banner .pix-banner-btn {
        width: 100%;
        margin: 10px 0px
    }
}

.site-content {
    clear: both
}

.pix-is-safari .pix-portfolio-site-content, .pix-is-safari .pix-portfolio-site-content .site-content {
    clear: initial
}

.pix-is-sticky-footer .site {
    background: #fff
}

.site-content, .pix-main-intro, .pix-portfolio-site-content, .pix-topbar {
    z-index: 2;
    position: relative
}

.single-portfolio .pix-main-intro {
    z-index: 3
}

.pix-header-mobile {
    z-index: 3;
    position: relative
}

header.pix-header-mobile {
    z-index: 4
}

.pix-topbar.pix-header-mobile {
    z-index: 5
}

.pix-header-mobile.pix-stack-mobile {
    z-index: 3
}

.pix-sticky-footer.pix-sticky-footer-style {
    width: 100% !important;
    height: auto;
    position: fixed !important;
    left: 0px !important;
    bottom: 0;
    z-index: 0;
    opacity: 0
}

.pix-footer-overlay {
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: none 0s ease 0s;
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0
}

#nprogress {
    pointer-events: none;
    transform-style: flat !important;
    z-index: 10319999999;
    overflow: hidden !important;
    backface-visibility: hidden !important;
    clear: both;
    display: inline-block;
    float: left;
    transform: none !important;
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%
}

#nprogress .bar {
    position: relative !important;
    z-index: 10319999999;
    top: 0;
    left: 0;
    background: #02003F;
    background: linear-gradient(to right, #02003F, #0378b5) !important;
    width: 100%;
    height: 4px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    opacity: 1;
    transform: rotate(3deg) translate(0px, -4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    animation: nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
    position: absolute
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.cd-nav-trigger {
    display: none
}

#pix-vertical-nav {
    position: fixed;
    right: 40px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    z-index: 99999999
}

#pix-vertical-nav li {
    text-align: right
}

#pix-vertical-nav li a {
    display: inline-block;
    backface-visibility: hidden
}

#pix-vertical-nav li a:after {
    content: "";
    display: table;
    clear: both
}

#pix-vertical-nav li a span {
    float: right;
    display: inline-block;
    transform: scale(0.7)
}

#pix-vertical-nav li a:hover span {
    transform: scale(1)
}

#pix-vertical-nav li a:hover .pix-label {
    opacity: 1
}

#pix-vertical-nav li a.is-selected .pix-dot {
    opacity: 1
}

#pix-vertical-nav .pix-dot {
    position: relative;
    top: 6px;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.5;
    transition: transform 0.2s, background-color 0.5s;
    transform-origin: 50% 50%;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important
}

#pix-vertical-nav .pix-label {
    position: relative;
    margin-right: 10px;
    padding: 0px 10px;
    background-color: #fff;
    color: var(--text-heading-default);
    border-radius: 5px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important;
    font-size: 14px;
    font-weight: 600;
    transition: transform 0.2s, opacity 0.2s;
    opacity: 0;
    transform-origin: 100% 50%
}

.pix-dark-v-nav #pix-vertical-nav .pix-dot {
    background: #000
}

@media only screen and (min-width:768px) {
    .touch .cd-nav-trigger, .touch #pix-vertical-nav {
        bottom: 40px
    }
}

.pix-photo-stack img, .pix-photo-stack .img-el {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto
}

.pix-photo-stack.pix-img-2 .img-el {
    position: relative;
    display: inline-block;
    width: 65%;
    height: auto
}

.pix-photo-stack.pix-img-2 .img-el:nth-child(1) {
    top: 0;
    left: -8%;
    float: left;
    z-index: 10
}

.pix-photo-stack.pix-img-2 .img-el:nth-child(2) {
    top: 30%;
    z-index: 9;
    right: 0;
    float: right;
    position: absolute;
    margin-right: -14%;
}
@media (max-width: 600px) {
.pix-photo-stack.pix-img-2 .img-el:nth-child(2) {
    margin-right: 0%;
}
.mobile-form-btn{
    width: 113%!important;
}
}

.pix-photo-stack.pix-img-n .img-el {
    position: relative;
    display: block;
    width: 100%;
    height: auto
}

.pix-photo-stack.pix-img-n .img-el:nth-child(1) {
    margin-top: 20%;
    left: 0;
    float: left;
    z-index: 10;
    width: 70%
}

.pix-photo-stack.pix-img-n .img-el:nth-child(2) {
    top: 60%;
    width: 55%;
    z-index: 9;
    right: 0;
    float: right;
    position: absolute
}

.pix-photo-stack.pix-img-n .img-el:nth-child(3) {
    top: 0;
    width: 40%;
    z-index: 8;
    right: 0;
    float: right;
    position: absolute
}

.pix-photo-stack.pix-img-n .img-el:nth-child(4) {
    top: 10%;
    width: 45%;
    z-index: 7;
    left: 20%;
    float: left;
    position: absolute
}

.pix-content-stack {
    width: 100%;
    position: relative;
    display: inline-block
}

.pix-content-stack .img-el {
    width: 75%;
    height: auto
}

.pix-content-stack .content-el {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: absolute;
    width: 45%;
    right: 0;
    top: 10%
}

.pix-content-stack .content-el .content-el-inner {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    min-height: 50px;
    display: inline-block;
    width: 100%
}

.pix-content-stack.pix-left-content .img-el {
    margin-left: 25%
}

.pix-content-stack.pix-left-content .content-el {
    left: 0
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .pix-content-stack .img-el {
        width: 87%
    }

    .pix-content-stack .content-el {
        width: 53.7%
    }

    .pix-content-stack.pix-left-content .img-el {
        margin-left: 13%
    }
}

@media screen and (max-width:992px) {
    .pix-content-stack .img-el {
        width: 100%;
        height: auto;
        margin-left: 0 !important
    }

    .pix-content-stack .content-el {
        position: relative;
        top: 0;
        margin-top: -100px;
        width: 100%
    }
}

.pix-popup-footer-div, .pix-popup-footer-div * {
    overflow: hidden;
    width: 0;
    height: 0;
    pointer-events: none;
    visibility: hidden
}

.pix-post-format-btn {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.pix-post-format-btn .pix-post-format-a {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    line-height: 100px;
    opacity: 0.9;
    transition: opacity 0.2s ease, transform 0.2s ease
}

.pix-post-format-btn .pix-post-format-a i, .pix-post-format-btn .pix-post-format-a svg {
    line-height: 100px;
    font-size: 40px;
    color: #6c757d;
    transition: color 0.2s ease;
    backface-visibility: hidden
}

.pix-post-format-btn .pix-post-format-a svg:not(.pixfort-icon) {
    line-height: 100px;
    width: 50px;
    height: 50px;
    vertical-align: inherit !important
}

.pix-post-format-btn .pix-post-format-a svg:not(.pixfort-icon) path {
    fill: #6c757d;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-post-format-btn .pix-post-format-a:hover {
    opacity: 1;
    background: #fff !important
}

.pix-post-format-btn .pix-post-format-a:hover i, .pix-post-format-btn .pix-post-format-a:hover svg {
    color: #343a40
}

.pix-post-format-btn .pix-post-format-a:hover svg:not(.pixfort-icon) path {
    fill: #343a40
}

.pix-event-table tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important
}

.pix-feature-list i {
    width: 1.25em
}

.jarallax {
    position: relative;
    z-index: 0
}

.jarallax>.jarallax-img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.pix-cookie-banner {
    z-index: 999999999;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pix-cookie-banner.pix-closed {
    opacity: 0;
    pointer-events: none
}

@media (max-width:768px) {
    .pix-cookie-banner {
        left: 5%;
        width: 90%;
        transform: translateX(0%)
    }

    .pix-cookie-banner .pix-cookie-inner {
        padding-right: 40px !important;
        padding-left: 50px !important;
        position: relative;
        display: inline-block
    }

    .pix-cookie-banner .pix-cookies-close {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px
    }

    .pix-cookie-banner .pix-cookie-img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 10px
    }
}

.pix-highlight-bg {
    background-image: linear-gradient(#ffd900, #ffd900);
    background-repeat: no-repeat;
    background-position: 0% 100%;
    opacity: 1;
    visibility: visible !important;
    background-size: 0% 30%;
    backface-visibility: hidden
}

.pix-highlight-bg * {
    backface-visibility: hidden
}

.pix-highlighted-items, .pix-highlight-item {
    -webkit-font-smoothing: antialiased;
    backface-visibility: hidden
}

.pix-highlight-item:not(:first-child) {
    position: relative
}

.pix-highlight-item.text-custom-gradient {
    background-attachment: scroll
}

body.render .pix-highlight-bg:not(.animated) {
    transition: background-size 1.5s ease !important
}

body.render .pix-highlight-bg.highlight-grow {
    transition: background-size 1.5s ease-in-out;
    background-size: 100% 30%
}

body.render .pix-highlight-bg.animated {
    transition: background-size 0.2s ease !important;
    background-size: 100% 30%;
    background-position: 0% 100%
}

body.render .pix-highlight-bg:hover {
    background-size: 100% 100% !important;
    background-position: 0% 100%;
    transition: background-size 0.2s ease !important
}

@media (max-width:991px) {
    .pix-main-intro .pix-main-intro-placeholder.d-block {
        display: none !important
    }

    .pix-main-intro-placeholder {
        clear: both
    }
}

.pix-bottom-line {
    border-bottom: 1px solid #eee
}

.pix-bottom-line:not(:hover), .pix-bottom-line.shadow-hover-none:hover {
    border-radius: 0px !important
}

.pix-bottom-line:hover.shadow-sm, .pix-bottom-line:hover.shadow, .pix-bottom-line:hover.shadow-lg, .pix-bottom-line:hover.shadow-hover-sm, .pix-bottom-line:hover.shadow-hover, .pix-bottom-line:hover.shadow-hover-lg, .pix-bottom-line:hover.shadow-inverse-sm, .pix-bottom-line:hover.shadow-inverse, .pix-bottom-line:hover.shadow-inverse-lg {
    border-bottom: 1px solid transparent
}

.pix-img-box img {
    min-height: 100%
}

.wpb_gmaps_widget .wpb_wrapper {
    padding: 0px
}

.pix-review-img {
    height: 70px;
    width: 70px
}

.pix-review-img img {
    height: 70px !important;
    width: 70px;
    -o-object-fit: cover;
    object-fit: cover
}

.pix-base-transition:not(.animate-in):not(.animating) {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important
}

.pix-base-transition.animate-in, .pix-base-transition.animating {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
}

.pix-base-transition.elementor-inner-section.elementor-element.animate-in, .pix-base-transition.elementor-inner-section.elementor-element.animating {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
}

.pix-runtime-canvas {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

html {
    box-sizing: border-box
}

img {
    border-style: none
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

dfn, cite, em, i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em;
    font-style: italic
}

pre {
    background: rgba(0, 0, 0, 0.03);
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.1;
    margin-bottom: 1.1em !important;
    max-width: 100%;
    overflow: auto;
    padding: 1.1em;
    border-radius: 5px
}

code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem
}

abbr, acronym {
    cursor: help
}

big {
    font-size: 125%
}

*, *:before, *:after {
    box-sizing: inherit
}

hr {
    background-color: #ccc;
    height: 1px;
    margin-bottom: 1.5em
}

ul {
    list-style: none
}

ol {
    list-style: decimal
}

li>ul, li>ol {
    margin-bottom: 0;
    margin-left: 1em
}

dt {
    font-weight: bold
}

dd {
    margin: 0 1.5em 1.5em
}

img {
    max-width: 100%
}

figure {
    margin: 1em 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.widget {
    margin: 0 0 30px;
    display: inline-block;
    width: 100%
}

.widget select {
    max-width: 100%
}

.sticky {
    display: block
}

.updated:not(.published) {
    display: none
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.wp-caption {
    margin-bottom: 1.2em;
    max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: 0 2px;
    padding-top: 0.4em
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.widget ul {
    padding-left: 0px
}