/* ========================================================================================== */
/* ANIMATIONS
/* ========================================================================================== */

.fade-in-bottom-top {
  -webkit-animation: fade-in-bottom-top 1000ms linear both;
  animation: fade-in-bottom-top 1000ms linear both;
}

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A1000%2CD%3A0%2Cf%3A%7Bx%3A0%2Cy%3A100%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A3%2Cb%3A4%7D%5D%7D */

@-webkit-keyframes fade-in-bottom-top {
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 48.573, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 48.573, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 12.141, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 12.141, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.228, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.228, 0, 1); }
  17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.333, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.333, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.063, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.063, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.623, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.623, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.042, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.042, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.003, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.003, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes fade-in-bottom-top {
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 48.573, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 48.573, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 12.141, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 12.141, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.228, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.228, 0, 1); }
  17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.333, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.333, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.063, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.063, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.623, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.623, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.042, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.042, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.003, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.003, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}




@-webkit-keyframes slide {
  0% { -webkit-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.2% { -webkit-transform: matrix3d(1.058, 0, 0, 0, 0, 1.058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.058, 0, 0, 0, 0, 1.058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.31% { -webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.034, 0, 0, 0, 0, 1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% { -webkit-transform: matrix3d(1.02, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.51% { -webkit-transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.82% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.03% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes slide {
  0% { -webkit-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.2% { -webkit-transform: matrix3d(1.058, 0, 0, 0, 0, 1.058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.058, 0, 0, 0, 0, 1.058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.31% { -webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.034, 0, 0, 0, 0, 1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% { -webkit-transform: matrix3d(1.02, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.51% { -webkit-transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.82% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.03% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}




@-webkit-keyframes textslide {
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 20, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 20, 0, 1); }
  3.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.522, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.522, 0, 1); }
  6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.232, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.232, 0, 1); }
  12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.273, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.273, 0, 1); }
  18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.933, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.933, 0, 1); }
  25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.877, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.877, 0, 1); }
  37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.172, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.172, 0, 1); }
  50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.032, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.032, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes textslide {
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 20, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 20, 0, 1); }
  3.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.522, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.522, 0, 1); }
  6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.232, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.232, 0, 1); }
  12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.273, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.273, 0, 1); }
  18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.933, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.933, 0, 1); }
  25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.877, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.877, 0, 1); }
  37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.172, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.172, 0, 1); }
  50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.032, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.032, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

@keyframes rotate-dropdown {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
}
.rotate-dropdown {
    -webkit-animation: rotate-dropdown 300ms linear;
    -moz-animation: rotate-dropdown 300ms linear;
    -ms-animation: rotate-dropdown 300ms linear;
    -o-animation: rotate-dropdown 300ms linear;
    animation: rotate-dropdown 300ms linear;
}



.bottom-top-slow {
  -webkit-animation: bottom-top-slow 1000ms linear both;
  animation: bottom-top-slow 1000ms linear both;
}

@-webkit-keyframes bottom-top-slow {
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); opacity:0;}
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.857, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.857, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.214, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.214, 0, 1); opacity:1;}
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.523, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.523, 0, 1); }
  17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.933, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.933, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.206, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.206, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.062, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.062, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.004, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.004, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes bottom-top-slow {
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); opacity:0;}
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.857, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.857, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.214, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.214, 0, 1); opacity:1;}
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.523, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.523, 0, 1); }
  17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.933, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.933, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.206, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.206, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.062, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.062, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.004, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.004, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}


/* ========================================================================================== */
/* UTILITY
/* ========================================================================================== */

/* MIXINS & PLACEHOLDERS
------------------------------------*/
#navbar a, a.dropdown-toggle[aria-expanded="true"]::after, .slick-slider .slick-next:before,
.slick-slider .slick-prev:before, #search-results li {
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}

#navbar {
	-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

#slider .bg-parallax:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ========================================================================================== */
/* UTILITIES
/* ========================================================================================== */

.height-inherit {
	height: inherit;
}

