@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
}

@property --pix-bg-color {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent
}

.bg-gray-1,
.dark\:bg-gray-1:is(.pix-dark *) {
    --pix-bg-color: var(--pix-gray-1, #f8f9fa)
}

.bg-gray-2,
.dark\:bg-gray-2:is(.pix-dark *) {
    --pix-bg-color: var(--pix-gray-2, #e9ecef)
}

.bg-gray-3,
.dark\:bg-gray-3:is(.pix-dark *) {
    --pix-bg-color: var(--pix-gray-3, #dee2e6)
}

.bg-gray-4,
.dark\:bg-gray-4:is(.pix-dark *) {
    --pix-bg-color: var(--pix-gray-4, #ced4da)
}

.bg-gray-5,
.dark\:bg-gray-5:is(.pix-dark *) {
    --pix-bg-color: var(--pix-gray-5, #adb5bd)
}

.bg-gray-6,
.dark\:bg-gray-6:is(.pix-dark *) {
    --pix-bg-color: var(--pix-gray-6, #6c757d)
}

.bg-gray-7,
.dark\:bg-gray-7:is(.pix-dark *) {
    --pix-bg-color: var(--pix-gray-7, #495057)
}

.bg-gray-8,
.dark\:bg-gray-8:is(.pix-dark *) {
    --pix-bg-color: var(--pix-gray-8, #343a40)
}

.bg-gray-9,
.dark\:bg-gray-9:is(.pix-dark *) {
    --pix-bg-color: var(--pix-gray-9, #212529)
}

.bg-primary,
.dark\:bg-primary:is(.pix-dark *) {
    --pix-bg-color: var(--pix-primary, #282e3f)
}

.bg-secondary,
.dark\:bg-secondary:is(.pix-dark *) {
    --pix-bg-color: var(--pix-secondary, #282e3f)
}

.bg-green,
.dark\:bg-green:is(.pix-dark *) {
    --pix-bg-color: var(--pix-green, #4ED199)
}

.bg-cyan,
.dark\:bg-cyan:is(.pix-dark *) {
    --pix-bg-color: var(--pix-cyan, #0dd3ff)
}

.bg-yellow,
.dark\:bg-yellow:is(.pix-dark *) {
    --pix-bg-color: var(--pix-yellow, #ffc168)
}

.bg-orange,
.dark\:bg-orange:is(.pix-dark *) {
    --pix-bg-color: var(--pix-orange, #ff9900)
}

.bg-red,
.dark\:bg-red:is(.pix-dark *) {
    --pix-bg-color: var(--pix-red, #ff6c5f)
}

.bg-blue,
.dark\:bg-blue:is(.pix-dark *) {
    --pix-bg-color: var(--pix-blue, #1274E7)
}

.bg-brown,
.dark\:bg-brown:is(.pix-dark *) {
    --pix-bg-color: var(--pix-brown, #b4a996)
}

.bg-purple,
.dark\:bg-purple:is(.pix-dark *) {
    --pix-bg-color: var(--pix-purple, #4b19f7)
}

.bg-white,
.dark\:bg-white:is(.pix-dark *) {
    --pix-bg-color: var(--pix-white, #fff)
}

.bg-black,
.dark\:bg-black:is(.pix-dark *) {
    --pix-bg-color: var(--pix-black, #000)
}

[class^=bg-],
[class*=" bg-"],
[class^="dark:bg-"]:is(.pix-dark *),
[class*=" dark:bg-"]:is(.pix-dark *) {
    background-color: var(--pix-bg-color)!important
}

a[class^=bg-]:hover,
a[class*=" bg-"]:hover,
button[class^=bg-]:hover,
button[class*=" bg-"]:hover {
    background-color: color-mix(in hsl increasing hue, var(--pix-bg-color) 90%, black 20%)!important
}

svg [class^=bg-],
svg [class*=" bg-"] {
    fill: var(--pix-bg-color)!important
}

.bg-dark-opacity-05,
.dark\:bg-dark-opacity-05:is(.pix-dark *) {
    --pix-bg-color: rgba(0, 0, 0, 0.05)
}

.bg-light-opacity-05,
.dark\:bg-light-opacity-05:is(.pix-dark *) {
    --pix-bg-color: rgba(255, 255, 255, 0.05)
}

.bg-dark-opacity-0,
.dark\:bg-dark-opacity-0:is(.pix-dark *) {
    --pix-bg-color: rgba(0, 0, 0, 0)
}

.bg-light-opacity-0,
.dark\:bg-light-opacity-0:is(.pix-dark *) {
    --pix-bg-color: rgba(255, 255, 255, 0)
}

.bg-dark-opacity-1,
.dark\:bg-dark-opacity-1:is(.pix-dark *) {
    --pix-bg-color: rgba(0, 0, 0, 0.1)
}

.bg-light-opacity-1,
.dark\:bg-light-opacity-1:is(.pix-dark *) {
    --pix-bg-color: rgba(255, 255, 255, 0.1)
}

.bg-dark-opacity-2,
.dark\:bg-dark-opacity-2:is(.pix-dark *) {
    --pix-bg-color: rgba(0, 0, 0, 0.2)
}

.bg-light-opacity-2,
.dark\:bg-light-opacity-2:is(.pix-dark *) {
    --pix-bg-color: rgba(255, 255, 255, 0.2)
}

.bg-dark-opacity-3,
.dark\:bg-dark-opacity-3:is(.pix-dark *) {
    --pix-bg-color: rgba(0, 0, 0, 0.3)
}

.bg-light-opacity-3,
.dark\:bg-light-opacity-3:is(.pix-dark *) {
    --pix-bg-color: rgba(255, 255, 255, 0.3)
}

.bg-dark-opacity-4,
.dark\:bg-dark-opacity-4:is(.pix-dark *) {
    --pix-bg-color: rgba(0, 0, 0, 0.4)
}

.bg-light-opacity-4,
.dark\:bg-light-opacity-4:is(.pix-dark *) {
    --pix-bg-color: rgba(255, 255, 255, 0.4)
}

.bg-dark-opacity-5,
.dark\:bg-dark-opacity-5:is(.pix-dark *) {
    --pix-bg-color: rgba(0, 0, 0, 0.5)
}

.bg-light-opacity-5,
.dark\:bg-light-opacity-5:is(.pix-dark *) {
    --pix-bg-color: rgba(255, 255, 255, 0.5)
}

.bg-dark-opacity-6,
.dark\:bg-dark-opacity-6:is(.pix-dark *) {
    --pix-bg-color: rgba(0, 0, 0, 0.6)
}

.bg-light-opacity-6,
.dark\:bg-light-opacity-6:is(.pix-dark *) {
    --pix-bg-color: rgba(255, 255, 255, 0.6)
}

.bg-dark-opacity-7,
.dark\:bg-dark-opacity-7:is(.pix-dark *) {
    --pix-bg-color: rgba(0, 0, 0, 0.7)
}

.bg-light-opacity-7,
.dark\:bg-light-opacity-7:is(.pix-dark *) {
    --pix-bg-color: rgba(255, 255, 255, 0.7)
}

.bg-dark-opacity-8,
.dark\:bg-dark-opacity-8:is(.pix-dark *) {
    --pix-bg-color: rgba(0, 0, 0, 0.8)
}

.bg-light-opacity-8,
.dark\:bg-light-opacity-8:is(.pix-dark *) {
    --pix-bg-color: rgba(255, 255, 255, 0.8)
}

.bg-dark-opacity-9,
.dark\:bg-dark-opacity-9:is(.pix-dark *) {
    --pix-bg-color: rgba(0, 0, 0, 0.9)
}

.bg-light-opacity-9,
.dark\:bg-light-opacity-9:is(.pix-dark *) {
    --pix-bg-color: rgba(255, 255, 255, 0.9)
}

.bg-dark-opacity-10,
.dark\:bg-dark-opacity-10:is(.pix-dark *) {
    --pix-bg-color: black
}

.bg-light-opacity-10,
.dark\:bg-light-opacity-10:is(.pix-dark *) {
    --pix-bg-color: white
}

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

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

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

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

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

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

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

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

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

.bg-primary-light {
    --pix-bg-color: rgba(80, 92, 125, 0.15)
}

.bg-secondary-light {
    --pix-bg-color: rgba(80, 92, 125, 0.15)
}

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

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

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

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

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

.bg-blue-light {
    --pix-bg-color: rgba(107, 170, 244, 0.15)
}

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

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

.bg-white-light {
    --pix-bg-color: rgba(255, 255, 255, 0.15)
}

.bg-black-light {
    --pix-bg-color: rgba(51, 51, 51, 0.15)
}

.bg-gradient-primary-light {
    background: linear-gradient(to right, rgba(80, 92, 125, .15), rgba(80, 92, 125, .15))!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-gray-1 {
    color: var(--pix-gray-1)!important
}

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

.text-gray-2 {
    color: var(--pix-gray-2)!important
}

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

.text-gray-3 {
    color: var(--pix-gray-3)!important
}

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

.text-gray-4 {
    color: var(--pix-gray-4)!important
}

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

.text-gray-5 {
    color: var(--pix-gray-5)!important
}

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

.text-gray-6 {
    color: var(--pix-gray-6)!important
}

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

.text-gray-7 {
    color: var(--pix-gray-7)!important
}

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

.text-gray-8 {
    color: var(--pix-gray-8)!important
}

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

.text-gray-9 {
    color: var(--pix-gray-9)!important
}

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

.text-primary {
    color: var(--pix-primary)!important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0a0c10!important
}

.text-secondary {
    color: var(--pix-secondary)!important
}

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

.text-green {
    color: var(--pix-green)!important
}

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

.text-cyan {
    color: var(--pix-cyan)!important
}

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

.text-yellow {
    color: var(--pix-yellow)!important
}

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

.text-orange {
    color: var(--pix-orange)!important
}

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

.text-red {
    color: var(--pix-red)!important
}

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

.text-blue {
    color: var(--pix-blue)!important
}

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

.text-brown {
    color: var(--pix-brown)!important
}

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

.text-purple {
    color: var(--pix-purple)!important
}

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

.text-white {
    color: var(--pix-white)!important
}

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

.text-black {
    color: var(--pix-black)!important
}

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

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

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

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

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

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

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

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

.text-dark-opacity-0 {
    color: transparent!important
}

a.text-dark-opacity-0:hover,
a.text-dark-opacity-0:focus,
a.text-dark-opacity-0:active {
    color: transparent!important
}

a.text-dark-opacity-0.btn span:before {
    background: 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,
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-dark-opacity-1 {
    color: rgba(0, 0, 0, .1)!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-body {
    color: #212529!important
}

.text-muted {
    color: #6c757d!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 .4s cubic-bezier(.165, .84, .44, 1)
}

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

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

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

.shadow {
    box-shadow: 0 .125rem .375rem rgba(0, 0, 0, 5%), 0 .5rem 1.2rem rgba(0, 0, 0, .1)!important
}

.shadow-hover:hover {
    box-shadow: 0 .125rem .375rem rgba(0, 0, 0, 5%), 0 .625rem 1.5rem rgba(0, 0, 0, .15)!important
}

.shadow-lg {
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 5%), 0 1.5rem 2.2rem rgba(0, 0, 0, .1)!important
}

.shadow-hover-lg:hover {
    box-shadow: 0 .5rem 1.2rem rgba(0, 0, 0, .1), 0 2rem 3rem rgba(0, 0, 0, .15)!important
}

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

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

.shadow-inverse {
    box-shadow: 0 .125rem .375rem rgba(0, 0, 0, 5%), 0 .625rem 1.5rem rgba(0, 0, 0, .15)!important
}

.shadow-inverse-hover:hover {
    box-shadow: 0 .125rem .375rem rgba(0, 0, 0, 5%), 0 .5rem 1.2rem rgba(0, 0, 0, .1)!important
}

.shadow-inverse-lg {
    box-shadow: 0 .5rem 1.2rem rgba(0, 0, 0, .1), 0 2rem 3rem rgba(0, 0, 0, .15)!important
}

.shadow-inverse-hover-lg:hover {
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 5%), 0 1.5rem 2.2rem rgba(0, 0, 0, .1)!important
}

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

.scale-sm,
.scale,
.scale-lg,
.scale-inverse-sm,
.scale-inverse,
.scale-inverse-lg {
    backface-visibility: hidden;
    transition: all .4s cubic-bezier(.165, .84, .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(.95)!important
}

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

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

.fly-sm,
.fly,
.fly-lg {
    backface-visibility: hidden;
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

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

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

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

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

body {
    letter-spacing: -.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: -.01em
}

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

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

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

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

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

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

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

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

h1.font-weight-bold,
h1 .font-weight-bold,
h1:is(strong),
h1 strong,
h2.font-weight-bold,
h2 .font-weight-bold,
h2:is(strong),
h2 strong,
h3.font-weight-bold,
h3 .font-weight-bold,
h3:is(strong),
h3 strong,
h4.font-weight-bold,
h4 .font-weight-bold,
h4:is(strong),
h4 strong,
h5.font-weight-bold,
h5 .font-weight-bold,
h5:is(strong),
h5 strong,
h6.font-weight-bold,
h6 .font-weight-bold,
h6:is(strong),
h6 strong,
.h1.font-weight-bold,
.h1 .font-weight-bold,
.h1:is(strong),
.h1 strong,
.h2.font-weight-bold,
.h2 .font-weight-bold,
.h2:is(strong),
.h2 strong,
.h3.font-weight-bold,
.h3 .font-weight-bold,
.h3:is(strong),
.h3 strong,
.h4.font-weight-bold,
.h4 .font-weight-bold,
.h4:is(strong),
.h4 strong,
.h5.font-weight-bold,
.h5 .font-weight-bold,
.h5:is(strong),
.h5 strong,
.h6.font-weight-bold,
.h6 .font-weight-bold,
.h6:is(strong),
.h6 strong,
.heading-font.font-weight-bold,
.heading-font .font-weight-bold,
.heading-font:is(strong),
.heading-font strong,
.secondary-font.font-weight-bold,
.secondary-font .font-weight-bold,
.secondary-font:is(strong),
.secondary-font strong {
    font-weight: 600!important
}

.font-weight-bold h1,
.font-weight-bold h2,
.font-weight-bold h3,
.font-weight-bold h4,
.font-weight-bold h5,
.font-weight-bold h6,
.font-weight-bold .h1,
.font-weight-bold .h2,
.font-weight-bold .h3,
.font-weight-bold .h4,
.font-weight-bold .h5,
.font-weight-bold .h6,
.font-weight-bold .heading-font,
.font-weight-bold .secondary-font,
strong h1,
strong h2,
strong h3,
strong h4,
strong h5,
strong h6,
strong .h1,
strong .h2,
strong .h3,
strong .h4,
strong .h5,
strong .h6,
strong .heading-font,
strong .secondary-font {
    font-weight: 600!important
}

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

a {
    color: #333
}

a:hover {
    color: #0d0d0d;
    text-decoration: none;
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

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

.wpb_text_column ul,
.wpb_content_element ul,
.comment ul,
.product .tab-content ul,
.elementor 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:1024px) {
    h1,
    .h1 {
        font-size: 2.25rem
    }
    h2,
    .h2 {
        font-size: 1.2rem
    }
    h3,
    .h3 {
        font-size: 1.1375rem
    }
    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: .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: 50%
}

.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: .5625rem 1.125rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.8;
    color: var(--pix-body-default);
    background-color: var(--pix-base-background);
    background-clip: padding-box;
    border: 0 solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .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 rgba(0, 0, 0, .1)
}

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

.form-control:focus,
.post-password-form input[type=password]:focus {
    color: var(--pix-body-default);
    background-color: #fff;
    border-color: #5a678d;
    outline: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 .2rem rgba(40, 46, 63, .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: var(--pix-body-default);
    background-color: #fff
}

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

.col-form-label {
    padding-top: calc(.5625rem + 0rem);
    padding-bottom: calc(.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(.75rem + 0rem);
    padding-bottom: calc(.75rem + 0rem);
    font-size: 1.125rem;
    line-height: 1.5
}

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

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

.form-control-plaintext {
    padding-top: .5625rem;
    padding-bottom: .5625rem;
    line-height: 1.8;
    color: #212529;
    border-width: 0 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: .375rem .875rem;
    font-size: .75rem;
    line-height: 1.3;
    border-radius: .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: .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: .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: .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: .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: .3rem;
    margin-left: -1.25rem
}

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

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

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

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

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

.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 .5s, transform .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: .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: initial
}

.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: .75rem;
    margin-top: 6px
}

.form-check>input:first-child {
    background-color: #282e3f
}

.form-check>input:first-child::-ms-check {
    background-color: #282e3f
}

.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: #282e3f
}

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

.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: #282e3f
}

.pix-select .dropdown-menu {
    margin-top: 10px;
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 5%), 0 1.5rem 2.2rem rgba(0, 0, 0, .1)!important;
    outline: none!important;
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1)!important
}

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

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

.pix-select .dropdown-menu li a:not(.selected) {
    color: var(--pix-body-default)!important
}

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

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

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

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

.alert-primary {
    color: #1b1f2b;
    border-color: #151821;
    background: #6d717c
}

.alert-secondary {
    color: #1b1f2b;
    border-color: #151821;
    background: #6d717c
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    font-weight: 700
}

.pix-main-intro .breadcrumb {
    padding: .55rem 1rem
}

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

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

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

.form-control,
.post-password-form input[type=password] {
    background-color: var(--pix-base-background);
    border: 0 solid transparent;
    box-shadow: 0 1px 3px rgba(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: 0 solid transparent;
    background-color: var(--pix-base-background);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

input:-webkit-autofill {
    outline: none;
    border: 0 solid transparent;
    background-color: var(--pix-base-background)
}

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

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, 2%);
    border-top: 0 solid rgba(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: initial;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: 5px;
    transition: all .4s cubic-bezier(.165, .84, .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: 0
}

.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 .4s cubic-bezier(.165, .84, .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: auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.accordion:not(.accordion-card) .card {
    border: 0;
    background: 0 0!important;
    overflow: visible
}

.accordion:not(.accordion-card) .card .card-header {
    margin-bottom: 0;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    padding: 0;
    background: 0 0
}

.accordion:not(.accordion-card) .card .card-header .btn {
    margin: 0;
    padding: 10px 20px;
    width: 100%;
    background: 0 0!important
}

.accordion:not(.accordion-card) .card .card-body {
    background: 0 0
}

.accordion:not(.accordion-card) .card .collapse {
    background: 0 0
}

.accordion:not(.accordion-card) .card .card-header .btn:not(.collapsed) {
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 5%);
    transition: all .4s cubic-bezier(.165, .84, .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: 0 1px 3px rgba(0, 0, 0, .15);
    opacity: 1;
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.accordion:not(.accordion-card) .card .card-header .btn:not(.collapsed):hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 5%)
}

.accordion:not(.accordion-card) .card .card-header .btn:not(.collapsed):hover::after {
    box-shadow: 0 3px 10px rgba(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 .4s cubic-bezier(.165, .84, .44, 1)
}

.accordion-card .card {
    overflow: visible;
    border: 0
}

.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: 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0
}

.accordion-card .card .card-header .btn {
    margin: 0;
    padding: 15px 20px;
    width: 100%;
    border-radius: 0;
    text-shadow: none
}

.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(0, 0, 0)
}

.card-img-scale .card-img-top-div .card-img-top {
    transform: none;
    transition: transform .4s cubic-bezier(.165, .84, .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 .4s cubic-bezier(.165, .84, .44, 1)
}

.pix-team-card.hover-bg:hover .card-img {
    opacity: .1!important
}

.dropdown-menu {
    border-radius: 5px;
    border: 0;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 5%)
}

.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: 0 15px 20px rgba(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: .6rem 1.8rem
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: rgba(0, 0, 0, 5%)!important
}

:root {
    --pix-dynamic-gray-950: #09090B;
    --pix-dynamic-gray-900: #18181B;
    --pix-dynamic-gray-800: #27272A;
    --pix-dynamic-gray-700: #3F3F46;
    --pix-dynamic-gray-600: #52525B;
    --pix-dynamic-gray-500: #71717A;
    --pix-dynamic-gray-400: #A1A1AA;
    --pix-dynamic-gray-300: #D4D4D8;
    --pix-dynamic-gray-200: #E4E4E7;
    --pix-dynamic-gray-100: #F4F4F5;
    --pix-dynamic-gray-50: #FAFAFA;
    --pix-dynamic-background: #FFFFFF;
    --pix-dynamic-heading: #000000;
    --pix-base-background: #fff;
    --pix-dark-blur: rgba(29, 29, 31, 0.72);
    --pix-light-blur: rgba(255, 255, 255, 0.8)
}

.pix-base-background {
    background-color: var(--pix-base-background)
}

[class^=btn-dynamic-],
[class*=" btn-dynamic-"],
[class^=btn-c-],
[class*=" btn-c-"] {
    color: var(--pix-btn-color)!important
}

[class^=btn-dynamic-]:hover,
[class^=btn-dynamic-]:focus,
[class^=btn-dynamic-].focus,
[class*=" btn-dynamic-"]:hover,
[class*=" btn-dynamic-"]:focus,
[class*=" btn-dynamic-"].focus,
[class^=btn-c-]:hover,
[class^=btn-c-]:focus,
[class^=btn-c-].focus,
[class*=" btn-c-"]:hover,
[class*=" btn-c-"]:focus,
[class*=" btn-c-"].focus {
    color: color-mix(in srgb, transparent 30%, var(--pix-btn-color))
}

[class^=btn-outline-dynamic-]:hover,
[class^=btn-outline-dynamic-]:focus,
[class^=btn-outline-dynamic-].focus,
[class*=" btn-outline-dynamic-"]:hover,
[class*=" btn-outline-dynamic-"]:focus,
[class*=" btn-outline-dynamic-"].focus,
[class^=btn-outline-c-]:hover,
[class^=btn-outline-c-]:focus,
[class^=btn-outline-c-].focus,
[class*=" btn-outline-c-"]:hover,
[class*=" btn-outline-c-"]:focus,
[class*=" btn-outline-c-"].focus {
    color: var(--pix-btn-color)
}

.text-dynamic-gray-950 {
    color: var(--pix-dynamic-gray-950)!important
}

.bg-dynamic-gray-950 {
    --pix-bg-color: var(--pix-dynamic-gray-950)
}

.btn-dynamic-gray-950,
.btn-line-dynamic-gray-950,
.btn-outline-dynamic-gray-950,
.btn-underline-dynamic-gray-950,
.btn-blink-dynamic-gray-950 {
    --pix-btn-background: var(--pix-dynamic-gray-950);
    --pix-btn-line-color: var(--pix-dynamic-gray-950);
    --pix-btn-outline-color: var(--pix-dynamic-gray-950);
    --pix-btn-underline-color: var(--pix-dynamic-gray-950);
    --pix-btn-color: #eeeef1;
    --pix-btn-blink-color: var(--pix-dynamic-gray-950);
    --pix-btn-blink-color-hover: #eeeef1
}

.text-dynamic-gray-900 {
    color: var(--pix-dynamic-gray-900)!important
}

.bg-dynamic-gray-900 {
    --pix-bg-color: var(--pix-dynamic-gray-900)
}

.btn-dynamic-gray-900,
.btn-line-dynamic-gray-900,
.btn-outline-dynamic-gray-900,
.btn-underline-dynamic-gray-900,
.btn-blink-dynamic-gray-900 {
    --pix-btn-background: var(--pix-dynamic-gray-900);
    --pix-btn-line-color: var(--pix-dynamic-gray-900);
    --pix-btn-outline-color: var(--pix-dynamic-gray-900);
    --pix-btn-underline-color: var(--pix-dynamic-gray-900);
    --pix-btn-color: white;
    --pix-btn-blink-color: var(--pix-dynamic-gray-900);
    --pix-btn-blink-color-hover: white
}

.text-dynamic-gray-800 {
    color: var(--pix-dynamic-gray-800)!important
}

.bg-dynamic-gray-800 {
    --pix-bg-color: var(--pix-dynamic-gray-800)
}

.btn-dynamic-gray-800,
.btn-line-dynamic-gray-800,
.btn-outline-dynamic-gray-800,
.btn-underline-dynamic-gray-800,
.btn-blink-dynamic-gray-800 {
    --pix-btn-background: var(--pix-dynamic-gray-800);
    --pix-btn-line-color: var(--pix-dynamic-gray-800);
    --pix-btn-outline-color: var(--pix-dynamic-gray-800);
    --pix-btn-underline-color: var(--pix-dynamic-gray-800);
    --pix-btn-color: white;
    --pix-btn-blink-color: var(--pix-dynamic-gray-800);
    --pix-btn-blink-color-hover: white
}

.text-dynamic-gray-700 {
    color: var(--pix-dynamic-gray-700)!important
}

.bg-dynamic-gray-700 {
    --pix-bg-color: var(--pix-dynamic-gray-700)
}

.btn-dynamic-gray-700,
.btn-line-dynamic-gray-700,
.btn-outline-dynamic-gray-700,
.btn-underline-dynamic-gray-700,
.btn-blink-dynamic-gray-700 {
    --pix-btn-background: var(--pix-dynamic-gray-700);
    --pix-btn-line-color: var(--pix-dynamic-gray-700);
    --pix-btn-outline-color: var(--pix-dynamic-gray-700);
    --pix-btn-underline-color: var(--pix-dynamic-gray-700);
    --pix-btn-color: white;
    --pix-btn-blink-color: var(--pix-dynamic-gray-700);
    --pix-btn-blink-color-hover: white
}

.text-dynamic-gray-600 {
    color: var(--pix-dynamic-gray-600)!important
}

.bg-dynamic-gray-600 {
    --pix-bg-color: var(--pix-dynamic-gray-600)
}

.btn-dynamic-gray-600,
.btn-line-dynamic-gray-600,
.btn-outline-dynamic-gray-600,
.btn-underline-dynamic-gray-600,
.btn-blink-dynamic-gray-600 {
    --pix-btn-background: var(--pix-dynamic-gray-600);
    --pix-btn-line-color: var(--pix-dynamic-gray-600);
    --pix-btn-outline-color: var(--pix-dynamic-gray-600);
    --pix-btn-underline-color: var(--pix-dynamic-gray-600);
    --pix-btn-color: white;
    --pix-btn-blink-color: var(--pix-dynamic-gray-600);
    --pix-btn-blink-color-hover: white
}

.text-dynamic-gray-500 {
    color: var(--pix-dynamic-gray-500)!important
}

.bg-dynamic-gray-500 {
    --pix-bg-color: var(--pix-dynamic-gray-500)
}

.btn-dynamic-gray-500,
.btn-line-dynamic-gray-500,
.btn-outline-dynamic-gray-500,
.btn-underline-dynamic-gray-500,
.btn-blink-dynamic-gray-500 {
    --pix-btn-background: var(--pix-dynamic-gray-500);
    --pix-btn-line-color: var(--pix-dynamic-gray-500);
    --pix-btn-outline-color: var(--pix-dynamic-gray-500);
    --pix-btn-underline-color: var(--pix-dynamic-gray-500);
    --pix-btn-color: white;
    --pix-btn-blink-color: var(--pix-dynamic-gray-500);
    --pix-btn-blink-color-hover: white
}

.text-dynamic-gray-400 {
    color: var(--pix-dynamic-gray-400)!important
}

.bg-dynamic-gray-400 {
    --pix-bg-color: var(--pix-dynamic-gray-400)
}

.btn-dynamic-gray-400,
.btn-line-dynamic-gray-400,
.btn-outline-dynamic-gray-400,
.btn-underline-dynamic-gray-400,
.btn-blink-dynamic-gray-400 {
    --pix-btn-background: var(--pix-dynamic-gray-400);
    --pix-btn-line-color: var(--pix-dynamic-gray-400);
    --pix-btn-outline-color: var(--pix-dynamic-gray-400);
    --pix-btn-underline-color: var(--pix-dynamic-gray-400);
    --pix-btn-color: white;
    --pix-btn-blink-color: var(--pix-dynamic-gray-400);
    --pix-btn-blink-color-hover: white
}

.text-dynamic-gray-300 {
    color: var(--pix-dynamic-gray-300)!important
}

.bg-dynamic-gray-300 {
    --pix-bg-color: var(--pix-dynamic-gray-300)
}

.btn-dynamic-gray-300,
.btn-line-dynamic-gray-300,
.btn-outline-dynamic-gray-300,
.btn-underline-dynamic-gray-300,
.btn-blink-dynamic-gray-300 {
    --pix-btn-background: var(--pix-dynamic-gray-300);
    --pix-btn-line-color: var(--pix-dynamic-gray-300);
    --pix-btn-outline-color: var(--pix-dynamic-gray-300);
    --pix-btn-underline-color: var(--pix-dynamic-gray-300);
    --pix-btn-color: white;
    --pix-btn-blink-color: var(--pix-dynamic-gray-300);
    --pix-btn-blink-color-hover: white
}

.text-dynamic-gray-200 {
    color: var(--pix-dynamic-gray-200)!important
}

.bg-dynamic-gray-200 {
    --pix-bg-color: var(--pix-dynamic-gray-200)
}

.btn-dynamic-gray-200,
.btn-line-dynamic-gray-200,
.btn-outline-dynamic-gray-200,
.btn-underline-dynamic-gray-200,
.btn-blink-dynamic-gray-200 {
    --pix-btn-background: var(--pix-dynamic-gray-200);
    --pix-btn-line-color: var(--pix-dynamic-gray-200);
    --pix-btn-outline-color: var(--pix-dynamic-gray-200);
    --pix-btn-underline-color: var(--pix-dynamic-gray-200);
    --pix-btn-color: black;
    --pix-btn-blink-color: var(--pix-dynamic-gray-200);
    --pix-btn-blink-color-hover: black
}

.text-dynamic-gray-100 {
    color: var(--pix-dynamic-gray-100)!important
}

.bg-dynamic-gray-100 {
    --pix-bg-color: var(--pix-dynamic-gray-100)
}

.btn-dynamic-gray-100,
.btn-line-dynamic-gray-100,
.btn-outline-dynamic-gray-100,
.btn-underline-dynamic-gray-100,
.btn-blink-dynamic-gray-100 {
    --pix-btn-background: var(--pix-dynamic-gray-100);
    --pix-btn-line-color: var(--pix-dynamic-gray-100);
    --pix-btn-outline-color: var(--pix-dynamic-gray-100);
    --pix-btn-underline-color: var(--pix-dynamic-gray-100);
    --pix-btn-color: #0e0e10;
    --pix-btn-blink-color: var(--pix-dynamic-gray-100);
    --pix-btn-blink-color-hover: #0e0e10
}

.text-dynamic-gray-50 {
    color: var(--pix-dynamic-gray-50)!important
}

.bg-dynamic-gray-50 {
    --pix-bg-color: var(--pix-dynamic-gray-50)
}

.btn-dynamic-gray-50,
.btn-line-dynamic-gray-50,
.btn-outline-dynamic-gray-50,
.btn-underline-dynamic-gray-50,
.btn-blink-dynamic-gray-50 {
    --pix-btn-background: var(--pix-dynamic-gray-50);
    --pix-btn-line-color: var(--pix-dynamic-gray-50);
    --pix-btn-outline-color: var(--pix-dynamic-gray-50);
    --pix-btn-underline-color: var(--pix-dynamic-gray-50);
    --pix-btn-color: #151515;
    --pix-btn-blink-color: var(--pix-dynamic-gray-50);
    --pix-btn-blink-color-hover: #151515
}

.text-dynamic-background {
    color: var(--pix-dynamic-background)!important
}

.bg-dynamic-background {
    --pix-bg-color: var(--pix-dynamic-background)
}

.btn-dynamic-background,
.btn-line-dynamic-background,
.btn-outline-dynamic-background,
.btn-underline-dynamic-background,
.btn-blink-dynamic-background {
    --pix-btn-background: var(--pix-dynamic-background);
    --pix-btn-line-color: var(--pix-dynamic-background);
    --pix-btn-outline-color: var(--pix-dynamic-background);
    --pix-btn-underline-color: var(--pix-dynamic-background);
    --pix-btn-color: #1a1a1a;
    --pix-btn-blink-color: var(--pix-dynamic-background);
    --pix-btn-blink-color-hover: #1a1a1a
}

.text-dynamic-heading {
    color: var(--pix-dynamic-heading)!important
}

.bg-dynamic-heading {
    --pix-bg-color: var(--pix-dynamic-heading)
}

.btn-dynamic-heading,
.btn-line-dynamic-heading,
.btn-outline-dynamic-heading,
.btn-underline-dynamic-heading,
.btn-blink-dynamic-heading {
    --pix-btn-background: var(--pix-dynamic-heading);
    --pix-btn-line-color: var(--pix-dynamic-heading);
    --pix-btn-outline-color: var(--pix-dynamic-heading);
    --pix-btn-underline-color: var(--pix-dynamic-heading);
    --pix-btn-color: #e6e6e6;
    --pix-btn-blink-color: var(--pix-dynamic-heading);
    --pix-btn-blink-color-hover: #e6e6e6
}

.btn-blink-gradient-primary {
    color: #282e3f;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: linear-gradient(to right, #282e3f, #282e3f)fixed;
    --pix-btn-blink-color: linear-gradient(to right, #282e3f, #282e3f) fixed;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-gradient-primary * {
    transition: all .4s cubic-bezier(.165, .84, .44, 1);
    background: linear-gradient(to right, #282e3f, #282e3f)fixed;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.btn-blink-gradient-primary:before {
    background: linear-gradient(to right, #282e3f, #282e3f)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, #282e3f, #282e3f)fixed
}

.btn-blink-gradient-primary:active,
.btn-blink-gradient-primary.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 .4s cubic-bezier(.165, .84, .44, 1);
    background: linear-gradient(to right, #282e3f, #4ed199, #282e3f);
    -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, #282e3f, #4ed199, #282e3f)!important;
    transform: scaleX(0);
    transition: transform .2s;
    transform-origin: right center;
    z-index: -1;
    box-sizing: border-box;
    display: block
}

.btn-underline-gradient-primary:hover {
    opacity: .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, #000001, #269364, #000001)fixed
}

.btn-underline-gradient-primary:focus *,
.btn-underline-gradient-primary:active * {
    transition: all .4s cubic-bezier(.165, .84, .44, 1);
    background: linear-gradient(to right, #000001, #269364, #000001)fixed;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.btn-line-gradient-primary {
    color: linear-gradient(to right, #282e3f, #4ed199, #282e3f)fixed;
    background-clip: padding-box;
    border: solid 2px transparent;
    position: relative
}

.btn-line-gradient-primary * {
    transition: all .4s cubic-bezier(.165, .84, .44, 1);
    background: linear-gradient(to right, #282e3f, #4ed199, #282e3f)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, #282e3f, #4ed199, #282e3f)fixed
}

.btn-line-gradient-primary:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 2px rgba(40, 46, 63, .5)inset
}

.btn-line-gradient-primary:hover {
    color: #282e3f;
    background-color: initial;
    opacity: .75
}

.btn-line-gradient-primary:focus,
.btn-line-gradient-primary:active {
    color: #282e3f;
    background-color: initial;
    opacity: .75;
    border-color: #282e3f;
    box-shadow: 0 0 0 2px rgba(40, 46, 63, .5)inset!important
}

.btn-line-gradient-primary.disabled,
.btn-line-gradient-primary:disabled {
    color: #282e3f;
    background-color: initial
}

.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: #282e3f;
    border-color: #282e3f
}

.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, .125), 0 0 0 .2rem rgba(40, 46, 63, .5)
}

.text-gradient-primary {
    background-color: #282e3f;
    background-image: -webkit-gradient(linear-gradient(to right, #282e3f, #282e3f))!important;
    background-image: linear-gradient(to right, #282e3f, #282e3f)!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 .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, #282e3f, #282e3f))!important;
    background-image: linear-gradient(to right, #282e3f, #282e3f)!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, #282e3f, #282e3f)!important;
    background-repeat: repeat-y
}

.bg-gradient-primary.pix-bg-attachment-scroll {
    background-attachment: scroll!important
}

svg .bg-gradient-primary {
    fill: url(#svg-gradient-primary)
}

svg .bg-gradient-primary-light {
    fill: url(#svg-gradient-primary-light)
}

.svg-gradient-stop-1 {
    stop-color: rgba(80, 92, 125, .15)
}

.svg-gradient-stop-3 {
    stop-color: rgba(80, 92, 125, .15)
}

.bg-gradient-primary-hover {
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.bg-gradient-primary-hover:hover {
    background-image: linear-gradient(to right, #282e3f, #282e3f)!important
}

.pix-bg-attachment-scroll {
    background-attachment: scroll!important
}

.bg-gradient-primary-hover:hover {
    transition: all .4s cubic-bezier(.165, .84, .44, 1);
    background: linear-gradient(to right, #282e3f, #282e3f)fixed!important
}

.btn-gradient-primary {
    transition: all .4s cubic-bezier(.165, .84, .44, 1);
    background: linear-gradient(to right, #282e3f, #282e3f)!important
}

.btn-gradient-primary:hover {
    opacity: .7
}

::-moz-selection {
    background: rgba(40, 46, 63, .5);
    color: #fff
}

::selection {
    background: rgba(40, 46, 63, .5);
    color: #fff
}

::-moz-selection {
    background: rgba(40, 46, 63, .5);
    color: #fff
}

.bg-gradient-dark {
    background: linear-gradient(to right, #111, #333)!important
}

.bg-dynamic-blur:before,
.bg-dark-blur:before,
.bg-light-blur:before {
    content: ""!important;
    transition: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: rgba(29, 29, 31, .72)!important;
    height: 100%;
    border-radius: inherit;
    z-index: -1
}

.bg-light-blur:not(.temp-hide):before,
.bg-dynamic-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: 0 0!important;
    -webkit-backdrop-filter: initial!important;
    backdrop-filter: initial!important
}

.bg-dark-blur:before {
    background: rgba(29, 29, 31, .72)!important
}

.bg-light-blur:before {
    background: rgba(255, 255, 255, .8)!important
}

.bg-dynamic-blur:before {
    background: var(--pix-dynamic-blur)!important
}

.elementor-element.bg-dynamic-blur:before,
.elementor-element.bg-dark-blur:before,
.elementor-element.bg-light-blur:before {
    z-index: 0
}

.header-scroll {
    padding: 20px;
    transition: all .6s cubic-bezier(.165, .84, .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:1024px) {
    .pix-nav-btns {
        width: 100%;
        display: inline-block;
        margin: 0;
        float: right;
        padding: 0;
        text-align: right;
        position: relative
    }
    .pix-nav-btns li {
        display: inline-block!important
    }
    .pix-header-line {
        border-left: 0 solid rgba(0, 0, 0, 3%)!important;
        border-top: 2px solid rgba(0, 0, 0, 3%)!important
    }
    .navbar-nav.nav-style-megamenu .d-lg-flex {
        display: block!important
    }
}

@media(min-width:1025px) {
    .d-lg-flex {
        display: flex!important
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .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: 0;
        padding-right: 10px
    }
}

.submenu-box,
.submenu-box * {
    backface-visibility: hidden!important;
    -webkit-backface-visibility: hidden!important
}

.btn {
    display: inline-block;
    font-weight: 500;
    color: var(--pix-body-color);
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: initial;
    border: 0 solid transparent;
    margin-right: 10px;
    padding: .5625rem 1.125rem;
    font-size: .875rem;
    line-height: 1.8;
    border-radius: 4px;
    transition: all .15s ease-in-out;
    line-break: normal
}

.btn:before {
    border-radius: 4px
}

.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: .9;
    background-color: initial
}

.btn.disabled,
.btn:disabled {
    opacity: .65;
    box-shadow: none
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn.btn-rounded {
    border-radius: 9999px!important
}

.btn.btn-rounded:before {
    border-radius: 9999px!important
}

.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, .2)
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

[class^=btn-dynamic-],
[class*=" btn-dynamic-"],
[class^=btn-c-],
[class*=" btn-c-"],
.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;
    background-color: var(--pix-btn-background)
}

[class^=btn-dynamic-]:hover,
[class*=" btn-dynamic-"]:hover,
[class^=btn-c-]:hover,
[class*=" btn-c-"]:hover,
.btn-gray-1:hover,
.btn-gray-2:hover,
.btn-gray-3:hover,
.btn-gray-4:hover,
.btn-gray-5:hover,
.btn-gray-6:hover,
.btn-gray-7:hover,
.btn-gray-8:hover,
.btn-gray-9:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-green:hover,
.btn-cyan:hover,
.btn-yellow:hover,
.btn-orange:hover,
.btn-red:hover,
.btn-blue:hover,
.btn-brown:hover,
.btn-purple:hover,
.btn-white:hover,
.btn-black:hover,
.btn-primary-light:hover,
.btn-secondary-light:hover,
[class^=btn-dynamic-]:focus,
[class*=" btn-dynamic-"]:focus,
[class^=btn-c-]:focus,
[class*=" btn-c-"]:focus,
.btn-gray-1:focus,
.btn-gray-2:focus,
.btn-gray-3:focus,
.btn-gray-4:focus,
.btn-gray-5:focus,
.btn-gray-6:focus,
.btn-gray-7:focus,
.btn-gray-8:focus,
.btn-gray-9:focus,
.btn-primary:focus,
.btn-secondary:focus,
.btn-green:focus,
.btn-cyan:focus,
.btn-yellow:focus,
.btn-orange:focus,
.btn-red:focus,
.btn-blue:focus,
.btn-brown:focus,
.btn-purple:focus,
.btn-white:focus,
.btn-black:focus,
.btn-primary-light:focus,
.btn-secondary-light:focus,
.focus[class^=btn-dynamic-],
.focus[class*=" btn-dynamic-"],
.focus[class^=btn-c-],
.focus[class*=" btn-c-"],
.focus.btn-gray-1,
.focus.btn-gray-2,
.focus.btn-gray-3,
.focus.btn-gray-4,
.focus.btn-gray-5,
.focus.btn-gray-6,
.focus.btn-gray-7,
.focus.btn-gray-8,
.focus.btn-gray-9,
.focus.btn-primary,
.focus.btn-secondary,
.focus.btn-green,
.focus.btn-cyan,
.focus.btn-yellow,
.focus.btn-orange,
.focus.btn-red,
.focus.btn-blue,
.focus.btn-brown,
.focus.btn-purple,
.focus.btn-white,
.focus.btn-black,
.focus.btn-primary-light,
.focus.btn-secondary-light {
    background-color: color-mix(in hsl increasing hue, var(--pix-btn-background) 90%, black 5%)
}

.btn-gray-1 {
    --pix-btn-color: #262d35;
    --pix-btn-background: #f8f9fa
}

.btn-gray-1:hover {
    background-color: #eceff2
}

.btn-gray-1:hover,
.btn-gray-1:focus,
.btn-gray-1.focus {
    --pix-btn-background: #dae0e5;
    color: #1d2329
}

.btn-gray-1:not(.btn-custom-bg):active,
.btn-gray-1:not(.btn-custom-bg).active,
.show>.btn-gray-1.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5!important
}

.btn-gray-2 {
    --pix-btn-color: #1b2025;
    --pix-btn-background: #e9ecef
}

.btn-gray-2:hover {
    background-color: #dde2e6
}

.btn-gray-2:hover,
.btn-gray-2:focus,
.btn-gray-2.focus {
    --pix-btn-background: #cbd3da;
    color: #121619
}

.btn-gray-2:not(.btn-custom-bg):active,
.btn-gray-2:not(.btn-custom-bg).active,
.show>.btn-gray-2.dropdown-toggle {
    color: #fff;
    background-color: #cbd3da!important
}

.btn-gray-3 {
    --pix-btn-color: #131619;
    --pix-btn-background: #dee2e6
}

.btn-gray-3:hover {
    background-color: #d2d8dd
}

.btn-gray-3:hover,
.btn-gray-3:focus,
.btn-gray-3.focus {
    --pix-btn-background: #c1c9d0;
    color: #fff
}

.btn-gray-3:not(.btn-custom-bg):active,
.btn-gray-3:not(.btn-custom-bg).active,
.show>.btn-gray-3.dropdown-toggle {
    color: #fff;
    background-color: #c1c9d0!important
}

.btn-gray-4 {
    --pix-btn-color: white;
    --pix-btn-background: #ced4da
}

.btn-gray-4:hover {
    background-color: #c2cad1
}

.btn-gray-4:hover,
.btn-gray-4:focus,
.btn-gray-4.focus {
    --pix-btn-background: #b1bbc4;
    color: #fff
}

.btn-gray-4:not(.btn-custom-bg):active,
.btn-gray-4:not(.btn-custom-bg).active,
.show>.btn-gray-4.dropdown-toggle {
    color: #fff;
    background-color: #b1bbc4!important
}

.btn-gray-5 {
    --pix-btn-color: white;
    --pix-btn-background: #adb5bd
}

.btn-gray-5:hover {
    background-color: #a2abb4
}

.btn-gray-5:hover,
.btn-gray-5:focus,
.btn-gray-5.focus {
    --pix-btn-background: #919ca6;
    color: #fff
}

.btn-gray-5:not(.btn-custom-bg):active,
.btn-gray-5:not(.btn-custom-bg).active,
.show>.btn-gray-5.dropdown-toggle {
    color: #fff;
    background-color: #919ca6!important
}

.btn-gray-6 {
    --pix-btn-color: white;
    --pix-btn-background: #6c757d
}

.btn-gray-6:hover {
    background-color: #636b72
}

.btn-gray-6:hover,
.btn-gray-6:focus,
.btn-gray-6.focus {
    --pix-btn-background: #545b62;
    color: #fff
}

.btn-gray-6:not(.btn-custom-bg):active,
.btn-gray-6:not(.btn-custom-bg).active,
.show>.btn-gray-6.dropdown-toggle {
    color: #fff;
    background-color: #545b62!important
}

.btn-gray-7 {
    --pix-btn-color: white;
    --pix-btn-background: #495057
}

.btn-gray-7:hover {
    background-color: #40464c
}

.btn-gray-7:hover,
.btn-gray-7:focus,
.btn-gray-7.focus {
    --pix-btn-background: #32373b;
    color: #fff
}

.btn-gray-7:not(.btn-custom-bg):active,
.btn-gray-7:not(.btn-custom-bg).active,
.show>.btn-gray-7.dropdown-toggle {
    color: #fff;
    background-color: #32373b!important
}

.btn-gray-8 {
    --pix-btn-color: white;
    --pix-btn-background: #343a40
}

.btn-gray-8:hover {
    background-color: #2b3035
}

.btn-gray-8:hover,
.btn-gray-8:focus,
.btn-gray-8.focus {
    --pix-btn-background: #1d2124;
    color: #fbfcfc
}

.btn-gray-8:not(.btn-custom-bg):active,
.btn-gray-8:not(.btn-custom-bg).active,
.show>.btn-gray-8.dropdown-toggle {
    color: #fff;
    background-color: #1d2124!important
}

.btn-gray-9 {
    --pix-btn-color: #eff1f3;
    --pix-btn-background: #212529
}

.btn-gray-9:hover {
    background-color: #181b1e
}

.btn-gray-9:hover,
.btn-gray-9:focus,
.btn-gray-9.focus {
    --pix-btn-background: #0a0c0d;
    color: #e4e7e9
}

.btn-gray-9:not(.btn-custom-bg):active,
.btn-gray-9:not(.btn-custom-bg).active,
.show>.btn-gray-9.dropdown-toggle {
    color: #fff;
    background-color: #0a0c0d!important
}

.btn-primary {
    --pix-btn-color: white;
    --pix-btn-background: #282e3f
}

.btn-primary:hover {
    background-color: #202533
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    --pix-btn-background: #141720;
    color: #f3f4f7
}

.btn-primary:not(.btn-custom-bg):active,
.btn-primary:not(.btn-custom-bg).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #141720!important
}

.btn-secondary {
    --pix-btn-color: white;
    --pix-btn-background: #282e3f
}

.btn-secondary:hover {
    background-color: #202533
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus {
    --pix-btn-background: #141720;
    color: #f3f4f7
}

.btn-secondary:not(.btn-custom-bg):active,
.btn-secondary:not(.btn-custom-bg).active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #141720!important
}

.btn-green {
    --pix-btn-color: white;
    --pix-btn-background: #4ED199
}

.btn-green:hover {
    background-color: #3ecd90
}

.btn-green:hover,
.btn-green:focus,
.btn-green.focus {
    --pix-btn-background: #31bb80;
    color: #fff
}

.btn-green:not(.btn-custom-bg):active,
.btn-green:not(.btn-custom-bg).active,
.show>.btn-green.dropdown-toggle {
    color: #fff;
    background-color: #31bb80!important
}

.btn-cyan {
    --pix-btn-color: white;
    --pix-btn-background: #0dd3ff
}

.btn-cyan:hover {
    background-color: #00cbf8
}

.btn-cyan:hover,
.btn-cyan:focus,
.btn-cyan.focus {
    --pix-btn-background: #00b2d9;
    color: #fff
}

.btn-cyan:not(.btn-custom-bg):active,
.btn-cyan:not(.btn-custom-bg).active,
.show>.btn-cyan.dropdown-toggle {
    color: #fff;
    background-color: #00b2d9!important
}

.btn-yellow {
    --pix-btn-color: white;
    --pix-btn-background: #ffc168
}

.btn-yellow:hover {
    background-color: #ffb954
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow.focus {
    --pix-btn-background: #ffac35;
    color: #fff
}

.btn-yellow:not(.btn-custom-bg):active,
.btn-yellow:not(.btn-custom-bg).active,
.show>.btn-yellow.dropdown-toggle {
    color: #fff;
    background-color: #ffac35!important
}

.btn-orange {
    --pix-btn-color: white;
    --pix-btn-background: #ff9900
}

.btn-orange:hover {
    background-color: #eb8d00
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus {
    --pix-btn-background: #cc7a00;
    color: #fff
}

.btn-orange:not(.btn-custom-bg):active,
.btn-orange:not(.btn-custom-bg).active,
.show>.btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #cc7a00!important
}

.btn-red {
    --pix-btn-color: white;
    --pix-btn-background: #ff6c5f
}

.btn-red:hover {
    background-color: #ff594b
}

.btn-red:hover,
.btn-red:focus,
.btn-red.focus {
    --pix-btn-background: #ff3d2c;
    color: #fff
}

.btn-red:not(.btn-custom-bg):active,
.btn-red:not(.btn-custom-bg).active,
.show>.btn-red.dropdown-toggle {
    color: #fff;
    background-color: #ff3d2c!important
}

.btn-blue {
    --pix-btn-color: white;
    --pix-btn-background: #1274E7
}

.btn-blue:hover {
    background-color: #116ad4
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus {
    --pix-btn-background: #0e5cb8;
    color: #fff
}

.btn-blue:not(.btn-custom-bg):active,
.btn-blue:not(.btn-custom-bg).active,
.show>.btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #0e5cb8!important
}

.btn-brown {
    --pix-btn-color: white;
    --pix-btn-background: #b4a996
}

.btn-brown:hover {
    background-color: #ac9f8a
}

.btn-brown:hover,
.btn-brown:focus,
.btn-brown.focus {
    --pix-btn-background: #9f9178;
    color: #fff
}

.btn-brown:not(.btn-custom-bg):active,
.btn-brown:not(.btn-custom-bg).active,
.show>.btn-brown.dropdown-toggle {
    color: #fff;
    background-color: #9f9178!important
}

.btn-purple {
    --pix-btn-color: white;
    --pix-btn-background: #4b19f7
}

.btn-purple:hover {
    background-color: #3d08f3
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple.focus {
    --pix-btn-background: #3607d6;
    color: #fff
}

.btn-purple:not(.btn-custom-bg):active,
.btn-purple:not(.btn-custom-bg).active,
.show>.btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #3607d6!important
}

.btn-white {
    --pix-btn-color: #333;
    --pix-btn-background: #fff
}

.btn-white:hover {
    background-color: #f5f5f5
}

.btn-white:hover,
.btn-white:focus,
.btn-white.focus {
    --pix-btn-background: #e6e6e6;
    color: #292929
}

.btn-white:not(.btn-custom-bg):active,
.btn-white:not(.btn-custom-bg).active,
.show>.btn-white.dropdown-toggle {
    color: #212529;
    background-color: #e6e6e6!important
}

.btn-black {
    --pix-btn-color: #ccc;
    --pix-btn-background: #000
}

.btn-black:hover {
    background-color: #000
}

.btn-black:hover,
.btn-black:focus,
.btn-black.focus {
    --pix-btn-background: black;
    color: #ccc
}

.btn-black:not(.btn-custom-bg):active,
.btn-black:not(.btn-custom-bg).active,
.show>.btn-black.dropdown-toggle {
    color: #fff;
    background-color: #000!important
}

.btn-primary-light {
    --pix-btn-color: #282e3f;
    --pix-btn-background: rgba(80, 92, 125, 0.15)
}

.btn-primary-light:hover {
    background-color: #485271
}

.btn-primary-light:hover,
.btn-primary-light:focus,
.btn-primary-light.focus {
    --pix-btn-background: #3c455e;
    color: #141720
}

.btn-primary-light:not(.btn-custom-bg):active,
.btn-primary-light:not(.btn-custom-bg).active,
.show>.btn-primary-light.dropdown-toggle {
    color: #fff;
    background-color: #3c455e!important
}

.btn-secondary-light {
    --pix-btn-color: #282e3f;
    --pix-btn-background: rgba(80, 92, 125, 0.15)
}

.btn-secondary-light:hover {
    background-color: #485271
}

.btn-secondary-light:hover,
.btn-secondary-light:focus,
.btn-secondary-light.focus {
    --pix-btn-background: #3c455e;
    color: #141720
}

.btn-secondary-light:not(.btn-custom-bg):active,
.btn-secondary-light:not(.btn-custom-bg).active,
.show>.btn-secondary-light.dropdown-toggle {
    color: #fff;
    background-color: #3c455e!important
}

.btn-outline-gray-1 {
    --pix-btn-outline-color: #f8f9fa
}

.btn-outline-gray-1:hover {
    color: #212529
}

.btn-outline-gray-2 {
    --pix-btn-outline-color: #e9ecef
}

.btn-outline-gray-2:hover {
    color: #212529
}

.btn-outline-gray-3 {
    --pix-btn-outline-color: #dee2e6
}

.btn-outline-gray-3:hover {
    color: #212529
}

.btn-outline-gray-4 {
    --pix-btn-outline-color: #ced4da
}

.btn-outline-gray-4:hover {
    color: #fff
}

.btn-outline-gray-5 {
    --pix-btn-outline-color: #adb5bd
}

.btn-outline-gray-5:hover {
    color: #fff
}

.btn-outline-gray-6 {
    --pix-btn-outline-color: #6c757d
}

.btn-outline-gray-6:hover {
    color: #fff
}

.btn-outline-gray-7 {
    --pix-btn-outline-color: #495057
}

.btn-outline-gray-7:hover {
    color: #fff
}

.btn-outline-gray-8 {
    --pix-btn-outline-color: #343a40
}

.btn-outline-gray-8:hover {
    color: #fff
}

.btn-outline-gray-9 {
    --pix-btn-outline-color: #212529
}

.btn-outline-gray-9:hover {
    color: #fff
}

.btn-outline-primary {
    --pix-btn-outline-color: #282e3f
}

.btn-outline-primary:hover {
    color: #fff
}

.btn-outline-secondary {
    --pix-btn-outline-color: #282e3f
}

.btn-outline-secondary:hover {
    color: #fff
}

.btn-outline-green {
    --pix-btn-outline-color: #4ED199
}

.btn-outline-green:hover {
    color: #fff
}

.btn-outline-cyan {
    --pix-btn-outline-color: #0dd3ff
}

.btn-outline-cyan:hover {
    color: #fff
}

.btn-outline-yellow {
    --pix-btn-outline-color: #ffc168
}

.btn-outline-yellow:hover {
    color: #fff
}

.btn-outline-orange {
    --pix-btn-outline-color: #ff9900
}

.btn-outline-orange:hover {
    color: #fff
}

.btn-outline-red {
    --pix-btn-outline-color: #ff6c5f
}

.btn-outline-red:hover {
    color: #fff
}

.btn-outline-blue {
    --pix-btn-outline-color: #1274E7
}

.btn-outline-blue:hover {
    color: #fff
}

.btn-outline-brown {
    --pix-btn-outline-color: #b4a996
}

.btn-outline-brown:hover {
    color: #fff
}

.btn-outline-purple {
    --pix-btn-outline-color: #4b19f7
}

.btn-outline-purple:hover {
    color: #fff
}

.btn-outline-white {
    --pix-btn-outline-color: #fff
}

.btn-outline-white:hover {
    color: #212529
}

.btn-outline-black {
    --pix-btn-outline-color: #000
}

.btn-outline-black:hover {
    color: #fff
}

.btn-outline-primary-light {
    --pix-btn-outline-color: #505c7d
}

.btn-outline-primary-light:hover {
    color: #fff
}

.btn-outline-secondary-light {
    --pix-btn-outline-color: #505c7d
}

.btn-outline-secondary-light:hover {
    color: #fff
}

[class^=btn-outline-],
[class*=" btn-outline-"] {
    color: var(--pix-btn-outline-color, #282e3f);
    box-shadow: 0 0 0 2px var(--pix-btn-outline-color, #282e3f)inset!important
}

[class^=btn-outline-]:hover,
[class*=" btn-outline-"]:hover {
    background-color: var(--pix-btn-outline-color, #282e3f)
}

[class^=btn-outline-]:focus,
[class^=btn-outline-].focus,
[class*=" btn-outline-"]:focus,
[class*=" btn-outline-"].focus {
    box-shadow: 0 0 0 2px var(--pix-btn-outline-color, #282e3f)inset, 0 0 0 .2rem color-mix(in hsl increasing hue, var(--pix-btn-outline-color) 50%, transparent)!important
}

[class^=btn-outline-].disabled,
[class^=btn-outline-]:disabled,
[class*=" btn-outline-"].disabled,
[class*=" btn-outline-"]:disabled {
    color: var(--pix-btn-outline-color, #282e3f);
    background-color: initial
}

.btn-line-gray-1 {
    --pix-btn-line-color: #f8f9fa
}

.btn-line-gray-2 {
    --pix-btn-line-color: #e9ecef
}

.btn-line-gray-3 {
    --pix-btn-line-color: #dee2e6
}

.btn-line-gray-4 {
    --pix-btn-line-color: #ced4da
}

.btn-line-gray-5 {
    --pix-btn-line-color: #adb5bd
}

.btn-line-gray-6 {
    --pix-btn-line-color: #6c757d
}

.btn-line-gray-7 {
    --pix-btn-line-color: #495057
}

.btn-line-gray-8 {
    --pix-btn-line-color: #343a40
}

.btn-line-gray-9 {
    --pix-btn-line-color: #212529
}

.btn-line-primary {
    --pix-btn-line-color: #282e3f
}

.btn-line-secondary {
    --pix-btn-line-color: #282e3f
}

.btn-line-green {
    --pix-btn-line-color: #4ED199
}

.btn-line-cyan {
    --pix-btn-line-color: #0dd3ff
}

.btn-line-yellow {
    --pix-btn-line-color: #ffc168
}

.btn-line-orange {
    --pix-btn-line-color: #ff9900
}

.btn-line-red {
    --pix-btn-line-color: #ff6c5f
}

.btn-line-blue {
    --pix-btn-line-color: #1274E7
}

.btn-line-brown {
    --pix-btn-line-color: #b4a996
}

.btn-line-purple {
    --pix-btn-line-color: #4b19f7
}

.btn-line-white {
    --pix-btn-line-color: #fff
}

.btn-line-black {
    --pix-btn-line-color: #000
}

.btn-line-primary-light {
    --pix-btn-line-color: #505c7d
}

.btn-line-secondary-light {
    --pix-btn-line-color: #505c7d
}

[class^=btn-line-],
[class*=" btn-line-"] {
    color: var(--pix-btn-line-color, #282e3f);
    border-color: var(--pix-btn-line-color, #282e3f);
    position: relative
}

[class^=btn-line-]:before,
[class*=" btn-line-"]:before {
    content: " ";
    box-shadow: 0 0 0 2px color-mix(in hsl increasing hue, var(--pix-btn-line-color, #282e3f) 50%, transparent)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, #282e3f);
    background-color: initial;
    opacity: .75
}

[class^=btn-line-]:focus,
[class^=btn-line-]:active,
[class*=" btn-line-"]:focus,
[class*=" btn-line-"]:active {
    color: var(--pix-btn-line-color, #282e3f);
    border-color: var(--pix-btn-line-color, #282e3f);
    background-color: initial;
    opacity: .75
}

[class^=btn-line-].disabled,
[class^=btn-line-]:disabled,
[class*=" btn-line-"].disabled,
[class*=" btn-line-"]:disabled {
    color: var(--pix-btn-line-color, #282e3f);
    background-color: initial
}

.btn-underline-gray-1 {
    --pix-btn-underline-color: #f8f9fa
}

.btn-underline-gray-1 span:before {
    background-color: #f8f9fa
}

.btn-underline-gray-2 {
    --pix-btn-underline-color: #e9ecef
}

.btn-underline-gray-2 span:before {
    background-color: #e9ecef
}

.btn-underline-gray-3 {
    --pix-btn-underline-color: #dee2e6
}

.btn-underline-gray-3 span:before {
    background-color: #dee2e6
}

.btn-underline-gray-4 {
    --pix-btn-underline-color: #ced4da
}

.btn-underline-gray-4 span:before {
    background-color: #ced4da
}

.btn-underline-gray-5 {
    --pix-btn-underline-color: #adb5bd
}

.btn-underline-gray-5 span:before {
    background-color: #adb5bd
}

.btn-underline-gray-6 {
    --pix-btn-underline-color: #6c757d
}

.btn-underline-gray-6 span:before {
    background-color: #6c757d
}

.btn-underline-gray-7 {
    --pix-btn-underline-color: #495057
}

.btn-underline-gray-7 span:before {
    background-color: #495057
}

.btn-underline-gray-8 {
    --pix-btn-underline-color: #343a40
}

.btn-underline-gray-8 span:before {
    background-color: #343a40
}

.btn-underline-gray-9 {
    --pix-btn-underline-color: #212529
}

.btn-underline-gray-9 span:before {
    background-color: #212529
}

.btn-underline-primary {
    --pix-btn-underline-color: #282e3f
}

.btn-underline-primary span:before {
    background-color: #282e3f
}

.btn-underline-secondary {
    --pix-btn-underline-color: #282e3f
}

.btn-underline-secondary span:before {
    background-color: #282e3f
}

.btn-underline-green {
    --pix-btn-underline-color: #4ED199
}

.btn-underline-green span:before {
    background-color: #4ed199
}

.btn-underline-cyan {
    --pix-btn-underline-color: #0dd3ff
}

.btn-underline-cyan span:before {
    background-color: #0dd3ff
}

.btn-underline-yellow {
    --pix-btn-underline-color: #ffc168
}

.btn-underline-yellow span:before {
    background-color: #ffc168
}

.btn-underline-orange {
    --pix-btn-underline-color: #ff9900
}

.btn-underline-orange span:before {
    background-color: #f90
}

.btn-underline-red {
    --pix-btn-underline-color: #ff6c5f
}

.btn-underline-red span:before {
    background-color: #ff6c5f
}

.btn-underline-blue {
    --pix-btn-underline-color: #1274E7
}

.btn-underline-blue span:before {
    background-color: #1274e7
}

.btn-underline-brown {
    --pix-btn-underline-color: #b4a996
}

.btn-underline-brown span:before {
    background-color: #b4a996
}

.btn-underline-purple {
    --pix-btn-underline-color: #4b19f7
}

.btn-underline-purple span:before {
    background-color: #4b19f7
}

.btn-underline-white {
    --pix-btn-underline-color: #fff
}

.btn-underline-white span:before {
    background-color: #fff
}

.btn-underline-black {
    --pix-btn-underline-color: #000
}

.btn-underline-black span:before {
    background-color: #000
}

.btn-underline-primary-light {
    --pix-btn-underline-color: #505c7d
}

.btn-underline-primary-light span:before {
    background-color: #505c7d
}

.btn-underline-secondary-light {
    --pix-btn-underline-color: #505c7d
}

.btn-underline-secondary-light span:before {
    background-color: #505c7d
}

[class^=btn-underline-],
[class*=" btn-underline-"] {
    color: var(--pix-btn-underline-color, #282e3f);
    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, #282e3f);
    position: absolute;
    top: 120%;
    border-radius: 3px;
    left: 0%;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transition: transform .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, #282e3f);
    background-color: initial;
    opacity: .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: 0 0;
    opacity: .75
}

[class^=btn-underline-]:active,
[class^=btn-underline-].active,
.show>[class^=btn-underline-].dropdown-toggle,
[class*=" btn-underline-"]:active,
[class*=" btn-underline-"].active,
.show>[class*=" btn-underline-"].dropdown-toggle {
    box-shadow: none
}

[class^=btn-underline-]:active span:before,
[class^=btn-underline-].active span:before,
.show>[class^=btn-underline-].dropdown-toggle span:before,
[class*=" btn-underline-"]:active span:before,
[class*=" btn-underline-"].active span:before,
.show>[class*=" btn-underline-"].dropdown-toggle span:before {
    transform: scaleX(1);
    opacity: .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: #282e3f;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-secondary {
    --pix-btn-blink-color: #282e3f;
    --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: #1274E7;
    --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-dark-opacity-05 {
    --pix-btn-blink-color: rgba(0, 0, 0, 0.05);
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-light-opacity-05 {
    --pix-btn-blink-color: rgba(255, 255, 255, 0.05);
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-dark-opacity-0 {
    --pix-btn-blink-color: rgba(0, 0, 0, 0);
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-light-opacity-0 {
    --pix-btn-blink-color: rgba(255, 255, 255, 0);
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-dark-opacity-1 {
    --pix-btn-blink-color: rgba(0, 0, 0, 0.1);
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-light-opacity-1 {
    --pix-btn-blink-color: rgba(255, 255, 255, 0.1);
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-dark-opacity-2 {
    --pix-btn-blink-color: rgba(0, 0, 0, 0.2);
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-light-opacity-2 {
    --pix-btn-blink-color: rgba(255, 255, 255, 0.2);
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-dark-opacity-3 {
    --pix-btn-blink-color: rgba(0, 0, 0, 0.3);
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-light-opacity-3 {
    --pix-btn-blink-color: rgba(255, 255, 255, 0.3);
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-dark-opacity-4 {
    --pix-btn-blink-color: rgba(0, 0, 0, 0.4);
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-light-opacity-4 {
    --pix-btn-blink-color: rgba(255, 255, 255, 0.4);
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-dark-opacity-5 {
    --pix-btn-blink-color: rgba(0, 0, 0, 0.5);
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-light-opacity-5 {
    --pix-btn-blink-color: rgba(255, 255, 255, 0.5);
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-dark-opacity-6 {
    --pix-btn-blink-color: rgba(0, 0, 0, 0.6);
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-light-opacity-6 {
    --pix-btn-blink-color: rgba(255, 255, 255, 0.6);
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-dark-opacity-7 {
    --pix-btn-blink-color: rgba(0, 0, 0, 0.7);
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-light-opacity-7 {
    --pix-btn-blink-color: rgba(255, 255, 255, 0.7);
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-dark-opacity-8 {
    --pix-btn-blink-color: rgba(0, 0, 0, 0.8);
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-light-opacity-8 {
    --pix-btn-blink-color: rgba(255, 255, 255, 0.8);
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-dark-opacity-9 {
    --pix-btn-blink-color: rgba(0, 0, 0, 0.9);
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-light-opacity-9 {
    --pix-btn-blink-color: rgba(255, 255, 255, 0.9);
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-dark-opacity-10 {
    --pix-btn-blink-color: black;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-light-opacity-10 {
    --pix-btn-blink-color: white;
    --pix-btn-blink-color-hover: #212529
}

.btn-blink-primary-light {
    --pix-btn-blink-color: #505c7d;
    --pix-btn-blink-color-hover: #fff
}

.btn-blink-secondary-light {
    --pix-btn-blink-color: #505c7d;
    --pix-btn-blink-color-hover: #fff
}

[class^=btn-blink-],
[class*=" btn-blink-"] {
    color: var(--pix-btn-blink-color, #282e3f);
    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, #282e3f);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transition: transform .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: initial;
    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: .75
}

[class^=btn-blink-].disabled,
[class^=btn-blink-]:disabled,
[class*=" btn-blink-"].disabled,
[class*=" btn-blink-"]:disabled {
    color: var(--pix-btn-blink-color, #282e3f);
    background-color: initial
}

[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: initial;
    opacity: .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: #333
}

.btn-link:hover {
    color: #0d0d0d
}

.btn-link:focus,
.btn-link.focus {
    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: .35rem
}

.btn-xl:before {
    border-radius: .35rem
}

.btn-lg {
    padding: .75rem 2rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-lg:before {
    border-radius: .3rem
}

.btn-md {
    padding: .625rem 1.5rem;
    font-size: 1rem;
    line-height: 1.8;
    border-radius: .25rem
}

.btn-md:before {
    border-radius: .25rem
}

.btn-sm {
    padding: .375rem .875rem;
    font-size: .75rem;
    line-height: 1.3;
    border-radius: .2rem
}

.btn-sm:before {
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .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: var(--pix-body-default);
    text-align: left;
    width: 100%;
    min-height: 100vh;
    min-height: -webkit-fill-available
}

b,
strong,
.font-weight-bold {
    font-weight: 700!important
}

.flex-1 {
    flex: 1
}

: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;
    --pix-shadow-none: none;
    --pix-shadow-sm: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    --pix-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.03), 0 0.5rem 1.2rem rgba(0, 0, 0, 0.08);
    --pix-shadow-lg: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.03), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.08)
}

svg.pixfort-icon {
    width: 1em;
    height: 1em;
    overflow: visible;
    box-sizing: content-box;
    shape-rendering: geometricPrecision
}

svg.pixfort-icon * {
    shape-rendering: geometricPrecision
}

.overflow-clip,
body.pix-is-safari {
    overflow: clip
}

@media screen and (max-width:1024px) {
    body.pix-is-safari {
        overflow-x: hidden;
        overflow-x: clip
    }
    .pix-is-safari .pix_tabs_container [data-anim-type] {
        opacity: 1!important;
        transform: none
    }
}

.navbar-light.navbar-nav.nav-link.text-body-default,
.text-body-default {
    color: var(--pix-gray-6, #6c757d)!important
}

.navbar-light.navbar-nav.nav-link.text-body-default.btn:hover,
.text-body-default.btn:hover {
    color: #000
}

.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: #000
}

.svg-body-default {
    color: var(--pix-body-default)
}

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: color-mix(in srgb, var(--pix-body-default) 60%, black 40%)!important
}

.navbar-light.navbar-nav.nav-link.text-heading-default,
.text-heading-default {
    color: var(--pix-gray-8, #343a40)!important
}

.svg-heading-default {
    color: #343a40
}

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: color-mix(in srgb, var(--pix-gray-8, #343a40) 80%, black 20%)!important
}

.bg-body-default {
    --pix-bg-color: var(--pix-gray-6, #6c757d)
}

.bg-heading-default {
    --pix-bg-color: var(--pix-gray-8, #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,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.28;
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--pix-heading-font), sans-serif;
    letter-spacing: -.03em;
    font-weight: 500
}

.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: var(--pix-gray-8, #343a40)
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--pix-body-default)
}

.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: #434b53
}

.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-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
}

.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
}

: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: var(--pix-body-default)
}

.nav-pills.pix-pills-1 {
    border-radius: 2px
}

.nav-pills.pix-pills-1 .nav-link {
    transition: all .4s cubic-bezier(.165, .84, .44, 1);
    font-size: 1.125rem;
    background: 0 0
}

.nav-pills.pix-pills-1 .nav-link:not(.active) {
    opacity: .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 .25rem .5rem rgba(0, 0, 0, 5%), 0 1.5rem 2.2rem rgba(0, 0, 0, .1)!important;
    opacity: 1;
    background: linear-gradient(to right, #282e3f, #282e3f)fixed
}

.nav-pills.pix-pills-solid {
    border-radius: 2px
}

.nav-pills.pix-pills-solid .nav-link {
    transition: all .4s cubic-bezier(.165, .84, .44, 1);
    font-size: 1.125rem;
    background: 0 0
}

.nav-pills.pix-pills-solid .nav-link:not(.active) {
    opacity: .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 .25rem .5rem rgba(0, 0, 0, 5%), 0 1.5rem 2.2rem rgba(0, 0, 0, .1)!important;
    opacity: 1;
    background: #282e3f
}

.nav-pills.pix-pills-light {
    border-radius: 2px
}

.nav-pills.pix-pills-light .nav-link {
    transition: all .4s cubic-bezier(.165, .84, .44, 1);
    font-size: 1rem;
    background: 0 0
}

.nav-pills.pix-pills-light .nav-link:not(.active) {
    opacity: .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: #282e3f;
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 5%), 0 1.5rem 2.2rem rgba(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 .4s cubic-bezier(.165, .84, .44, 1);
    font-size: 1.125rem;
    box-shadow: 0 0 0 2px transparent inset!important;
    background: 0 0
}

.nav-pills.pix-pills-outline .nav-link:not(.active) {
    opacity: .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 var(--pix-body-default)inset!important;
    opacity: 1
}

.nav-pills.pix-pills-line {
    border-radius: 2px
}

.nav-pills.pix-pills-line .nav-link {
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1);
    font-size: 1.125rem;
    box-shadow: 0 0 0 2px transparent inset!important;
    background: 0 0
}

.nav-pills.pix-pills-line .nav-link:not(.active) {
    opacity: .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: #282e3f!important;
    top: 100%;
    border-radius: 3px;
    left: 0%;
    width: 100%;
    height: 3px;
    transform: scaleX(1);
    transition: transform .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 .4s cubic-bezier(.165, .84, .44, 1);
    font-size: 1.125rem;
    border-radius: 40px;
    background: 0 0
}

.nav-pills.pix-pills-round .nav-link:not(.active) {
    opacity: .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 .25rem .5rem rgba(0, 0, 0, 5%), 0 1.5rem 2.2rem rgba(0, 0, 0, .1)!important;
    opacity: 1;
    background: #282e3f;
    border-radius: 40px
}

.nav-pills.pix-pills-lines {
    border-radius: 2px
}

.nav-pills.pix-pills-lines .nav-link {
    transition: opacity .04s cubic-bezier(.165, .84, .44, 1);
    font-size: 1.125rem;
    background: 0 0
}

.nav-pills.pix-pills-lines .nav-link:not(.active) {
    opacity: .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 .25rem .5rem rgba(0, 0, 0, 5%), 0 1.5rem 2.2rem rgba(0, 0, 0, .1)!important;
    opacity: 1;
    background: #282e3f
}

.nav-pills.pix-pills-lines .pix-tabs-line {
    height: 1px;
    background: var(--pix-body-default);
    width: 100%;
    display: block;
    opacity: .5
}

@media(max-width:1023px) {
    .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 .04s cubic-bezier(.165, .84, .44, 1)
}

.nav-pills.pix-pills-primary .nav-item a.active {
    opacity: 1
}

.nav-pills.pix-pills-primary .nav-item a:not(.active) {
    opacity: .5
}

.nav-pills.pix-pills-primary .nav-link.active,
.nav-pills.pix-pills-primary .show>.nav-link {
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 5%), 0 1.5rem 2.2rem rgba(0, 0, 0, .1)!important;
    opacity: 1;
    background: #282e3f!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
}

.nav-pills .nav-link {
    border-radius: .25rem
}

@keyframes fadeUp {
    0% {
        opacity: .2;
        transform: translateY(1rem)
    }
    100% {
        transform: translateY(0%);
        opacity: 1
    }
}

@keyframes fadeDown {
    0% {
        opacity: .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: .2;
        transform: translateX(-1rem)
    }
    100% {
        transform: translateX(0%);
        opacity: 1
    }
}

.fade-up.show,
.fade-down.show,
.fade-left.show,
.fade-right.show {
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.165, .84, .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 .35s ease
}

.hamburger {
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: initial;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: .7
}

.hamburger:hover,
.hamburger:active,
.hamburger:focus {
    outline: none!important
}

.hamburger.is-active:hover {
    opacity: .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 .22s cubic-bezier(.215, .61, .355, 1)0s
}

.hamburger--spin .hamburger-inner:after {
    transition: transform .22s cubic-bezier(.215, .61, .355, 1)0s
}

.hamburger--spin .hamburger-inner .hamburger-inner-before {
    transition: transform .22s cubic-bezier(.215, .61, .355, 1).22s, opacity .22s cubic-bezier(.215, .61, .355, 1).22s
}

.hamburger--spin .hamburger-inner .hamburger-inner-after {
    transition: transform .22s cubic-bezier(.215, .61, .355, 1).22s, opacity .22s cubic-bezier(.215, .61, .355, 1).22s
}

.hamburger--spin:not([aria-expanded=true]) .hamburger-inner-after {
    bottom: -10px
}

.hamburger--spin[aria-expanded=true] .hamburger-inner {
    transform: rotate(135deg);
    transition-delay: .12s
}

.hamburger--spin[aria-expanded=true] .hamburger-inner:after {
    transform: rotate(90deg)
}

.hamburger--spin[aria-expanded=true] .hamburger-inner:after {
    transition-delay: .12s
}

.hamburger--spin[aria-expanded=true] .hamburger-inner .hamburger-inner-before {
    opacity: 0;
    transform: translateY(10px);
    transition-delay: 0s
}

.hamburger--spin[aria-expanded=true] .hamburger-inner .hamburger-inner-after {
    opacity: 0;
    transform: translateY(-10px);
    transition-delay: 0s
}

.pix-is-safari .hamburger--spin[aria-expanded=true] .hamburger-inner .hamburger-inner-after {
    bottom: -10px!important;
    transform: translate(0, -10px)rotate(-90deg)!important
}

@keyframes pix_rotating {
    from {
        transform: rotate(0)
    }
    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(0)
    }
    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,
.pix-bounce-md,
.pix-bounce-lg,
.pix-scale-sm,
.pix-scale-md,
.pix-scale-lg,
.pix-fade {
    will-change: transform;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.pix-bounce-sm {
    animation-name: pix_bounce_sm
}

.pix-bounce-md {
    animation-name: pix_bounce_md
}

.pix-bounce-lg {
    animation-name: pix_bounce_lg
}

@keyframes pix_fade {
    0% {
        opacity: 1
    }
    50% {
        opacity: .6
    }
    100% {
        opacity: 1
    }
}

@keyframes pix_scale_sm {
    0% {
        transform: none
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: none
    }
}

@keyframes pix_scale_md {
    0% {
        transform: none
    }
    50% {
        transform: scale(1.4)
    }
    100% {
        transform: none
    }
}

@keyframes pix_scale_lg {
    0% {
        transform: none
    }
    50% {
        transform: scale(1.8)
    }
    100% {
        transform: none
    }
}

.pix-scale-sm {
    animation-name: pix_scale_sm
}

.pix-scale-md {
    animation-name: pix_scale_md
}

.pix-scale-lg {
    animation-name: pix_scale_lg
}

.pix-fade {
    animation-name: pix_fade
}

.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
    }
}

body:not(.pix-is-safari) .fancy_card {
    transform-style: preserve-3d!important
}

.fancy_card {
    border-radius: 5px;
    z-index: 5;
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
    box-shadow: 20px 10px 58px rgba(0, 0, 0, .3);
    position: relative
}

.fancy_card:hover {
    z-index: 20;
    box-shadow: 20px 10px 58px rgba(0, 0, 0, .3)
}

.fancy_card:hover:after {
    box-shadow: 0 25px 35px rgba(0, 0, 0, 8%), -1px 50px 40px -40px rgba(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 .4s cubic-bezier(.165, .84, .44, 1)
}

.fancy_card .card-img-overlay {
    transition: all .8s cubic-bezier(.165, .84, .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 .3s cubic-bezier(.165, .84, .44, 1)
}

.pix-info-card:hover .card-img-blur {
    filter: blur(1rem)!important
}

.pix-info-card .pix-card-content-bg-blur {
    backdrop-filter: blur(5px);
    transition: backdrop-filter .3s cubic-bezier(.165, .84, .44, 1);
    background: color-mix(in srgb, var(--pix-bg-color, #fff) 20%, transparent)!important
}

.pix-info-card:hover .pix-card-content-bg-blur {
    backdrop-filter: blur(10px)saturate(1)
}

.pix-info-card .card-content-box {
    position: relative;
    background: rgba(255, 255, 255, .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(.5rem);
    transition: filter .3s cubic-bezier(.165, .84, .44, 1);
    z-index: -1;
    opacity: .8
}

.pix-info-card .card-content-box .card-img-blur.bottom-blur {
    background-position: bottom
}

.pix-box {
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transform: none;
    z-index: 2!important;
    display: inline-block;
    position: relative;
    padding: 0;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 5%)
}

.pix-box:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 5%);
    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 .4s cubic-bezier(.165, .84, .44, 1)
}

.pix-box:hover::after {
    box-shadow: 0 25px 35px rgba(0, 0, 0, .18), -1px 50px 40px -40px rgba(0, 0, 0, .14), -1px 30px 30px -60px black;
    opacity: 1
}

.slide-in-container {
    overflow-y: hidden;
    display: inline-block!important;
    vertical-align: middle;
    position: relative;
    padding: .1em 1em;
    margin: -.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: .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 .4s cubic-bezier(.165, .84, .44, 1);
    position: relative;
    display: inline-block;
    padding-left: 0
}

.pix-hover-item.pix-hover-left.pix-slow,
.pix-hover-item .pix-hover-left.pix-slow {
    transition: padding .6s cubic-bezier(.365, .84, .44, 1)
}

.pix-hover-item.pix-hover-right,
.pix-hover-item .pix-hover-right {
    transition: padding .4s cubic-bezier(.165, .84, .44, 1);
    position: relative;
    display: inline-block;
    padding-left: 0
}

.pix-hover-item.pix-hover-right.pix-slow,
.pix-hover-item .pix-hover-right.pix-slow {
    transition: padding .6s cubic-bezier(.365, .84, .44, 1)
}

.pix-hover-item.pix-img-scale,
.pix-hover-item .pix-img-scale {
    transition: all 1s cubic-bezier(.365, .84, .44, 1);
    transform: none
}

.pix-hover-item.pix-slide-up,
.pix-hover-item .pix-slide-up {
    transition: all .4s cubic-bezier(.365, .84, .44, 1);
    opacity: 0;
    transform: translateY(100%)
}

.pix-hover-item.pix-fade-in,
.pix-hover-item .pix-fade-in {
    transition: all .3s cubic-bezier(.365, .84, .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, #282e3f, #282e3f)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 .4s cubic-bezier(.165, .84, .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 .6s cubic-bezier(.365, .84, .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: .2!important
}

.pix-hover-item:hover.pix-hover-opacity-4,
.pix-hover-item:hover .pix-hover-opacity-4 {
    opacity: .4!important
}

.pix-hover-item:hover.pix-hover-opacity-6,
.pix-hover-item:hover .pix-hover-opacity-6 {
    opacity: .6!important
}

.pix-hover-item:hover.pix-hover-opacity-7,
.pix-hover-item:hover .pix-hover-opacity-7 {
    opacity: .7!important
}

.pix-hover-item:hover.pix-hover-opacity-8,
.pix-hover-item:hover .pix-hover-opacity-8 {
    opacity: .8!important
}

.pix-hover-item:hover.pix-hover-opacity-9,
.pix-hover-item:hover .pix-hover-opacity-9 {
    opacity: .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(.365, .84, .44, 1);
    transform: none
}

.pix-hover-img-scale.pix-img-scale,
.pix-hover-img-scale .pix-img-scale {
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.pix-hover-img-scale.pix-img-scale.pix-slow,
.pix-hover-img-scale .pix-img-scale.pix-slow {
    transition: all .6s cubic-bezier(.365, .84, .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(0)
    }
    to {
        transform: rotate(359deg)
    }
}

.pix-icon-loading {
    animation: spinAround 500ms infinite linear;
    display: inline-block
}

.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;
    background: var(--pix-base-background, #fff)
}

.pix-small-search .pix-search-btn {
    background: var(--pix-base-background, #fff);
    --pix-btn-background: var(--pix-base-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: #000!important
}

.pix-small-search .pix-search-btn svg {
    height: 18px;
    width: 18px
}

.pix-small-search .pix-search-btn svg path {
    transition: all .4s cubic-bezier(.165, .84, .44, 1);
    fill: #212529!important
}

.pix-small-search .btn-search {
    background: var(--pix-base-background, #fff);
    --pix-btn-background: var(--pix-base-background, #fff);
    color: var(--pix-body-default)!important
}

.pix-small-search .btn-search:hover,
.pix-small-search .btn-search:focus,
.pix-small-search .btn-search:active {
    background: color-mix(in srgb, var(--pix-heading-default) 5%, var(--pix-dynamic-background) 95%);
    color: var(--pix-heading-default)!important
}

.pix-small-search .btn-search:hover path,
.pix-small-search .btn-search:focus path,
.pix-small-search .btn-search:active path {
    fill: var(--pix-heading-default)!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
}

body:not(.rtl) .btn-search {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

body:not(.rtl) .form-control,
body:not(.rtl) .post-password-form input[type=password],
.post-password-form body:not(.rtl) input[type=password] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.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!important
}

.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(0, -1px)
}

.pix-divider svg>path:last-of-type,
.pix-divider svg>polygon:last-of-type {
    transform: translate(0, 0)
}

.pix-divider.pix-top-divider {
    transform: rotate(180deg)translate(0, 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(0, -1px)!important
}

.pix-divider.pix-top-divider svg>path:last-of-type {
    transform: translate(0, 1px)!important
}

.pix-divider.pix-top-divider svg>polygon {
    transform: translate(0, -1px)!important
}

.pix-divider.pix-top-divider svg>polygon:last-of-type {
    transform: translate(0, 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(0, -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(0, 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:1023px) {
    .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
}

.pix-elementor-section-dividers:has(.elementor-background-overlay) .pix-divider {
    z-index: 1
}

.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-top: 0!important;
    margin-bottom: 0!important
}

.pix-divider.pix-top-divider.elementor-element {
    margin-bottom: 0!important;
    padding: 0!important
}

.pix-divider.pix-bottom-divider.elementor-element {
    margin-top: 0!important;
    padding: 0!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
}

.navbar .dropdown-menu div[class*=col] {
    padding: 0;
    margin-bottom: 0
}

@media screen and (min-width:1025px) {
    .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:1025px) {
    .dropdown-menu {
        padding: 0
    }
    .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: 0 solid transparent;
        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: 0 15px 0
    }
    .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: 0
    }
    .navbar .pix-primary-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: var(--pix-primary)!important
    }
    .navbar .pix-secondary-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: var(--pix-secondary)!important
    }
    .navbar .pix-dark-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: var(--pix-black, #343a40)!important
    }
    .navbar .pix-light-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: var(--pix-white, #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, #282e3f, #282e3f)!important
    }
    .is-scroll .navbar .pix-primary-scroll-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: #282e3f!important
    }
    .is-scroll .navbar .pix-secondary-scroll-nav-line .nav-style-megamenu>li.nav-item .nav-link span:after {
        background: #282e3f!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 .4s cubic-bezier(.165, .84, .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: 0 10px
    }
    .nav-style-megamenu>li.nav-item .dropdown-menu {
        margin-top: 0;
        opacity: 0;
        transition: opacity .4s cubic-bezier(.165, .84, .44, 1);
        min-width: 240px
    }
    .nav-style-megamenu>li.nav-item .dropdown-menu a:active:focus {
        background: rgba(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, #282e3f, #282e3f)!important;
        top: 100%;
        margin-top: 4px;
        border-radius: 3px;
        left: 0%;
        width: 100%;
        height: 3px;
        transform: scaleX(0);
        transition: transform .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(0);
        opacity: 1
    }
    .nav-style-megamenu>li.nav-item .dropdown-menu {
        width: 100%;
        max-width: 100vw;
        background: 0 0
    }
    .nav-style-megamenu>li.nav-item .dropdown-menu .submenu-box {
        background: #fff;
        transform: translateY(30px);
        border-radius: 6px;
        opacity: 0;
        border: 0 solid transparent;
        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: 0 15px 0
    }
    .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: 0
    }
    .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 .25rem .5rem rgba(0, 0, 0, 5%), 0 1.5rem 2.2rem rgba(0, 0, 0, .1)!important
    }
    .nav-style-megamenu>li.nav-item .dropdown-menu a {
        border-radius: 0;
        font-size: 14px;
        padding: 0 15px 0
    }
    .nav-style-megamenu>li.nav-item .dropdown-menu .mega-col-title {
        padding: 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:1025px) {
    .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 {
        left: 0;
        max-width: calc(100vw - var(--pix-container-padding, 0))!important;
        width: calc(100vw - 30px - var(--pix-container-padding, 0))!important;
        margin-left: calc(-50vw + 15px + 50% + var(--pix-container-padding, 0)/2)
    }
    .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: .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(.165, .84, .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(.165, .84, .44, 1), transform 3.5s cubic-bezier(.165, .84, .44, 1)
}

.pix-intro-1 .pix-intro-video.animated {
    transform: none;
    opacity: .5;
    transition: opacity 4.5s cubic-bezier(.165, .84, .44, 1), transform 3.5s cubic-bezier(.165, .84, .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;
    backface-visibility: hidden
}

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 {
    left: 0
}

.pix-header .navbar-brand {
    margin-right: 0;
    max-width: 100%;
    float: left
}

.pix-header .navbar-brand img {
    max-width: 100%;
    float: left
}

.pix-header.is-scroll .pix-logo-scroll,
.pix-header.pix-mobile-sticky .pix-logo-scroll {
    display: inline-block
}

.pix-header.is-scroll .pix-header-stack,
.pix-header.pix-mobile-sticky .pix-header-stack {
    pointer-events: none!important
}

.pix-header .dropdown-menu,
.pix-header .dropdown-menu:after {
    box-shadow: none!important;
    border: 0;
    margin-top: 0
}

.pix-header .mega-item .dropdown-menu {
    border-radius: 6px
}

.pix-header .nav .btn {
    position: relative;
    top: 2px
}

.pix-header .submenu-box {
    transition: margin .4s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.165, .84, .44, 1), opacity .5s cubic-bezier(.165, .84, .44, 1)
}

.pix-header .submenu-box .container {
    max-width: 100%;
    transform: translateZ(0)
}

.pix-header .submenu-box.bg-dark-blur,
.pix-header .submenu-box.bg-light-blur,
.pix-header .submenu-box.bg-dynamic-blur {
    transition: margin .4s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.165, .84, .44, 1)!important
}

.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 .2s cubic-bezier(.165, .84, .44, 1), color .2s cubic-bezier(.165, .84, .44, 1)
}

.pix-header-transparent .pix-header {
    z-index: 99999;
    width: 100%
}

.pix-header-boxed .pix-header-box-part {
    position: relative
}

.pix-header-boxed .pix-header-stack {
    opacity: 1;
    z-index: 0
}

.pix-header-boxed .pix-header {
    top: 0;
    width: 100%;
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.pix-header-boxed .navbar:not(:empty) {
    padding: 10px
}

.pix-header-text {
    transition: color .4s cubic-bezier(.165, .84, .44, 1)
}

.pix-topbar-normal {
    width: 100%;
    left: 0;
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.pix-topbar-normal .row {
    margin: 0
}

.pix-topbar-normal .column {
    padding-left: 0!important;
    padding-right: 0!important
}

.pix-topbar-normal.pix-topbar-fixed {
    position: fixed;
    top: 0
}

.pix-header-normal {
    width: 100%;
    left: 0;
    padding: 0
}

.pix-header-normal.is-scroll {
    top: 0;
    transition: box-shadow .2s cubic-bezier(.165, .84, .44, 1), background-color .2s cubic-bezier(.165, .84, .44, 1), top .4s cubic-bezier(.165, .84, .44, 1), color .2s cubic-bezier(.165, .84, .44, 1)
}

.dropdown-item .pix-dropdown-title,
.dropdown-item .pix-dropdown-title::after {
    white-space: normal
}

@media(max-width:1024px) {
    .pix-header-desktop {
        display: none!important
    }
}

@media(min-width:1025px) {
    .pix-header-mobile {
        display: none!important
    }
}

.pix-wpml-header-btn {
    padding: .2rem 1rem
}

.pix-wpml-header-btn .pix-current-language.text-header-area .dropdown-menu .submenu-box {
    margin-top: 25px
}

.pix-wpml-header-btn .dropdown-menu {
    position: absolute!important;
    display: inline-block!important;
    opacity: 0;
    padding: 0;
    top: 100%;
    background: 0 0!important;
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1);
    pointer-events: none
}

.pix-wpml-header-btn .dropdown-menu .submenu-box {
    background: var(--pix-dynamic-background, #fff);
    margin-top: 0;
    transform: translateY(30px)translateZ(0);
    backface-visibility: hidden;
    transition: all .4s cubic-bezier(.165, .84, .44, 1);
    border-radius: 6px
}

.pix-wpml-header-btn .dropdown-menu .submenu-box .dropdown-item {
    color: var(--pix-body-default, #212529)!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: var(--pix-heading-default, #343a40)!important;
    background: color-mix(in srgb, var(--pix-heading-default, #343a40) 5%, transparent)
}

.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(0);
    opacity: 1
}

.pix-is-safari .pix-wpml-header-btn .dropdown-menu.show {
    transform: translateZ(1px)
}

@media screen and (min-width:1024px) {
    .pix-wpml-header-btn {
        padding: .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(0);
        opacity: 1
    }
}

@media(max-width:1023px) {
    .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
}

.pix-header-line {
    border-left: 2px solid rgba(0, 0, 0, 3%)
}

@media(max-width:1024px) {
    .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: 0!important;
    line-height: 1
}

.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: 0!important
}

@media(max-width:1024px) {
    .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:1024px) {
    .pix-menu-line-right {
        border-right: 1px solid rgba(33, 37, 41, .15)
    }
    .pix-menu-line-top {
        border-top: 1px solid rgba(33, 37, 41, .15)
    }
    .pix-menu-line-right-top {
        border-right: 1px solid rgba(33, 37, 41, .15);
        border-top: 1px solid rgba(33, 37, 41, .15)
    }
    .pix-dark .pix-menu-line-right,
    .pix-dark .pix-menu-line-top,
    .pix-dark .pix-menu-line-right-top {
        border-color: rgba(255, 255, 255, 5%)
    }
}

@media(min-width:1024px) and (max-width:1200px) {
    .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: 0!important;
        padding-right: 0!important
    }
}

.dropdown-menu .submenu-box .container .menu-item a {
    border-radius: 0
}

.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:1024px) {
    .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: 0
}

.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, 5%)
}

.pix-header-mobile .menu-item>.nav-link {
    padding-top: 10px;
    padding-bottom: 10px
}

.pix-header-mobile .navbar-nav>li>.dropdown-menu {
    padding: 0;
    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-mobile .pix-header-divider {
    position: relative!important;
    min-height: 33px!important
}

.pix-header-mobile .pix-header-divider.pix-sm {
    min-height: initial!important
}

.pix-header-icon-style {
    position: relative;
    top: 0
}

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
}

svg.pix-header-icon-format {
    font-size: 18px!important;
    line-height: 1!important
}

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 .4s cubic-bezier(.165, .84, .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
}

.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 .4s cubic-bezier(.165, .84, .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 .25rem .5rem rgba(0, 0, 0, 5%), 0 1.5rem 2.2rem rgba(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-header-floating-search .btn {
    padding: .5625rem 1.125rem
}

.pix-search-sm-btn .pix-search-toggle {
    position: relative
}

.pix-search-sm-btn .pix-search-default-icon {
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.pix-search-sm-btn .pix-search-close-icon {
    opacity: 0;
    left: 0;
    top: 0;
    position: absolute;
    transition: all .4s cubic-bezier(.165, .84, .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:1024px) {
    .pix-search-sm-btn .pix-header-floating-search {
        width: calc(100vw - 20px)
    }
}

#mobile_head .navbar-nav {
    max-height: 80vh;
    overflow-y: auto
}

.dropdown-menu.drop-overflow-fix {
    right: 0!important;
    transform: translateX(50%)!important;
    margin-right: 50%!important;
    margin-left: auto!important
}

.dropdown-menu:has(.bg-dark-blur),
.dropdown-menu:has(.bg-light-blur),
.submenu-box:has(.bg-dark-blur),
.submenu-box:has(.bg-light-blur),
.dropdown-menu:has(.bg-dynamic-blur),
.submenu-box:has(.bg-dynamic-blur) {
    transition: margin .4s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.165, .84, .44, 1)!important
}

@media(max-width:1024px) {
    [data-area=topbar],
    [data-area=header],
    [data-area=stack] {
        display: none!important
    }
}

@media(min-width:1025px) {
    [data-area=m_topbar],
    [data-area=m_header],
    [data-area=m_stack] {
        display: none!important
    }
}

.pix-invert-colors,
.pix-dark-hover:hover {
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.pix-invert-colors .text-body-default,
.pix-invert-colors.text-body-default,
.pix-dark-hover:hover .text-body-default,
.pix-dark-hover:hover.text-body-default {
    color: rgba(255, 255, 255, .7)!important
}

.pix-invert-colors .text-body-default.btn:hover,
.pix-invert-colors .text-body-default.btn:focus,
.pix-invert-colors .text-body-default.btn:active,
.pix-invert-colors.text-body-default.btn:hover,
.pix-invert-colors.text-body-default.btn:focus,
.pix-invert-colors.text-body-default.btn:active,
.pix-dark-hover:hover .text-body-default.btn:hover,
.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:hover,
.pix-dark-hover:hover.text-body-default.btn:focus,
.pix-dark-hover:hover.text-body-default.btn:active {
    color: rgba(230, 230, 230, .7)!important
}

.pix-invert-colors .svg-body-default,
.pix-dark-hover:hover .svg-body-default {
    color: rgba(255, 255, 255, .7)!important
}

.pix-invert-colors a.text-body-default:hover,
.pix-invert-colors a.text-body-default:focus,
.pix-invert-colors 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, .7)!important
}

.pix-invert-colors .text-heading-default,
.pix-invert-colors.text-heading-default,
.pix-dark-hover:hover .text-heading-default,
.pix-dark-hover:hover.text-heading-default {
    color: #fff!important
}

.pix-invert-colors .svg-heading-default,
.pix-dark-hover:hover .svg-heading-default {
    color: #fff
}

.pix-invert-colors a.text-heading-default:hover,
.pix-invert-colors a.text-heading-default:focus,
.pix-invert-colors 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-invert-colors .text-white,
.pix-dark-hover:hover .text-white {
    color: #000!important
}

.pix-invert-colors .text-black,
.pix-dark-hover:hover .text-black {
    color: #fff!important
}

.pix-invert-colors .text-dark-opacity-05,
.pix-dark-hover:hover .text-dark-opacity-05 {
    color: rgba(255, 255, 255, 5%)!important
}

.pix-invert-colors a.text-dark-opacity-05:hover,
.pix-invert-colors a.text-dark-opacity-05:focus,
.pix-invert-colors a.text-dark-opacity-05:active,
.pix-dark-hover:hover a.text-dark-opacity-05:hover,
.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, 5%)!important
}

.pix-invert-colors 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, 5%)!important
}

.pix-invert-colors .text-light-opacity-05,
.pix-dark-hover:hover .text-light-opacity-05 {
    color: rgba(0, 0, 0, 5%)!important
}

.pix-invert-colors a.text-light-opacity-05:hover,
.pix-invert-colors a.text-light-opacity-05:focus,
.pix-invert-colors a.text-light-opacity-05:active,
.pix-dark-hover:hover a.text-light-opacity-05:hover,
.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, 5%)!important
}

.pix-invert-colors 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, 5%)!important
}

.pix-invert-colors .text-dark-opacity-0,
.pix-dark-hover:hover .text-dark-opacity-0 {
    color: rgba(255, 255, 255, 0)!important
}

.pix-invert-colors a.text-dark-opacity-0:hover,
.pix-invert-colors a.text-dark-opacity-0:focus,
.pix-invert-colors a.text-dark-opacity-0:active,
.pix-dark-hover:hover a.text-dark-opacity-0:hover,
.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-invert-colors 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-invert-colors .text-light-opacity-0,
.pix-dark-hover:hover .text-light-opacity-0 {
    color: transparent!important
}

.pix-invert-colors a.text-light-opacity-0:hover,
.pix-invert-colors a.text-light-opacity-0:focus,
.pix-invert-colors a.text-light-opacity-0:active,
.pix-dark-hover:hover a.text-light-opacity-0:hover,
.pix-dark-hover:hover a.text-light-opacity-0:focus,
.pix-dark-hover:hover a.text-light-opacity-0:active {
    color: transparent!important
}

.pix-invert-colors a.text-light-opacity-0.btn span:before,
.pix-dark-hover:hover a.text-light-opacity-0.btn span:before {
    background: 0 0!important
}

.pix-invert-colors .text-dark-opacity-1,
.pix-dark-hover:hover .text-dark-opacity-1 {
    color: rgba(255, 255, 255, .1)!important
}

.pix-invert-colors a.text-dark-opacity-1:hover,
.pix-invert-colors a.text-dark-opacity-1:focus,
.pix-invert-colors a.text-dark-opacity-1:active,
.pix-dark-hover:hover a.text-dark-opacity-1:hover,
.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, .1)!important
}

.pix-invert-colors 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, .1)!important
}

.pix-invert-colors .text-light-opacity-1,
.pix-dark-hover:hover .text-light-opacity-1 {
    color: rgba(0, 0, 0, .1)!important
}

.pix-invert-colors a.text-light-opacity-1:hover,
.pix-invert-colors a.text-light-opacity-1:focus,
.pix-invert-colors a.text-light-opacity-1:active,
.pix-dark-hover:hover a.text-light-opacity-1:hover,
.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, .1)!important
}

.pix-invert-colors 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, .1)!important
}

.pix-invert-colors .text-dark-opacity-2,
.pix-dark-hover:hover .text-dark-opacity-2 {
    color: rgba(255, 255, 255, .2)!important
}

.pix-invert-colors a.text-dark-opacity-2:hover,
.pix-invert-colors a.text-dark-opacity-2:focus,
.pix-invert-colors a.text-dark-opacity-2:active,
.pix-dark-hover:hover a.text-dark-opacity-2:hover,
.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, .2)!important
}

.pix-invert-colors 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, .2)!important
}

.pix-invert-colors .text-light-opacity-2,
.pix-dark-hover:hover .text-light-opacity-2 {
    color: rgba(0, 0, 0, .2)!important
}

.pix-invert-colors a.text-light-opacity-2:hover,
.pix-invert-colors a.text-light-opacity-2:focus,
.pix-invert-colors a.text-light-opacity-2:active,
.pix-dark-hover:hover a.text-light-opacity-2:hover,
.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, .2)!important
}

.pix-invert-colors 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, .2)!important
}

.pix-invert-colors .text-dark-opacity-3,
.pix-dark-hover:hover .text-dark-opacity-3 {
    color: rgba(255, 255, 255, .3)!important
}

.pix-invert-colors a.text-dark-opacity-3:hover,
.pix-invert-colors a.text-dark-opacity-3:focus,
.pix-invert-colors a.text-dark-opacity-3:active,
.pix-dark-hover:hover a.text-dark-opacity-3:hover,
.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, .3)!important
}

.pix-invert-colors 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, .3)!important
}

.pix-invert-colors .text-light-opacity-3,
.pix-dark-hover:hover .text-light-opacity-3 {
    color: rgba(0, 0, 0, .3)!important
}

.pix-invert-colors a.text-light-opacity-3:hover,
.pix-invert-colors a.text-light-opacity-3:focus,
.pix-invert-colors a.text-light-opacity-3:active,
.pix-dark-hover:hover a.text-light-opacity-3:hover,
.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, .3)!important
}

.pix-invert-colors 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, .3)!important
}

.pix-invert-colors .text-dark-opacity-4,
.pix-dark-hover:hover .text-dark-opacity-4 {
    color: rgba(255, 255, 255, .4)!important
}

.pix-invert-colors a.text-dark-opacity-4:hover,
.pix-invert-colors a.text-dark-opacity-4:focus,
.pix-invert-colors a.text-dark-opacity-4:active,
.pix-dark-hover:hover a.text-dark-opacity-4:hover,
.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, .4)!important
}

.pix-invert-colors 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, .4)!important
}

.pix-invert-colors .text-light-opacity-4,
.pix-dark-hover:hover .text-light-opacity-4 {
    color: rgba(0, 0, 0, .4)!important
}

.pix-invert-colors a.text-light-opacity-4:hover,
.pix-invert-colors a.text-light-opacity-4:focus,
.pix-invert-colors a.text-light-opacity-4:active,
.pix-dark-hover:hover a.text-light-opacity-4:hover,
.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, .4)!important
}

.pix-invert-colors 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, .4)!important
}

.pix-invert-colors .text-dark-opacity-5,
.pix-dark-hover:hover .text-dark-opacity-5 {
    color: rgba(255, 255, 255, .5)!important
}

.pix-invert-colors a.text-dark-opacity-5:hover,
.pix-invert-colors a.text-dark-opacity-5:focus,
.pix-invert-colors a.text-dark-opacity-5:active,
.pix-dark-hover:hover a.text-dark-opacity-5:hover,
.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, .5)!important
}

.pix-invert-colors 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, .5)!important
}

.pix-invert-colors .text-light-opacity-5,
.pix-dark-hover:hover .text-light-opacity-5 {
    color: rgba(0, 0, 0, .5)!important
}

.pix-invert-colors a.text-light-opacity-5:hover,
.pix-invert-colors a.text-light-opacity-5:focus,
.pix-invert-colors a.text-light-opacity-5:active,
.pix-dark-hover:hover a.text-light-opacity-5:hover,
.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, .5)!important
}

.pix-invert-colors 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, .5)!important
}

.pix-invert-colors .text-dark-opacity-6,
.pix-dark-hover:hover .text-dark-opacity-6 {
    color: rgba(255, 255, 255, .6)!important
}

.pix-invert-colors a.text-dark-opacity-6:hover,
.pix-invert-colors a.text-dark-opacity-6:focus,
.pix-invert-colors a.text-dark-opacity-6:active,
.pix-dark-hover:hover a.text-dark-opacity-6:hover,
.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, .6)!important
}

.pix-invert-colors 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, .6)!important
}

.pix-invert-colors .text-light-opacity-6,
.pix-dark-hover:hover .text-light-opacity-6 {
    color: rgba(0, 0, 0, .6)!important
}

.pix-invert-colors a.text-light-opacity-6:hover,
.pix-invert-colors a.text-light-opacity-6:focus,
.pix-invert-colors a.text-light-opacity-6:active,
.pix-dark-hover:hover a.text-light-opacity-6:hover,
.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, .6)!important
}

.pix-invert-colors 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, .6)!important
}

.pix-invert-colors .text-dark-opacity-7,
.pix-dark-hover:hover .text-dark-opacity-7 {
    color: rgba(255, 255, 255, .7)!important
}

.pix-invert-colors a.text-dark-opacity-7:hover,
.pix-invert-colors a.text-dark-opacity-7:focus,
.pix-invert-colors a.text-dark-opacity-7:active,
.pix-dark-hover:hover a.text-dark-opacity-7:hover,
.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, .7)!important
}

.pix-invert-colors 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, .7)!important
}

.pix-invert-colors .text-light-opacity-7,
.pix-dark-hover:hover .text-light-opacity-7 {
    color: rgba(0, 0, 0, .7)!important
}

.pix-invert-colors a.text-light-opacity-7:hover,
.pix-invert-colors a.text-light-opacity-7:focus,
.pix-invert-colors a.text-light-opacity-7:active,
.pix-dark-hover:hover a.text-light-opacity-7:hover,
.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, .7)!important
}

.pix-invert-colors 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, .7)!important
}

.pix-invert-colors .text-dark-opacity-8,
.pix-dark-hover:hover .text-dark-opacity-8 {
    color: rgba(255, 255, 255, .8)!important
}

.pix-invert-colors a.text-dark-opacity-8:hover,
.pix-invert-colors a.text-dark-opacity-8:focus,
.pix-invert-colors a.text-dark-opacity-8:active,
.pix-dark-hover:hover a.text-dark-opacity-8:hover,
.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, .8)!important
}