.btn {
	text-transform: uppercase;
}

.btn-link, .btn-link:focus, .btn-link:visited {
	outline: none;
	border: none;
}

.supermall {
	font-size: 0.55rem;
}

.inline-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.inline-list li {
	display: inline-block;
}

.fa-star.not-filled {
	color: white;
}

.slick-slider {
	max-width: 100%;
}

i.fas, i.fa, i.fab, i.far {
	font-weight: 900;
}
.flag-lists ul li {
	margin-bottom: 10px;
}

.dropdown.bootstrap-select.mb-0 .btn.dropdown-toggle {
	margin: 0;
}

figure img {
	max-width: 100%;
	height: auto;
}

.btn.btn-link:visited, .btn.btn-link:focus {
	outline: none;
	border: 0;
	box-shadow: none;
}

body .bootstrap-select .dropdown-toggle:focus,
body .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
	outline: none !important;
	box-shadow: none !important;
}

* {
	outline: none !important;
}

a.dropdown-toggle[aria-expanded="true"]::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

a, button {
	outline: none;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.bold {
  font-weight: bold;
}
.line-through {
  text-decoration: line-through;
}
.dark {
  color: #181818;
}
/* COLORS AND BACKGROUNDS
------------------------------------*/
.text-gray-100, a.text-gray-100, .text-gray-100:link, .text-gray-100:visited {
	color: #f8f9fa;
}

.text-gray-200, a.text-gray-200, .text-gray-200:link, .text-gray-200:visited {
	color: #e9ecef;
}

.text-gray-300, a.text-gray-300, .text-gray-300:link, .text-gray-300:visited {
	color: #dee2e6;
}

.text-gray-400, a.text-gray-400, .text-gray-400:link, .text-gray-400:visited {
	color: #ced4da;
}

.text-gray-500, a.text-gray-500, .text-gray-500:link, .text-gray-500:visited {
	color: #adb5bd;
}

.text-gray-600, a.text-gray-600, .text-gray-600:link, .text-gray-600:visited {
	color: #6c757d;
}

.text-gray-700, a.text-gray-700, .text-gray-700:link, .text-gray-700:visited {
	color: #495057;
}

.text-gray-800, a.text-gray-800, .text-gray-800:link, .text-gray-800:visited {
	color: #343a40;
}

.text-gray-900, a.text-gray-900, .text-gray-900:link, .text-gray-900:visited {
	color: #212529;
}

.bg-gray-100 {
	background-color: #f8f9fa;
}

.bg-gray-200 {
	background-color: #e9ecef;
}

.bg-gray-300 {
	background-color: #dee2e6;
}

.bg-gray-400 {
	background-color: #ced4da;
}

.bg-gray-500 {
	background-color: #adb5bd;
}

.bg-gray-600 {
	background-color: #6c757d;
}

.bg-gray-700 {
	background-color: #495057;
}

.bg-gray-800 {
	background-color: #343a40;
}

.bg-gray-900 {
	background-color: #212529;
}
.text-center {
  text-align: center;
}
.text-line-through {
    text-decoration: line-through;
}

/* COMPONENTS
------------------------------------*/
img.lazy {
	opacity: 0;
}

img:not(.initial) {
	transition: opacity 1s;
}

img.initial,
img.loaded,
img.error {
	opacity: 1;
}

img:not([src]) {
	visibility: hidden;
}

.nav-pills .nav-item {
	margin-bottom: 15px;
}

.nav-pills .nav-item .nav-link {
	color: #DCB030;
	background-color: transparent;
	text-transform: uppercase;
	font-size: 0.8rem;
	border-radius: 0;
	padding-left: 0;
	margin-right: 25px;
	text-align: left;
}

.nav-pills .nav-item .nav-link.active {
	border-bottom: 3px solid #DCB030;
}

.nav-pills .nav-item:last-child .nav-link {
	margin-right: 0;
}

#tabs .tab-pane {
	padding: 2rem 0;
}

#tabs .tab-pane p {
	color: #6c757d;
	font-size: 0.95rem;
}

#tabs .tab-pane p a {
	text-transform: uppercase;
	text-decoration: underline;
	color: #6c757d;
	font-size: 0.90rem;
}

.bootstrap-select .dropdown-toggle::after {
	border: none;
	/*font-family: "FontAwesome";
	content: "\f107";*/
	font-size: 1.5rem;
	font-weight: 100;
}

.dropdown-toggle.btn-outline-dark {
	color: #343a40;
	background-color: transparent;
	border:1px solid #c2c2c2 !important;
	padding: 10px 12px;
}

.h5 {
	font-size: 21px !important;
}
.font-weight-light {
	font-weight: 300 !important;
}
.bootstrap-select .selected.active .dropdown-item.active {
	background: transparent;
	color: #181818;
}

#search-string {
	height: 60px;
	font-size: 1.5rem;
	font-weight: 100;
	border: 0;
	outline: none;
	box-shadow: none;
}

#spinner {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

#search-results {
	margin: 0;
	padding: 0;
	list-style: none;
}

#search-results li {
	display: block;
	padding: 10px;
	background: #fafafa;
	color: #000;
	font-size: 1.2rem;
	border-top: 1px solid #e6e6e6;
}

#search-results li:hover {
	background-color: #f1f1f1;
}

#search-results li:hover a {
	text-decoration: none;
}

#search-results li figure a {
	display: block;
	width: 85px;
	height: 85px;
	border-radius: 2px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.fade {
	-webkit-transition: opacity 0.15s linear !important;
	-moz-transition: opacity 0.15s linear !important;
	-o-transition: opacity 0.15s linear !important;
	transition: opacity 0.15s linear !important;
}

.modal.fade .modal-dialog {
	transition: -webkit-transform 0.3s ease-out !important;
	transition: transform 0.3s ease-out !important;
	transition: transform 0.3s ease-out,-webkit-transform 0.3s ease-out !important;
}

/* ========================================================================================== */
/* BASE
/* ========================================================================================== */

.main.wide {
  max-width: 100% !important;
}
.main.wide .wrap,
.main.wide .wrap,
.main.wide .navbar,
.main.wide .footer-container {
  max-width: 100% !important;
}

.flex-row {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.d-flex {
	display: -ms-flexbox!important;
	display: flex!important;
}

.justify-content-center {
	-ms-flex-pack: center!important;
	justify-content: center!important;
}

.flex-column {
	-ms-flex-direction: column!important;
	flex-direction: column!important;
}

.bootstrap-select button {
	line-height: normal;
	border-radius: 0.4rem;
}

.bootstrap-select button:after {
	color: #495057 !important;
	top: 1px !important;
	margin-top: 0 !important;
}

.bootstrap-select button:hover {
	background: #f8f9fa;
}

.bootstrap-select .btn-outline-dark:not(:disabled):not(.disabled):active,
.bootstrap-select .btn-outline-dark:not(:disabled):not(.disabled).active,
.bootstrap-select.show > .btn-outline-dark.dropdown-toggle {
	background: #FFFFFF !important;
	border-color: #DCB030 !important;
}

.bootstrap-select .btn-outline-dark:not(:disabled):not(.disabled):active .filter-option-inner-inner,
  .bootstrap-select .btn-outline-dark:not(:disabled):not(.disabled).active .filter-option-inner-inner,
  .bootstrap-select.show > .btn-outline-dark.dropdown-toggle .filter-option-inner-inner {
	text-transform: none !important;
	color: #adb5bd;
}

.bootstrap-select .btn-outline-dark:not(:disabled):not(.disabled):active:after,
  .bootstrap-select .btn-outline-dark:not(:disabled):not(.disabled).active:after,
  .bootstrap-select.show > .btn-outline-dark.dropdown-toggle:after {
	color: #adb5bd !important;
}

.bootstrap-select .btn-outline-dark {
	border-color: #adb5bd;
}

.bootstrap-select .filter-option-inner-inner {
	text-transform: none !important;
	color: #495057;
}

.bootstrap-select li a {
	background: transparent !important;
	font-size: 14px;
	padding: 8px 15px;
}

.bootstrap-select li a:active, .bootstrap-select li a:focus {
	color: #343a40 !important;
}

.bootstrap-select li a:hover {
	background: #DCB030 !important;
}

.bootstrap-select li.selected a {
	color: #DCB030 !important;
}

.bootstrap-select li.selected a:hover {
	color: #343a40 !important;
}

.bootstrap-select li:focus {
	outline: none !important;
}


.bootstrap-select .dropdown-menu.show {
	opacity: 1;
	border-radius: 0.4rem;
	border-top-color: #DCB030;
	padding: 0;
	margin-top: 33px;
}

#btn-group a,
.btn-group a {
	line-height: normal;
	font-weight: 300;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	#btn-group a,
    .btn-group a {
		font-size: 0.7rem;
	}

	#btn-group a i,
      .btn-group a i {
		display: none;
	}
}

.results thead {
	font-size: 0.9rem;
	background: #93A7B9;
	color: #FFFFFF;
}

.results thead th {
	border: none;
	font-weight: 400;
	vertical-align: middle !important;
}

.results p, .results span, .results a, .results tbody, .results textarea, .results input {
	font-size: 0.8rem;
	margin: 0;
}

.results a:not(.btn) {
	color: #343a40;
}

.results td {
	vertical-align: middle;
}

ul.navbar-nav li {
	margin-right: 10px;
}

ul.navbar-nav li:last-child {
	margin-right: 0;
}

.navbar-brand:hover {
	color: #DCB030 !important;
}

#links-wrap {
	background-color: #053266;
}