.pix-invert-colors 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, .8)!important
}

.pix-invert-colors .text-light-opacity-8,
.pix-dark-hover:hover .text-light-opacity-8 {
    color: rgba(0, 0, 0, .8)!important
}

.pix-invert-colors a.text-light-opacity-8:hover,
.pix-invert-colors a.text-light-opacity-8:focus,
.pix-invert-colors a.text-light-opacity-8:active,
.pix-dark-hover:hover a.text-light-opacity-8:hover,
.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, .8)!important
}

.pix-invert-colors 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, .8)!important
}

.pix-invert-colors .text-dark-opacity-9,
.pix-dark-hover:hover .text-dark-opacity-9 {
    color: rgba(255, 255, 255, .9)!important
}

.pix-invert-colors a.text-dark-opacity-9:hover,
.pix-invert-colors a.text-dark-opacity-9:focus,
.pix-invert-colors a.text-dark-opacity-9:active,
.pix-dark-hover:hover a.text-dark-opacity-9:hover,
.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, .9)!important
}

.pix-invert-colors 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, .9)!important
}

.pix-invert-colors .text-light-opacity-9,
.pix-dark-hover:hover .text-light-opacity-9 {
    color: rgba(0, 0, 0, .9)!important
}

.pix-invert-colors a.text-light-opacity-9:hover,
.pix-invert-colors a.text-light-opacity-9:focus,
.pix-invert-colors a.text-light-opacity-9:active,
.pix-dark-hover:hover a.text-light-opacity-9:hover,
.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, .9)!important
}