#links-wrap ul li {
	background-color: transparent !important;
	border: 0 !important;
	text-align: center;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: #DCB030;
}

.w-100 {
	width: 100% !important;
}

#btn-group {
	margin-bottom: 1.5rem !important;
	margin-top: 1.5rem !important;
	align-items: center !important;
	display: flex !important;
}
#btn-group a {
	line-height: normal;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 1rem !important;
	align-items: center !important;
	display: flex !important;
	color: #212529;
	background-color: #DCB030;
	border-color: #DCB030;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 16px;
	border-radius: .25rem;
	justify-content: space-between !important;
	text-decoration: none;
}
.ml-md-4,
.mx-md-4 {
	margin-left: 1.5rem !important;
}
.w-100 {
	width: 100% !important;
}
.ml-sm-4,
.mx-sm-4 {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

.d-none {
	display: none;
}

.modal-xl {
	max-width: 1140px !important;
}
.modal-dialog {
	width: 800px;
}
.modal h4 {
	font-size: 23px;
}
table.table * {
	font-size: 16px;
}
.bg-transparent {
	background: transparent !important;
	box-shadow: none !important;
}
.bg-white {
	background-color: #FFFFFF;
}
.rounded-lg {
	border-radius: 14px !important;
}
.border-0 {
	border: 0 !important;
}
.btn-secondary:hover,
#btn-group a:hover,
.btn-group a:hover {
	color: #212529;
	background-color: #c59b21;
	border-color: #ba921f;
}
.btn-secondary,
#btn-group a,
.btn-group a {
	color: #212529;
	background-color: #DCB030;
	border-color: #DCB030;
}

.alert h5 {
	font-size: 16px;
}
.justify-content-end {
	justify-content: flex-end !important;
}
.d-sm-flex {
	display: flex !important;
}
.d-inline-block {
	display: inline-block !important;
}
.mb-3,
#btn-group a,
.btn-group a,
.my-3 {
	margin-bottom: 1rem !important;
}

.card h5,
.card .h5 {
	font-size: 18px;
}
@media (min-width: 768px) {
	.ml-md-3,
	.mx-md-3 {
		margin-left: 1rem !important;
	}
}


.border-left {
	border-left: 1px solid #dee2e6 !important;
}
.border-secondary {
	border-color: #DCB030 !important;
}
.pl-3,
.px-3 {
	padding-left: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.container-fluid {
	width: 100% !important;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.results p,
.results span,
.results a,
.results tbody,
.results textarea,
.results input {
	font-size: 14px !important;
	margin: 0;
}

.btn-sm,
.btn-group-sm>.btn,
#btn-group .btn-group-sm>a,
.btn-group .btn-group-sm>a {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
}
.btn-sm {
	padding: 7px 9px 2px 9px !important;
}
.text-white {
	color: white !important;
}
.table>thead>tr>th {
	border-bottom: 0 !important;
}
table.text-center,
table.text-center th,
table.text-center td {
  text-align: center;
}
.fa-plus,
.fa-times-big {
	font-size: 25px !important;
	line-height: 31px !important;
}
.d-block {
	display: block;
}

@media (min-width: 768px) {
	.d-md-flex {
		display: flex !important;
	}
	.modal-body .d-md-flex {
		width: 100% !important;
	}
}
.align-items-center {
	align-items: center !important;
}
.justify-content-between {
	justify-content: space-between !important;
}
.m-0 {
	margin: 0 !important;
}
.d-md-flex h5 {
	font-size: 18px;
}
.mb-4{
	margin-bottom: 18px !important;
}
.mb-2{
	margin-bottom: 10px !important;
}

.mb-3{
  margin-bottom: 14px !important;
}
.mt-4{
  margin-top: 18px !important;
}
.mt-2{
  margin-top: 10px !important;
}
.mt-3{
  margin-top: 14px !important;
}
.mt-5 {
  margin-top: 3rem;
}

.pb-4{
  padding-bottom: 18px !important;
}
.pb-2{
  padding-bottom: 10px !important;
}
.pb-3{
  padding-bottom: 14px !important;
}
.pt-4{
  padding-top: 18px !important;
}
.pt-2{
  padding-top: 10px !important;
}
.pt-3{
  padding-top: 14px !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.pb-5 {
    padding-bottom: 3rem !important;
}
.px-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
table.results td {
	vertical-align: middle !important;
}
table.results textarea.form-control {
	min-height: 85px !important;
}
table.results .form-control {
	padding-left: 10px !important;
}
.border-0 {
	border: 0 !important;
}
.pr-0 {
	padding-right: 0 !important;
}

.btn.dropdown-toggle {
	font-size: 16px !important;
	padding: 10px !important;
}
.logout-link {
	color: #ccc;
	font-size: 20px;
	padding-top: 15px;
	display: inline-block;
}
.caret {
	color: #deb01a;
}
.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.border-bottom {
	border-bottom: 1px solid #dee2e6 !important;
}
span.badge {
	background: #deb01a;
	color: white;
	position: relative;
	font-size: 14px !important;
	padding: 2px 5px;
	line-height: 14px;
	left:-10px;
	top:-8px;
}

.topbar-icon span.badge {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #012f60;
}

.edit-title {
	font-size: 20px;
	padding: 5px 6px;
	line-height: 0;
}
table.results a.btn {
	width: 32px;
	height: 32px;
	line-height: 23px;
}

.nav-link.dropdown-toggle {
	position: relative;
}
.nav-link.dropdown-toggle:before {
	content:'';
	position: absolute;
	bottom:22px;
	right: 0;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid #ccc;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
li.nav-item .dropdown-menu a {
	display: block;
	color: #777;
	width: 100%;
	padding: 10px 10px 0 10px;
}
li.nav-item .dropdown-menu {
	padding: 0 0 10px 0;
}

.pill {
    background-color: #deb01a;
    padding: 0 15px !important;
    color: white !important;
    border-radius: 100px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 48px !important;
    height: 45px;
}
.pill:hover {
    background-color: #c39b17 !important;
}
.ml-3 {
    margin-left: 20px;
}
.ml-md-3 {
    margin-left: 20px;
}
.m-0-auto {
  margin: 0 auto !important;
}

/* =========== MAIN MENU ============= */

#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"],
#menu ul span.drop-icon {
  display: none;
}

#menu li,
#toggle-menu,
#menu .sub-menu {

}

#menu li,
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: #fff;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li,
#toggle-menu,
#menu a {
  position: relative;
  display: inline-block;
  color: #181818;
}

#menu,
#toggle-menu {
}
.main-menu {
  text-align: center;
}

#menu .sub-menu {
    box-shadow: 0 0 6px #ddd;
    border-radius: 3px;
}



#menu .sub-menu li {
    text-align: left;
    width:100%;
}
#menu .sub-menu a {
  padding: 0.5em 1.5em;
  display:block;
  width:100%;
}

#toggle-menu,
#menu a {
  padding: 1em 1.5em;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover,
#menu a:active,
#menu a:focus {
  /*background-color: white;*/
  color: #deb01a;
  text-decoration: none;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a {
  border-bottom: 1px solid #b3b3b3;
}

#menu .sub-menu a:hover {
  color: #deb01a;
}

#toggle-menu .drop-icon,
#menu li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 1.25em;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  font-size: 1.2em;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0 0 0 transparent;
  background-color: rgba(0, 0, 0, .125);
  color: #deb01a;
  cursor: pointer;
  padding: 1em;
}

#menu .drop-icon {
  line-height: 1;
}

#menu a:hover .drop-icon {
  transform: rotate(-90deg);
}

a.topbar-icon {
  display: inline-block;
  background-color: #deb01a;
  color: white;
  margin:0 5px 0;
  padding: 10px 15px;
  border-radius: 50%;
}
a.topbar-icon.wording {
  border-radius: 20px;
}

/* =============================================================================================================== */
/* PROMOTIONS
/* =============================================================================================================== */
.page-title-centered {
  text-align: center;
  font-weight: lighter;
  border-bottom: 1px solid #dee2e6 !important;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
#promo-container {
  text-align: center;
}