.pix-invert-colors 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, .9)!important
}

.pix-invert-colors .text-dark-opacity-10,
.pix-dark-hover:hover .text-dark-opacity-10 {
    color: #fff!important
}

.pix-invert-colors a.text-dark-opacity-10:hover,
.pix-invert-colors a.text-dark-opacity-10:focus,
.pix-invert-colors a.text-dark-opacity-10:active,
.pix-dark-hover:hover a.text-dark-opacity-10:hover,
.pix-dark-hover:hover a.text-dark-opacity-10:focus,
.pix-dark-hover:hover a.text-dark-opacity-10:active {
    color: #ccc!important
}

.pix-invert-colors a.text-dark-opacity-10.btn span:before,
.pix-dark-hover:hover a.text-dark-opacity-10.btn span:before {
    background: #fff!important
}

.pix-invert-colors .text-light-opacity-10,
.pix-dark-hover:hover .text-light-opacity-10 {
    color: #000!important
}

.pix-invert-colors a.text-light-opacity-10:hover,
.pix-invert-colors a.text-light-opacity-10:focus,
.pix-invert-colors a.text-light-opacity-10:active,
.pix-dark-hover:hover a.text-light-opacity-10:hover,
.pix-dark-hover:hover a.text-light-opacity-10:focus,
.pix-dark-hover:hover a.text-light-opacity-10:active {
    color: #000!important
}