.category-box {
  background: #f2f2f2;
}
.category-box {
  margin: 0 10px 10px 0;
  width: 194px;
  float: none !important;
  display: inline-block;
}
.category-box.last-child {
  margin-right: 0;
}

a.icon-thumb {
  display: block;
  padding: 3rem 1rem;
  text-align: center; }
  a.icon-thumb:hover {
    background: #f1f1f1; }
    a.icon-thumb:hover img {
      -webkit-animation: zoomin 1000ms linear both;
      transform: scale(1.5);
      animation: zoomin 1000ms linear both;
      fill: #deb01a !important; }
  a.icon-thumb img {
    height: 100px;
    width: auto;
    fill: #6c757d; }

.figure-product {
  display: block;
  position: relative;
  overflow: hidden; }
  .figure-product .promo-badge {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all 0 linear;
    transition: all 0 linear; }
  .figure-product img.img {
    position: relative;
    top: 6px;
    -webkit-animation: zoomout 1000ms linear both;
    animation: zoomout 1000ms linear both; }
  .figure-product:hover img.img {
    -webkit-animation: zoomin 1000ms linear both;
    animation: zoomin 1000ms linear both; }
  .figure-product:hover .promo-badge {
    right: 0; }

.figure-product {
  position: relative; }
  .figure-product h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(222, 176, 26, 0.85);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.5px; }
    .figure-product h3:before {
      content: '';
      position: absolute;
      top: -10px;
      left: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0px 10px 8.5px;
      border-color: transparent transparent rgba(179, 142, 21, 0.75);
      z-index: -1; }
    .figure-product h3:after {
      content: '';
      position: absolute;
      top: -10px;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 8.5px 10px 0px;
      border-color: transparent transparent rgba(179, 142, 21, 0.75);
      z-index: -1; }
    .figure-product h3 a {
      color: white;
      position: relative; }

.animation-border {
  position: relative; }
  .animation-border:after {
    content: '';
    position: absolute;
    width: 110px;
    height: 3px;
    background: #deb01a;
    left: 50%;
    margin-left: -55px;
    bottom: -15px;
    opacity: 0; }
  .animation-border:hover:after {
    opacity: 1;
    -webkit-animation: borderup 1000ms linear both;
    animation: borderup 1000ms linear both;
    animation-direction: alternate;
    -webkit-animation-direction: alternate; }

.back-category {
  outline: none !important;
  background: none;
  color: #deb01a;
  box-shadow: none;
  border: none;
  font-size: 1.3rem;
  position: absolute;
  top: 50%;
  left: -30px;
  display: none; }
  .back-category.active {
    display: block;
    -webkit-animation: zoomin 1000ms linear both;
    animation: zoomin 1000ms linear both; }

.category-box.fadein {
  -webkit-animation: fadeIn 1000ms linear both;
  animation: fadeIn 1000ms linear both; }

.category-box.fadeout {
  display: none;
  -webkit-animation: fadeOut 1000ms linear both;
  animation: fadeOut 1000ms linear both; }

.subcategory {
  display: none; }
  .subcategory.fadein {
    display: block;
    -webkit-animation: fadeIn 1000ms linear both;
    animation: fadeIn 1000ms linear both; }

.subcarousel {
  display: none; }
  .subcarousel.active {
    display: block; }
  .subcarousel .carousel-indicators {
    bottom: -30px; }
    .subcarousel .carousel-indicators li {
      width: 10px;
      height: 10px;
      border: none;
      background-color: #deb01a; }

.category-box h3 {
  margin: 0;
}

.category-box h3 a {
  color: #181818;
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 15px 0;
  display: block;
}
.category-box h3 a.active {
  background-color: #deb01a;
}

.category-box h3 a:hover {
  background-color: #deb01a;
  text-decoration: none;
}
a.sub-category-link {
  color: #37383c;
  letter-spacing: 0.5px;
  font-size: 1.2rem;
  border: 2px solid #deb01a;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block;
  width: 180px;
  text-align: center;
  padding: 15px 0;
  text-decoration: none;
  text-transform: uppercase;
}
a.sub-category-link:hover,
a.sub-category-link.active {
  background-color: #deb01a;
}
.category-box h3.hover {
  background-color: #deb01a;
}

#grid-cart-container {
  text-align: center;
}
.cart-card {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  display: inline-block;
  width: 332.5px;
  padding: 10px;
  margin: 1rem;
  text-align: left;
}
.img-holder {
  float: left;
  width: 80px;
  height: 80px;
  position: relative;
  margin-right: 25px;
}
.promo-badge {
  position: absolute;
  left: 0;
  background-image: url('../_img/discount-badge.png');
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
}
.cart-holder div {
  width: 100px;
  display: inline-block;
}
div.qnt-holder {
  margin: 0 auto;
  overflow: hidden;
}
.qnt-holder .form-group {
  margin: 15px auto 0;
}
.cart-holder .btn {
  margin-top:15px;
  font-size: 0.8em;
}
.cart-holder h5 {

}
.info-holder {
  overflow: hidden;
  padding-bottom: 5px;
}
.cart-card p {
  margin: 0;
  line-height: 120%;
  font-size: 0.8em;
}
.availability p {
  margin:1rem 0 !important;
}
.cart-card h5 {
  margin: 0 0 8px;
  font-weight: bold;
}
.availability .small {
  font-weight: lighter;
}
.green {
  color: green;
}
.red {
  color: #DC143C;
}
.orange {
  color: #FF8C00;
}



/* ========================================================================================== */
/* PARTS GRID
/* ========================================================================================== */
.grid {
  max-width: 100%; }
  .grid li {
    display: block;
    padding: 0;
    width: 134.5px;
    margin: 5px;
    overflow: hidden;
    display: inline-block;
  }
    .grid li.hidden {
      display: none; }
    .grid li.show {
      -webkit-animation: bottom-to-top 1000ms linear both;
      animation: bottom-to-top 1000ms linear both; }
    .grid li:hover .part-wrap {
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      -webkit-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      -webkit-animation: smallzoom 1000ms linear both;
      animation: smallzoom 1000ms linear both; }
    .grid li .part-wrap {
      border-radius: 0;
      -webkit-animation: smallzoomout 1000ms linear both;
      animation: smallzoomout 1000ms linear both;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(26,26,26,.125);
      border-radius: .25rem; }
      .grid li .part-wrap img {
        border-radius: 0;
        width: 132.5px;}
      .grid li .part-wrap h5 {
        font-size: 1rem;
        margin: 15px 0;
        text-align: center;
        text-transform: uppercase;}
      .grid li .part-wrap .card-body {
        padding-left: 0.5rem;
        padding-right: 0.5rem; }
    .grid-item a {
      color: #37383c;
    }

.see-more i {
  line-height: 20px; }

.read-more-link i {
  position: relative;
  font-size: 1.5rem;
  top: 5px; }

/* ========================================================================================== */
/* MEDIAQUERY
/* ========================================================================================== */
@media only screen and (max-width: 64em) and (min-width: 52.01em) {
  #menu li {
    width: 33.333%;
  }

  #menu .sub-menu li {
    width: auto;
  }
}

@media only screen and (max-width: 1025px) {

  #menu li, #toggle-menu, #menu a {
      position: relative;
      display: block;
  }

  #hamburger {
    background-color: transparent !important;
  }

  #tm:checked + .main-menu {
    display: block;
    background-color: #2f2f2f;
  }
  #menu li {
    border-bottom: 1px solid #b3b3b3;
    width: 100%;
    text-align: left;
  }
  #menu li a {
    color: #fff;
  }
  #menu .sub-menu {
    background-color: #2f2f2f;
  }
  #menu .sub-menu li {
    border-bottom: none;
  }

  #menu label.drop-icon, #toggle-menu span.drop-icon {
    font-size: 1.2em;
    width: auto;
    height: auto;
  }
  #toggle-menu .drop-icon, #menu li label.drop-icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  #topbar-icon-box {
    display: block;
    width: 100%;
    text-align: center;
    clear: both;
  }

  #topbar-icon-box .pull-right {
    float: none !important;
  }

}

@media only screen and (max-width: 1140px) {

  #topbar-icon-box {
    display: block;
    width: 100%;
    text-align: center;
    clear: both;
  }

  #topbar-icon-box .pull-right {
    float: none !important;
  }

}

@media only screen and (min-width: 1025px) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu,
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: none;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }

  #menu .sub-menu,
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}
/* ========================================================================================== */
/* MOBILE AND TABLET PORTRAIT
/* ========================================================================================== */
@media only screen and (min-width: 300px) and (max-width: 1023px) {
    .ml-md-3 {
        margin-left: 0;
    }
	.flex-row  {
		display: block !important;
	}
	#btn-group,
	.modal-footer {
		display: block !important;
	}
	.modal-footer {
		padding: 10px !important;
	}
	.nav-link.dropdown-toggle:before {
		content: '';
		position: absolute;
		bottom: 16px !important;
		right: 60px !important;
	}
	#btn-group a,
	.modal-footer button,
	.modal-footer .btn {
		display: block !important;
		width: 100% !important;
		padding: 10px;
		margin: 0 0 10px 0 !important;
		font-size: 14px;
	}
	.dropdown-menu.open {
		max-width: 100px;
	}
	.nav-link.dropdown-toggle:before {
		content:'';
		position: absolute;
		bottom:22px;
		right: 0;
	}
	#links {
		display: block !important;
		text-align: center;
	}

	#links li {
		display: inline-block !important;
	}

	#slider .slide-content {
		position: relative;
		z-index: 2;
	}

	#slider .slide-content h2 {
		font-size: 2.5rem;
	}

	.navbar-toggler {
		position: absolute;
		top: 20px;
		right: 0;
	}

	.navbar-nav li {
		text-align: left;
	}

	.results thead th {
		min-width: 180px;
	}

	div.py-5 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
}

@media only screen (max-width: 1024px) {

  .category-box {
    width: 160px;
  }

}