.pix-invert-colors a.text-light-opacity-10.btn span:before,
.pix-dark-hover:hover a.text-light-opacity-10.btn span:before {
    background: #000!important
}

.pix-invert-colors .text-body,
.pix-dark-hover:hover .text-body {
    color: rgba(255, 255, 255, .7)!important
}

.pix-invert-colors .text-muted,
.pix-dark-hover:hover .text-muted {
    color: #6c757d!important
}

.pix-invert-colors .text-black-50,
.pix-dark-hover:hover .text-black-50 {
    color: rgba(255, 255, 255, .5)!important
}

.pix-invert-colors .text-white-50,
.pix-dark-hover:hover .text-white-50 {
    color: rgba(0, 0, 0, .5)!important
}

.pix-invert-colors .bg-gray-1,
.pix-dark-hover:hover .bg-gray-1 {
    --pix-bg-color: #212529
}

.pix-invert-colors .bg-gray-2,
.pix-dark-hover:hover .bg-gray-2 {
    --pix-bg-color: #343a40
}

.pix-invert-colors .bg-gray-3,
.pix-dark-hover:hover .bg-gray-3 {
    --pix-bg-color: #495057
}

.pix-invert-colors .bg-gray-4,
.pix-dark-hover:hover .bg-gray-4 {
    --pix-bg-color: #6c757d
}

.pix-invert-colors .bg-gray-5,
.pix-dark-hover:hover .bg-gray-5 {
    --pix-bg-color: #adb5bd
}

.pix-invert-colors .bg-gray-6,
.pix-dark-hover:hover .bg-gray-6 {
    --pix-bg-color: #ced4da
}

.pix-invert-colors .bg-gray-7,
.pix-dark-hover:hover .bg-gray-7 {
    --pix-bg-color: #dee2e6
}

.pix-invert-colors .bg-gray-8,
.pix-dark-hover:hover .bg-gray-8 {
    --pix-bg-color: #e9ecef
}

.pix-invert-colors .bg-gray-9,
.pix-dark-hover:hover .bg-gray-9 {
    --pix-bg-color: #f8f9fa
}

.pix-invert-colors .bg-white,
.pix-dark-hover:hover .bg-white {
    --pix-bg-color: var(--pix-black);
    background: var(--pix-black)!important
}

.pix-invert-colors .bg-black,
.pix-dark-hover:hover .bg-black {
    --pix-bg-color: var(--pix-white);
    background: var(--pix-white)!important
}

.pix-invert-colors .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-invert-colors .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: var(--pix-white)!important
}

.pix-invert-colors a.bg-white:hover,
.pix-dark-hover:hover a.bg-white:hover {
    background-color: #333!important
}

.pix-invert-colors a.bg-black:hover,
.pix-dark-hover:hover a.bg-black:hover {
    background-color: #fff!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, .7)!important;
    --pix-menu-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: #fff!important;
    --pix-menu-color: white !important;
    background-color: rgba(255, 255, 255, .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: #fff!important;
    --pix-menu-color: white !important
}

.pix-is-dark .dropdown-item.pix-nav-link:hover {
    color: #fff!important;
    --pix-menu-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: 101%!important;
    width: 101%!important;
    max-width: 101%
}

.pix-img-overlay {
    z-index: 2;
    position: relative;
    display: inline-block
}

.pix-menu-element {
    --pix-menu-color: var(--pix-body-default);
    --pix-menu-title-color: var(--pix-heading-default)
}

.pix-menu-element .text-custom-nav-color {
    color: var(--pix-menu-color)!important
}

.pix-menu-element .title-custom-nav-color {
    color: var(--pix-menu-title-color)!important
}

.pix-menu-element .dropdown-item:hover,
.pix-menu-element .dropdown-item:focus,
.pix-menu-element .dropdown-item:active {
    background-color: color-mix(in srgb, transparent 95%, var(--pix-menu-color));
    color: color-mix(in srgb, var(--pix-menu-color) 90%, transparent 10%)!important
}

.pix-menu-element .dropdown-item:hover .pix-dropdown-title,
.pix-menu-element .dropdown-item:hover .pix-dropdown-title::after,
.pix-menu-element .dropdown-item:hover::after,
.pix-menu-element .dropdown-item:focus .pix-dropdown-title,
.pix-menu-element .dropdown-item:focus .pix-dropdown-title::after,
.pix-menu-element .dropdown-item:focus::after,
.pix-menu-element .dropdown-item:active .pix-dropdown-title,
.pix-menu-element .dropdown-item:active .pix-dropdown-title::after,
.pix-menu-element .dropdown-item:active::after {
    color: color-mix(in srgb, var(--pix-menu-color) 90%, transparent 10%)!important
}

.pix-menu-element .dropdown-item.pix-nav-link:hover {
    color: color-mix(in srgb, var(--pix-menu-color) 90%, transparent 10%)!important
}

@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(0);
        clip-path: inset(0);
        clip: rect(0, auto, auto, 0);
        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 {
        overflow: hidden;
        overflow: clip
    }
    .overflow-hidden-clip {
        -webkit-clip-path: inset(0);
        clip-path: inset(0);
        clip: rect(0, auto, auto, 0)
    }
}

@media screen and (max-width:1024px) {
    .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
    }
}

.pix-contact7-form p {
    margin-bottom: 0
}

.pix-contact7-form .ajax-loader:not(.is-active) {
    display: none
}

.site-footer2 {
    width: 100%!important;
    bottom: 0;
    overflow: hidden;
    position: relative
}

.jarallax-elm-slow,
.jarallax-elm-slow img {
    transition: transform .5s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (max-width:1024px) {
    .jarallax-elm {
        width: 100%!important
    }
    .pix-divider:not([data-style=style-25]) svg {
        max-height: 180px!important
    }
}

p:empty {
    height: 0;
    margin: 0;
    padding: 0;
    display: none
}

@media screen and (min-width:1024px) {
    .post-full-width .alignwide {
        margin-left: -100px;
        margin-right: -100px;
        max-width: 920px
    }
    .pix_tabs_btns[aria-orientation=horizontal] .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(0 -4px 2px 5px rgba(0, 0, 0, .1))!important
}

.pix-dark .pix-portfolio-divider .pix-divider-layer-1 {
    fill: var(--pix-gray-9)!important
}

.pix-dark .pix-portfolio-divider .pix-divider-layer-2 {
    fill: rgba(33, 37, 41, .8)!important
}

.pix-dark .pix-portfolio-divider .pix-divider-layer-3 {
    fill: rgba(33, 37, 41, .5)!important
}

.pix-floating-meta {
    transition: var(--transition-base)
}

.pix-floating-meta.is-hidden {
    opacity: 0!important
}

.pix-related-items .item-full-content {
    padding-top: 150px
}

.pix-slider:not(.flickity-enabled) .flickity-viewport,
.pix-slider:not(.flickity-enabled) .flickity-slider,
.pix-slider:not(.flickity-enabled) .carousel-cell {
    width: 100%
}

img.pix-img-elem {
    max-width: 100%!important
}

body:not(.render) .search-bar.pix-overlay-item {
    transition: var(--transition-base);
    opacity: 0!important
}

@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-search {
    margin-bottom: 15px
}

.wp-block-search input {
    background: var(--pix-base-background, #fff);
    color: var(--pix-heading-default);
    border: 0!important;
    outline: none;
    box-shadow: var(--pix-shadow-sm)!important;
    border-radius: 4px
}

.wp-block-search button {
    font-weight: 700;
    display: inline-block;
    font-weight: 500;
    color: #fff!important;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: initial;
    border: 0 solid transparent;
    margin-right: 10px;
    padding: .5625rem 1.125rem;
    font-size: .875rem;
    line-height: 1.8;
    border-radius: 4px;
    transition: var(--transition-base);
    --pix-btn-color: white;
    --pix-btn-background: #282e3f;
    box-shadow: var(--pix-shadow-sm)!important
}

.wp-block-search button:before {
    border-radius: 4px
}

.wp-block-search button:hover {
    color: var(--pix-body-default);
    text-decoration: none
}

.wp-block-search button:hover:hover {
    transform: translate(0, -3px)!important
}

.wp-block-search button:hover {
    background-color: #202533
}

.wp-block-search button:hover,
.wp-block-search button:focus,
.wp-block-search button.focus {
    --pix-btn-background: #141720;
    color: #f3f4f7
}

.wp-block-search button:not(.btn-custom-bg):active,
.wp-block-search button:not(.btn-custom-bg).active,
.show>.wp-block-search button.dropdown-toggle {
    color: #fff;
    background-color: #141720!important
}

.entry-content ul,
.elementor 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 blockquote {
    font-size: 1.125rem;
    padding: 30px 0
}

.comment blockquote.has-text-align-right {
    text-align: right
}

.wp-block-pullquote {
    font-size: 1.125rem
}

.aligncenter,
.alignleft,
.alignright {
    display: block;
    padding: 0
}

.aligncenter {
    float: none;
    margin: .5em auto 1em
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em
}

.alignleft {
    float: left;
    margin: .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
}

.pix-post-title span,
.pix-main-intro h1 span {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%
}

.navigation.comment-navigation {
    display: inline-block;
    width: 100%
}

.navigation.comment-navigation a {
    font-weight: 700;
    display: inline-block;
    font-weight: 500;
    color: var(--pix-body-default);
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 0 solid transparent;
    margin-right: 10px;
    padding: .5625rem 1.125rem;
    font-size: .875rem;
    line-height: 1.8;
    border-radius: 4px;
    transition: var(--transition-base);
    background-color: #fff;
    box-shadow: var(--pix-shadow-sm)!important
}

.navigation.comment-navigation a:before {
    border-radius: 4px
}

.navigation.comment-navigation a:hover {
    color: var(--pix-body-default);
    text-decoration: none
}

.navigation.comment-navigation a:focus,
.navigation.comment-navigation a.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 46, 63, .25)
}

.navigation.comment-navigation a:hover {
    background-color: #f5f5f5
}

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
}

.pix-popup-content-div .pix-scene {
    overflow: hidden
}

@media(min-width:768px) {
    @supports(position: sticky) {
        .sticky-top {
            position: sticky!important;
            top: 0;
            z-index: 1020
        }
    }
}

.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
}

@media screen and (max-width:1024px) {
    .pix-padding-style {
        padding-left: 0!important;
        padding-right: 0!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: 1e3;
    -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 {
    transition: var(--transition-base)!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(.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
}

.pix_pricing.bg-gradient-primary,
.pix_pricing .bg-gradient-primary {
    background-attachment: scroll!important
}

.pix-left-0 {
    left: 0
}

.pix-img-element {
    transform: translateZ(0)
}

.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:1023px) {
    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: #212529;
    font-weight: 700;
    border-radius: 5px;
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.pix-pagination .page-numbers.current {
    background: var(--pix-base-background, #fff);
    color: var(--pix-heading-default);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15)!important;
    cursor: default
}

.pix-pagination .page-numbers:hover {
    color: var(--pix-heading-default)
}

.pix-portfolio-nav .portfolio_filter {
    color: var(--pix-body-default);
    font-weight: 700;
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.pix-portfolio-nav .portfolio_filter.is-checked {
    background: var(--pix-base-background, #fff);
    color: var(--pix-heading-default);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15)!important
}

.pix-portfolio-nav .portfolio_filter:hover {
    color: var(--pix-heading-default)
}

.pix-portfolio-nav.is-dark .portfolio_filter:not(.is-checked) {
    color: rgba(255, 255, 255, .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
}

.pix-portfolio-footer-nav .pix-portfolio-like-btn .pixfort-likes {
    background: var(--pix-base-background, #fff);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15)!important;
    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 rgba(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: 0
    }
    .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: 1e3px;
    height: auto;
    overflow: hidden;
    position: relative;
    transition: all .4s cubic-bezier(.165, .84, .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 .4s cubic-bezier(.165, .84, .44, 1);
    opacity: 1;
    z-index: 3
}

.pix-banner .pix-banner-close:hover {
    opacity: .6
}

.pix-banner.pix-closed {
    max-height: 0!important;
    pointer-events: none;
    opacity: 0
}

@media screen and (max-width:1023px) {
    .pix-banner .pix-banner-text,
    .pix-banner .pix-banner-countdown,
    .pix-banner .pix-banner-btn {
        width: 100%;
        margin: 10px 0
    }
}

.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 {
    z-index: 2;
    position: relative
}

.single-portfolio .pix-main-intro {
    z-index: 3
}

.pix-header-mobile {
    position: relative
}

.pix-sticky-footer.pix-sticky-footer-style {
    width: 100%!important;
    height: auto;
    position: fixed!important;
    left: 0!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: #282e3f;
    background: linear-gradient(to right, #282e3f, #282e3f)!important;
    width: 100%;
    height: 4px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    opacity: 1;
    transform: rotate(3deg)translate(0, -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(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.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: .9;
    transition: opacity .2s ease, transform .2s ease
}

.pix-post-format-btn .pix-post-format-a svg {
    line-height: 100px;
    font-size: 34px;
    max-height: 60px;
    color: var(--pix-body-default);
    transition: color .2s ease;
    backface-visibility: hidden
}

.pix-post-format-btn .pix-post-format-a:hover {
    opacity: 1;
    background: var(--pix-dynamic-background, #fff)!important
}

.pix-post-format-btn .pix-post-format-a:hover svg {
    color: var(--pix-heading-default)
}

.pix-event-table tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .1)!important
}

.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 .4s cubic-bezier(.165, .84, .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 {
    --pix-highlight-bg: #ffd900;
    background-image: linear-gradient(var(--pix-highlight-bg), var(--pix-highlight-bg));
    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 .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 .2s ease!important
}

@media(min-width:1023px) {
    .pix-main-intro-placeholder {
        display: var(--pix-header-height-display, none);
        width: 100%;
        min-height: var(--pix-header-height, 0px);
        clear: both
    }
}

@media(max-width:1023px) {
    .pix-main-intro-placeholder {
        display: var(--pix-header-height-mobile-display, none);
        width: 100%;
        min-height: var(--pix-header-height-mobile, 0px);
        clear: both
    }
}

.pix-bottom-line {
    border-bottom: 1px solid #eee
}

.pix-bottom-line:not(:hover),
.pix-bottom-line.shadow-hover-none:hover {
    border-radius: 0!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%
}

.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 .4s cubic-bezier(.165, .84, .44, 1)!important
}

.pix-base-transition.animate-in,
.pix-base-transition.animating {
    transition: all .8s cubic-bezier(.165, .84, .44, 1)!important
}

.pix-base-transition.elementor-inner-section.elementor-element.animate-in,
.pix-base-transition.elementor-inner-section.elementor-element.animating {
    transition: all .8s cubic-bezier(.165, .84, .44, 1)!important
}

.pix-runtime-canvas {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pix-post-meta-categories,
.pix-post-meta-badges {
    line-height: 1;
    display: flex;
    gap: 4px;
    flex-wrap: wrap
}

.pix-post-meta-categories .pix-badge-element,
.pix-post-meta-badges .pix-badge-element {
    margin-right: 0!important
}

.pix-post-meta-badges {
    justify-self: flex-end
}

.woo-btn {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.woo-btn:focus,
.woo-btn.focus {
    outline: 0;
    box-shadow: 0 0 0 rgba(40, 46, 63, .25).2rem
}

.woo-btn.disabled,
.woo-btn:disabled {
    opacity: .65;
    box-shadow: none
}

.single_add_to_cart_button {
    height: 2.7rem;
    font-size: 12px!important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15)!important;
    transition: var(--transition-base)
}

.single_add_to_cart_button:hover {
    transform: translate(0, -3px)!important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15)!important
}

.woocommerce .title h3 {
    font-size: 1.875rem;
    font-weight: 700
}

.widget.woocommerce.widget_product_categories .product-categories li:hover .count {
    background: rgba(40, 46, 63, .1)
}

.pix-boxed-widgets .widget.woocommerce.widget_price_filter form {
    background: #fff!important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15)!important;
    border-radius: 5px;
    padding: 20px
}

.pix-boxed-widgets .widget.woocommerce.widget_recent_reviews .product_list_widget li,
.pix-boxed-widgets .widget.woocommerce.widget_recently_viewed_products .product_list_widget li,
.pix-boxed-widgets .widget.woocommerce.widget_products .product_list_widget li,
.pix-boxed-widgets .widget.woocommerce.widget_top_rated_products .product_list_widget li {
    background: #fff!important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15)!important;
    border-radius: 5px;
    padding: 20px 20px 20px 120px;
    min-height: 120px;
    transition: var(--transition-base)
}

.pix-boxed-widgets .widget.woocommerce.widget_recent_reviews .product_list_widget li:hover,
.pix-boxed-widgets .widget.woocommerce.widget_recently_viewed_products .product_list_widget li:hover,
.pix-boxed-widgets .widget.woocommerce.widget_products .product_list_widget li:hover,
.pix-boxed-widgets .widget.woocommerce.widget_top_rated_products .product_list_widget li:hover {
    transform: translate(0, -3px)!important
}

.pix-boxed-widgets .widget.woocommerce.widget_recent_reviews .product_list_widget li .woocommerce-placeholder.wp-post-image,
.pix-boxed-widgets .widget.woocommerce.widget_recent_reviews .product_list_widget li .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
.pix-boxed-widgets .widget.woocommerce.widget_recently_viewed_products .product_list_widget li .woocommerce-placeholder.wp-post-image,
.pix-boxed-widgets .widget.woocommerce.widget_recently_viewed_products .product_list_widget li .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
.pix-boxed-widgets .widget.woocommerce.widget_products .product_list_widget li .woocommerce-placeholder.wp-post-image,
.pix-boxed-widgets .widget.woocommerce.widget_products .product_list_widget li .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
.pix-boxed-widgets .widget.woocommerce.widget_top_rated_products .product_list_widget li .woocommerce-placeholder.wp-post-image,
.pix-boxed-widgets .widget.woocommerce.widget_top_rated_products .product_list_widget li .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    left: 20px
}

.pix-boxed-widgets .widget.woocommerce.widget_product_categories .product-categories li {
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15)!important;
    border-radius: 5px;
    margin-bottom: 10px
}

.pix-boxed-widgets .widget.woocommerce.widget_product_categories .product-categories li:hover {
    transform: translate(0, -3px)!important
}

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
}

details {
    display: block
}

summary {
    cursor: pointer;
    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;
    line-height: inherit
}

pre {
    background: rgba(0, 0, 0, 3%);
    font-family: "courier 10 pitch", Courier, monospace;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.1;
    margin-bottom: 1.1em!important;
    max-width: 100%;
    overflow: auto;
    padding: 1.1em;
    border-radius: 5px;
    margin-top: 0
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, andale mono, dejavu sans mono, monospace;
    font-size: .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: 700
}

dd {
    margin: 0 1.5em 1.5em
}

img {
    max-width: 100%
}

figure {
    margin: 1em 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

output {
    display: inline-block
}

.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
}