@media(min-width:1025px) {
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    .slow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    .slower {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    .slowest {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    .delay-250 {
        -webkit-animation-delay: .25s;
        -moz-animation-delay: .25s;
        -o-animation-delay: .25s;
        animation-delay: .25s
    }
    .delay-500 {
        -webkit-animation-delay: .5s;
        -moz-animation-delay: .5s;
        -o-animation-delay: .5s;
        animation-delay: .5s
    }
    .delay-750 {
        -webkit-animation-delay: .75s;
        -moz-animation-delay: .75s;
        -o-animation-delay: .75s;
        animation-delay: .75s
    }
    .delay-1000 {
        -webkit-animation-delay: 1.0s;
        -moz-animation-delay: 1.0s;
        -o-animation-delay: 1.0s;
        animation-delay: 1.0s
    }
    .delay-1250 {
        -webkit-animation-delay: 1.25s;
        -moz-animation-delay: 1.25s;
        -o-animation-delay: 1.25s;
        animation-delay: 1.25s
    }
    .delay-1500 {
        -webkit-animation-delay: 1.5s;
        -moz-animation-delay: 1.5s;
        -o-animation-delay: 1.5s;
        animation-delay: 1.5s
    }
    .delay-1750 {
        -webkit-animation-delay: 1.75s;
        -moz-animation-delay: 1.75s;
        -o-animation-delay: 1.75s;
        animation-delay: 1.75s
    }
    .delay-2000 {
        -webkit-animation-delay: 2.0s;
        -moz-animation-delay: 2.0s;
        -o-animation-delay: 2.0s;
        animation-delay: 2.0s
    }
    .delay-2500 {
        -webkit-animation-delay: 2.5s;
        -moz-animation-delay: 2.5s;
        -o-animation-delay: 2.5s;
        animation-delay: 2.5s
    }
    .delay-2000 {
        -webkit-animation-delay: 2.0s;
        -moz-animation-delay: 2.0s;
        -o-animation-delay: 2.0s;
        animation-delay: 2.0s
    }
    .delay-2500 {
        -webkit-animation-delay: 2.5s;
        -moz-animation-delay: 2.5s;
        -o-animation-delay: 2.5s;
        animation-delay: 2.5s
    }
    .delay-3000 {
        -webkit-animation-delay: 3.0s;
        -moz-animation-delay: 3.0s;
        -o-animation-delay: 3.0s;
        animation-delay: 3.0s
    }
    .delay-3500 {
        -webkit-animation-delay: 3.5s;
        -moz-animation-delay: 3.5s;
        -o-animation-delay: 3.5s;
        animation-delay: 3.5s
    }
    .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }
    .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }
    .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn {
        opacity: 0
    }
    .lightSpeedInRight, .lightSpeedInLeft {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }
    @-webkit-keyframes bounceIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.3)
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.05)
        }
        70% {
            -webkit-transform: scale(0.9)
        }
        100% {
            -webkit-transform: scale(1)
        }
    }
    @keyframes bounceIn {
        0% {
            opacity: 0;
            transform: scale(0.3)
        }
        50% {
            opacity: 1;
            transform: scale(1.05)
        }
        70% {
            transform: scale(0.9)
        }
        100% {
            transform: scale(1)
        }
    }
    .bounceIn.go {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn
    }
    @-webkit-keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(400px)
        }
        60% {
            -webkit-transform: translateX(-30px)
        }
        80% {
            -webkit-transform: translateX(10px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }
    @keyframes bounceInRight {
        0% {
            opacity: 0;
            transform: translateX(400px)
        }
        60% {
            transform: translateX(-30px)
        }
        80% {
            transform: translateX(10px)
        }
        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }
    .bounceInRight.go {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight
    }
    @-webkit-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-400px)
        }
        60% {
            -webkit-transform: translateX(30px)
        }
        80% {
            -webkit-transform: translateX(-10px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }
    @keyframes bounceInLeft {
        0% {
            opacity: 0;
            transform: translateX(-400px)
        }
        60% {
            transform: translateX(30px)
        }
        80% {
            transform: translateX(-10px)
        }
        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }
    .bounceInLeft.go {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft
    }
    @-webkit-keyframes bounceInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(400px)
        }
        60% {
            -webkit-transform: translateY(-30px)
        }
        80% {
            -webkit-transform: translateY(10px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0)
        }
    }
    @keyframes bounceInUp {
        0% {
            opacity: 0;
            transform: translateY(400px)
        }
        60% {
            transform: translateY(-30px)
        }
        80% {
            transform: translateY(10px)
        }
        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }
    .bounceInUp.go {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp
    }
    @-webkit-keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-400px)
        }
        60% {
            -webkit-transform: translateY(30px)
        }
        80% {
            -webkit-transform: translateY(-10px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0)
        }
    }
    @keyframes bounceInDown {
        0% {
            opacity: 0;
            transform: translateY(-400px)
        }
        60% {
            transform: translateY(30px)
        }
        80% {
            transform: translateY(-10px)
        }
        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }
    .bounceInDown.go {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1;
            display: block
        }
    }
    @keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1;
            display: block
        }
    }
    .fadeIn {
        opacity: 0
    }
    .fadeIn.go {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }
    @-webkit-keyframes growIn {
        0% {
            -webkit-transform: scale(0.2);
            opacity: 0
        }
        50% {
            -webkit-transform: scale(1.2)
        }
        100% {
            -webkit-transform: scale(1);
            opacity: 1
        }
    }
    @keyframes growIn {
        0% {
            transform: scale(0.2);
            opacity: 0
        }
        50% {
            transform: scale(1.2)
        }
        100% {
            transform: scale(1);
            opacity: 1
        }
    }
    .growIn {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0
    }
    .growIn.go {
        -webkit-animation-name: growIn;
        animation-name: growIn
    }
    @-webkit-keyframes shake {
        0%, 100% {
            -webkit-transform: translateX(0)
        }
        10%, 30%, 50%, 70%, 90% {
            -webkit-transform: translateX(-10px)
        }
        20%, 40%, 60%, 80% {
            -webkit-transform: translateX(10px)
        }
    }
    @keyframes shake {
        0%, 100% {
            transform: translateX(0)
        }
        10%, 30%, 50%, 70%, 90% {
            transform: translateX(-10px)
        }
        20%, 40%, 60%, 80% {
            transform: translateX(10px)
        }
    }
    .shake.go {
        -webkit-animation-name: shake;
        animation-name: shake
    }
    @-webkit-keyframes shakeUp {
        0%, 100% {
            -webkit-transform: translateX(0)
        }
        10%, 30%, 50%, 70%, 90% {
            -webkit-transform: translateY(-10px)
        }
        20%, 40%, 60%, 80% {
            -webkit-transform: translateY(10px)
        }
    }
    @keyframes shakeUp {
        0%, 100% {
            transform: translateY(0)
        }
        10%, 30%, 50%, 70%, 90% {
            transform: translateY(-10px)
        }
        20%, 40%, 60%, 80% {
            transform: translateY(10px)
        }
    }
    .shakeUp.go {
        -webkit-animation-name: shakeUp;
        animation-name: shakeUp
    }
    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-400px)
        }
        50% {
            opacity: .3
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }
    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            transform: translateX(-400px)
        }
        50% {
            opacity: .3
        }
        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }
    .fadeInLeft {
        opacity: 0;
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px)
    }
    .fadeInLeft.go {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft
    }
    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(400px)
        }
        50% {
            opacity: .3
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }
    @keyframes fadeInRight {
        0% {
            opacity: 0;
            transform: translateX(400px)
        }
        50% {
            opacity: .3
        }
        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }
    .fadeInRight {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }
    .fadeInRight.go {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }
    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(400px)
        }
        50% {
            opacity: .3
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0)
        }
    }
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(400px)
        }
        50% {
            opacity: .3
        }
        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }
    .fadeInUp {
        opacity: 0;
        -webkit-transform: translateY(400px);
        transform: translateY(400px)
    }
    .fadeInUp.go {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }
    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-400px)
        }
        50% {
            opacity: .3
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0)
        }
    }
    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translateY(-400px)
        }
        50% {
            opacity: .3
        }
        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }
    .fadeInDown {
        opacity: 0;
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px)
    }
    .fadeInDown.go {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown
    }
    @-webkit-keyframes rotateIn {
        0% {
            -webkit-transform-origin: center center;
            -webkit-transform: rotate(-200deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: center center;
            -webkit-transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateIn {
        0% {
            transform-origin: center center;
            transform: rotate(-200deg);
            opacity: 0
        }
        100% {
            transform-origin: center center;
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateIn.go {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn
    }
    @-webkit-keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateInUpLeft {
        0% {
            transform-origin: left bottom;
            transform: rotate(90deg);
            opacity: 0
        }
        100% {
            transform-origin: left bottom;
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateInUpLeft.go {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft
    }
    @-webkit-keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateInDownLeft {
        0% {
            transform-origin: left bottom;
            transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            transform-origin: left bottom;
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateInDownLeft.go {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft
    }
    @-webkit-keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateInUpRight {
        0% {
            transform-origin: right bottom;
            transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            transform-origin: right bottom;
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateInUpRight.go {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight
    }
    @-webkit-keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateInDownRight {
        0% {
            transform-origin: right bottom;
            transform: rotate(90deg);
            opacity: 0
        }
        100% {
            transform-origin: right bottom;
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateInDownRight.go {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight
    }
    @-webkit-keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100%) rotate(-120deg)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg)
        }
    }
    @keyframes rollIn {
        0% {
            opacity: 0;
            transform: translateX(-100%) rotate(-120deg)
        }
        100% {
            opacity: 1;
            transform: translateX(0px) rotate(0deg)
        }
    }
    .rollIn.go {
        -webkit-animation-name: rollIn;
        animation-name: rollIn
    }
    @-webkit-keyframes wiggle {
        0% {
            -webkit-transform: skewX(9deg)
        }
        10% {
            -webkit-transform: skewX(-8deg)
        }
        20% {
            -webkit-transform: skewX(7deg)
        }
        30% {
            -webkit-transform: skewX(-6deg)
        }
        40% {
            -webkit-transform: skewX(5deg)
        }
        50% {
            -webkit-transform: skewX(-4deg)
        }
        60% {
            -webkit-transform: skewX(3deg)
        }
        70% {
            -webkit-transform: skewX(-2deg)
        }
        80% {
            -webkit-transform: skewX(1deg)
        }
        90% {
            -webkit-transform: skewX(0deg)
        }
        100% {
            -webkit-transform: skewX(0deg)
        }
    }
    @keyframes wiggle {
        0% {
            transform: skewX(9deg)
        }
        10% {
            transform: skewX(-8deg)
        }
        20% {
            transform: skewX(7deg)
        }
        30% {
            transform: skewX(-6deg)
        }
        40% {
            transform: skewX(5deg)
        }
        50% {
            transform: skewX(-4deg)
        }
        60% {
            transform: skewX(3deg)
        }
        70% {
            transform: skewX(-2deg)
        }
        80% {
            transform: skewX(1deg)
        }
        90% {
            transform: skewX(0deg)
        }
        100% {
            transform: skewX(0deg)
        }
    }
    .wiggle.go {
        -webkit-animation-name: wiggle;
        animation-name: wiggle;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    @-webkit-keyframes swing {
        20%, 40%, 60%, 80%, 100% {
            -webkit-transform-origin: top center
        }
        20% {
            -webkit-transform: rotate(15deg)
        }
        40% {
            -webkit-transform: rotate(-10deg)
        }
        60% {
            -webkit-transform: rotate(5deg)
        }
        80% {
            -webkit-transform: rotate(-5deg)
        }
        100% {
            -webkit-transform: rotate(0deg)
        }
    }
    @keyframes swing {
        20% {
            transform: rotate(15deg)
        }
        40% {
            transform: rotate(-10deg)
        }
        60% {
            transform: rotate(5deg)
        }
        80% {
            transform: rotate(-5deg)
        }
        100% {
            transform: rotate(0deg)
        }
    }
    .swing.go {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing
    }
    @-webkit-keyframes tada {
        0% {
            -webkit-transform: scale(1)
        }
        10%, 20% {
            -webkit-transform: scale(0.9) rotate(-3deg)
        }
        30%, 50%, 70%, 90% {
            -webkit-transform: scale(1.1) rotate(3deg)
        }
        40%, 60%, 80% {
            -webkit-transform: scale(1.1) rotate(-3deg)
        }
        100% {
            -webkit-transform: scale(1) rotate(0)
        }
    }
    @keyframes tada {
        0% {
            transform: scale(1)
        }
        10%, 20% {
            transform: scale(0.9) rotate(-3deg)
        }
        30%, 50%, 70%, 90% {
            transform: scale(1.1) rotate(3deg)
        }
        40%, 60%, 80% {
            transform: scale(1.1) rotate(-3deg)
        }
        100% {
            transform: scale(1) rotate(0)
        }
    }
    .tada.go {
        -webkit-animation-name: tada;
        animation-name: tada
    }
    @-webkit-keyframes wobble {
        0% {
            -webkit-transform: translateX(0%)
        }
        15% {
            -webkit-transform: translateX(-25%) rotate(-5deg)
        }
        30% {
            -webkit-transform: translateX(20%) rotate(3deg)
        }
        45% {
            -webkit-transform: translateX(-15%) rotate(-3deg)
        }
        60% {
            -webkit-transform: translateX(10%) rotate(2deg)
        }
        75% {
            -webkit-transform: translateX(-5%) rotate(-1deg)
        }
        100% {
            -webkit-transform: translateX(0%)
        }
    }
    @keyframes wobble {
        0% {
            transform: translateX(0%)
        }
        15% {
            transform: translateX(-25%) rotate(-5deg)
        }
        30% {
            transform: translateX(20%) rotate(3deg)
        }
        45% {
            transform: translateX(-15%) rotate(-3deg)
        }
        60% {
            transform: translateX(10%) rotate(2deg)
        }
        75% {
            transform: translateX(-5%) rotate(-1deg)
        }
        100% {
            transform: translateX(0%)
        }
    }
    .wobble.go {
        -webkit-animation-name: wobble;
        animation-name: wobble
    }
    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale(1)
        }
        50% {
            -webkit-transform: scale(1.1)
        }
        100% {
            -webkit-transform: scale(1)
        }
    }
    @keyframes pulse {
        0% {
            transform: scale(1)
        }
        50% {
            transform: scale(1.1)
        }
        100% {
            transform: scale(1)
        }
    }
    .pulse.go {
        -webkit-animation-name: pulse;
        animation-name: pulse
    }
    @-webkit-keyframes lightSpeedInRight {
        0% {
            -webkit-transform: translateX(100%) skewX(-30deg);
            opacity: 0
        }
        60% {
            -webkit-transform: translateX(-20%) skewX(30deg);
            opacity: 1
        }
        80% {
            -webkit-transform: translateX(0%) skewX(-15deg);
            opacity: 1
        }
        100% {
            -webkit-transform: translateX(0%) skewX(0deg);
            opacity: 1
        }
    }
    @keyframes lightSpeedInRight {
        0% {
            transform: translateX(100%) skewX(-30deg);
            opacity: 0
        }
        60% {
            transform: translateX(-20%) skewX(30deg);
            opacity: 1
        }
        80% {
            transform: translateX(0%) skewX(-15deg);
            opacity: 1
        }
        100% {
            transform: translateX(0%) skewX(0deg);
            opacity: 1
        }
    }
    .lightSpeedInRight.go {
        -webkit-animation-name: lightSpeedInRight;
        animation-name: lightSpeedInRight;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    @-webkit-keyframes lightSpeedInLeft {
        0% {
            -webkit-transform: translateX(-100%) skewX(30deg);
            opacity: 0
        }
        60% {
            -webkit-transform: translateX(20%) skewX(-30deg);
            opacity: 1
        }
        80% {
            -webkit-transform: translateX(0%) skewX(15deg);
            opacity: 1
        }
        100% {
            -webkit-transform: translateX(0%) skewX(0deg);
            opacity: 1
        }
    }
    @keyframes lightSpeedInLeft {
        0% {
            transform: translateX(-100%) skewX(30deg);
            opacity: 0
        }
        60% {
            transform: translateX(20%) skewX(-30deg);
            opacity: 1
        }
        80% {
            transform: translateX(0%) skewX(15deg);
            opacity: 1
        }
        100% {
            transform: translateX(0%) skewX(0deg);
            opacity: 1
        }
    }
    .lightSpeedInLeft.go {
        -webkit-animation-name: lightSpeedInLeft;
        animation-name: lightSpeedInLeft;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    @-webkit-keyframes flip {
        0% {
            -webkit-transform: perspective(400px) rotateY(0);
            -webkit-animation-timing-function: ease-out
        }
        40% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
            -webkit-animation-timing-function: ease-out
        }
        50% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            -webkit-animation-timing-function: ease-in
        }
        80% {
            -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
            -webkit-animation-timing-function: ease-in
        }
        100% {
            -webkit-transform: perspective(400px) scale(1);
            -webkit-animation-timing-function: ease-in
        }
    }
    @keyframes flip {
        0% {
            transform: perspective(400px) rotateY(0);
            animation-timing-function: ease-out
        }
        40% {
            transform: perspective(400px) translateZ(150px) rotateY(170deg);
            animation-timing-function: ease-out
        }
        50% {
            transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            animation-timing-function: ease-in
        }
        80% {
            transform: perspective(400px) rotateY(360deg) scale(0.95);
            animation-timing-function: ease-in
        }
        100% {
            transform: perspective(400px) scale(1);
            animation-timing-function: ease-in
        }
    }
    .flip.go {
        -webkit-backface-visibility: visible!important;
        -webkit-animation-name: flip;
        backface-visibility: visible!important;
        animation-name: flip
    }
    @-webkit-keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
        40% {
            -webkit-transform: perspective(400px) rotateX(-10deg)
        }
        70% {
            -webkit-transform: perspective(400px) rotateX(10deg)
        }
        100% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
    }
    @keyframes flipInX {
        0% {
            transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
        40% {
            transform: perspective(400px) rotateX(-10deg)
        }
        70% {
            transform: perspective(400px) rotateX(10deg)
        }
        100% {
            transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
    }
    .flipInX.go {
        -webkit-backface-visibility: visible!important;
        -webkit-animation-name: flipInX;
        backface-visibility: visible!important;
        animation-name: flipInX
    }
    @-webkit-keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            opacity: 0
        }
        40% {
            -webkit-transform: perspective(400px) rotateY(-10deg)
        }
        70% {
            -webkit-transform: perspective(400px) rotateY(10deg)
        }
        100% {
            -webkit-transform: perspective(400px) rotateY(0deg);
            opacity: 1
        }
    }
    @keyframes flipInY {
        0% {
            transform: perspective(400px) rotateY(90deg);
            opacity: 0
        }
        40% {
            transform: perspective(400px) rotateY(-10deg)
        }
        70% {
            transform: perspective(400px) rotateY(10deg)
        }
        100% {
            transform: perspective(400px) rotateY(0deg);
            opacity: 1
        }
    }
    .flipInY.go {
        -webkit-backface-visibility: visible!important;
        -webkit-animation-name: flipInY;
        backface-visibility: visible!important;
        animation-name: flipInY
    }
    @-webkit-keyframes bounceOut {
        0% {
            -webkit-transform: scale(1)
        }
        25% {
            -webkit-transform: scale(0.95)
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.1)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(0.3)
        }
    }
    @keyframes bounceOut {
        0% {
            transform: scale(1)
        }
        25% {
            transform: scale(0.95)
        }
        50% {
            opacity: 1;
            transform: scale(1.1)
        }
        100% {
            opacity: 0;
            transform: scale(0.3)
        }
    }
    .bounceOut.goAway {
        -webkit-animation-name: bounceOut;
        animation-name: bounceOut
    }
    @-webkit-keyframes bounceOutUp {
        0% {
            -webkit-transform: translateY(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateY(20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px)
        }
    }
    @keyframes bounceOutUp {
        0% {
            transform: translateY(0)
        }
        20% {
            opacity: 1;
            transform: translateY(20px)
        }
        100% {
            opacity: 0;
            transform: translateY(-2000px)
        }
    }
    .bounceOutUp.goAway {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp
    }
    @-webkit-keyframes bounceOutDown {
        0% {
            -webkit-transform: translateY(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateY(-20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px)
        }
    }
    @keyframes bounceOutDown {
        0% {
            transform: translateY(0)
        }
        20% {
            opacity: 1;
            transform: translateY(-20px)
        }
        100% {
            opacity: 0;
            transform: translateY(2000px)
        }
    }
    .bounceOutDown.goAway {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown
    }
    @-webkit-keyframes bounceOutLeft {
        0% {
            -webkit-transform: translateX(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px)
        }
    }
    @keyframes bounceOutLeft {
        0% {
            transform: translateX(0)
        }
        20% {
            opacity: 1;
            transform: translateX(20px)
        }
        100% {
            opacity: 0;
            transform: translateX(-2000px)
        }
    }
    .bounceOutLeft.goAway {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft
    }
    @-webkit-keyframes bounceOutRight {
        0% {
            -webkit-transform: translateX(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(-20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px)
        }
    }
    @keyframes bounceOutRight {
        0% {
            transform: translateX(0)
        }
        20% {
            opacity: 1;
            transform: translateX(-20px)
        }
        100% {
            opacity: 0;
            transform: translateX(2000px)
        }
    }
    .bounceOutRight.goAway {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight
    }
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    @keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    .fadeOut.goAway {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut
    }
    @-webkit-keyframes fadeOutUp {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px)
        }
    }
    @keyframes fadeOutUp {
        0% {
            opacity: 1;
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            transform: translateY(-2000px)
        }
    }
    .fadeOutUp.goAway {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp
    }
    @-webkit-keyframes fadeOutDown {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px)
        }
    }
    @keyframes fadeOutDown {
        0% {
            opacity: 1;
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            transform: translateY(2000px)
        }
    }
    .fadeOutDown.goAway {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown
    }
    @-webkit-keyframes fadeOutLeft {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px)
        }
    }
    @keyframes fadeOutLeft {
        0% {
            opacity: 1;
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            transform: translateX(-2000px)
        }
    }
    .fadeOutLeft.goAway {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft
    }
    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px)
        }
    }
    @keyframes fadeOutRight {
        0% {
            opacity: 1;
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            transform: translateX(2000px)
        }
    }
    .fadeOutRight.goAway {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight
    }
    @-webkit-keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
        100% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
    }
    @keyframes flipOutX {
        0% {
            transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
        100% {
            transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
    }
    .flipOutX.goAway {
        -webkit-animation-name: flipOutX;
        -webkit-backface-visibility: visible!important;
        animation-name: flipOutX;
        backface-visibility: visible!important
    }
    @-webkit-keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px) rotateY(0deg);
            opacity: 1
        }
        100% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            opacity: 0
        }
    }
    @keyframes flipOutY {
        0% {
            transform: perspective(400px) rotateY(0deg);
            opacity: 1
        }
        100% {
            transform: perspective(400px) rotateY(90deg);
            opacity: 0
        }
    }
    .flipOutY {
        -webkit-backface-visibility: visible!important;
        -webkit-animation-name: flipOutY;
        backface-visibility: visible!important;
        animation-name: flipOutY
    }
    @-webkit-keyframes lightSpeedOutRight {
        0% {
            -webkit-transform: translateX(0%) skewX(0deg);
            opacity: 1
        }
        100% {
            -webkit-transform: translateX(100%) skewX(-30deg);
            opacity: 0
        }
    }
    @keyframes lightSpeedOutRight {
        0% {
            transform: translateX(0%) skewX(0deg);
            opacity: 1
        }
        100% {
            transform: translateX(100%) skewX(-30deg);
            opacity: 0
        }
    }
    .lightSpeedOutRight.goAway {
        -webkit-animation-name: lightSpeedOutRight;
        animation-name: lightSpeedOutRight;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    @-webkit-keyframes lightSpeedOutLeft {
        0% {
            -webkit-transform: translateX(0%) skewX(0deg);
            opacity: 1
        }
        100% {
            -webkit-transform: translateX(-100%) skewX(30deg);
            opacity: 0
        }
    }
    @keyframes lightSpeedOutLeft {
        0% {
            transform: translateX(0%) skewX(0deg);
            opacity: 1
        }
        100% {
            transform: translateX(-100%) skewX(30deg);
            opacity: 0
        }
    }
    .lightSpeedOutLeft.goAway {
        -webkit-animation-name: lightSpeedOutLeft;
        animation-name: lightSpeedOutLeft;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    @-webkit-keyframes rotateOut {
        0% {
            -webkit-transform-origin: center center;
            -webkit-transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: center center;
            -webkit-transform: rotate(200deg);
            opacity: 0
        }
    }
    @keyframes rotateOut {
        0% {
            transform-origin: center center;
            transform: rotate(0);
            opacity: 1
        }
        100% {
            transform-origin: center center;
            transform: rotate(200deg);
            opacity: 0
        }
    }
    .rotateOut.goAway {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut
    }
    @-webkit-keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            opacity: 0
        }
    }
    @keyframes rotateOutUpLeft {
        0% {
            transform-origin: left bottom;
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -transform-origin: left bottom;
            -transform: rotate(-90deg);
            opacity: 0
        }
    }
    .rotateOutUpLeft.goAway {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft
    }
    @-webkit-keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            opacity: 0
        }
    }
    @keyframes rotateOutDownLeft {
        0% {
            transform-origin: left bottom;
            transform: rotate(0);
            opacity: 1
        }
        100% {
            transform-origin: left bottom;
            transform: rotate(90deg);
            opacity: 0
        }
    }
    .rotateOutDownLeft.goAway {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft
    }
    @-webkit-keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            opacity: 0
        }
    }
    @keyframes rotateOutUpRight {
        0% {
            transform-origin: right bottom;
            transform: rotate(0);
            opacity: 1
        }
        100% {
            transform-origin: right bottom;
            transform: rotate(90deg);
            opacity: 0
        }
    }
    .rotateOutUpRight.goAway {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight
    }
    @-webkit-keyframes rollOut {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(100%) rotate(120deg)
        }
    }
    @keyframes rollOut {
        0% {
            opacity: 1;
            transform: translateX(0px) rotate(0deg)
        }
        100% {
            opacity: 0;
            transform: translateX(100%) rotate(120deg)
        }
    }
    .rollOut.goAway {
        -webkit-animation-name: rollOut;
        animation-name: rollOut
    }
    @-webkit-keyframes fadeInUpShort {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0)
        }
    }
    @keyframes fadeInUpShort {
        0% {
            opacity: 0;
            transform: translateY(20px)
        }
        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }
    .fadeInUpShort {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    .fadeInUpShort.go {
        -webkit-animation-name: fadeInUpShort;
        animation-name: fadeInUpShort
    }
    @-webkit-keyframes fadeInDownShort {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0)
        }
    }
    @keyframes fadeInDownShort {
        0% {
            opacity: 0;
            transform: translateY(-20px)
        }
        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }
    .fadeInDownShort {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    .fadeInDownShort.go {
        -webkit-animation-name: fadeInDownShort;
        animation-name: fadeInDownShort
    }
    @-webkit-keyframes fadeInRightShort {
        0% {
            opacity: 0;
            -webkit-transform: translateX(20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }
    @keyframes fadeInRightShort {
        0% {
            opacity: 0;
            transform: translateX(20px)
        }
        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }
    .fadeInRightShort {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    .fadeInRightShort.go {
        -webkit-animation-name: fadeInRightShort;
        animation-name: fadeInRightShort
    }
    @-webkit-keyframes fadeInLeftShort {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }
    @keyframes fadeInLeftShort {
        0% {
            opacity: 0;
            transform: translateX(-20px)
        }
        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }
    .fadeInLeftShort {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    .fadeInLeftShort.go {
        -webkit-animation-name: fadeInLeftShort;
        animation-name: fadeInLeftShort
    }
}

@font-face {
    font-family: 'ProximaNovaReg';
    src: url('../fonts/ProximaNovaReg/fonts/ProximaNovaReg.eot');
    src: url('../fonts/ProximaNovaReg/fonts/ProximaNovaReg.eot') format('embedded-opentype'), url('../fonts/ProximaNovaReg/fonts/ProximaNovaReg.woff2') format('woff2'), url('../fonts/ProximaNovaReg/fonts/ProximaNovaReg.woff') format('woff'), url('../fonts/ProximaNovaReg/fonts/ProximaNovaReg.ttf') format('truetype'), url('../fonts/ProximaNovaReg/fonts/ProximaNovaReg.svg#ProximaNovaReg') format('svg')
}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('../fonts/ProximaNovaLight/fonts/ProximaNovaLight.eot');
    src: url('../fonts/ProximaNovaLight/fonts/ProximaNovaLight.eot') format('embedded-opentype'), url('../fonts/ProximaNovaLight/fonts/ProximaNovaLight.woff2') format('woff2'), url('../fonts/ProximaNovaLight/fonts/ProximaNovaLight.woff') format('woff'), url('../fonts/ProximaNovaLight/fonts/ProximaNovaLight.ttf') format('truetype'), url('../fonts/ProximaNovaLight/fonts/ProximaNovaLight.svg#ProximaNovaLight') format('svg')
}

@font-face {
    font-family: 'ProximaNovaSbold';
    src: url('../fonts/ProximaNovaSemiBold/fonts/ProximaNovaSbold.eot');
    src: url('../fonts/ProximaNovaSemiBold/fonts/ProximaNovaSbold.eot') format('embedded-opentype'), url('../fonts/ProximaNovaSemiBold/fonts/ProximaNovaSbold.woff2') format('woff2'), url('../fonts/ProximaNovaSemiBold/fonts/ProximaNovaSbold.woff') format('woff'), url('../fonts/ProximaNovaSemiBold/fonts/ProximaNovaSbold.ttf') format('truetype'), url('../fonts/ProximaNovaSemiBold/fonts/ProximaNovaSbold.svg#ProximaNovaSbold') format('svg')
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('../fonts/ProximaNovaBold/fonts/ProximaNovaBold.eot');
    src: url('../fonts/ProximaNovaBold/fonts/ProximaNovaBold.eot') format('embedded-opentype'), url('../fonts/ProximaNovaBold/fonts/ProximaNovaBold.woff2') format('woff2'), url('../fonts/ProximaNovaBold/fonts/ProximaNovaBold.woff') format('woff'), url('../fonts/ProximaNovaBold/fonts/ProximaNovaBold.ttf') format('truetype'), url('../fonts/ProximaNovaBold/fonts/ProximaNovaBold.svg#ProximaNovaBold') format('svg')
}

@font-face {
    font-family: 'urw_neuzeitgrotesktotregwebfont';
    src: url('../fonts/Neuzeit/urw_neuzeitgrotesktotregwebfont.eot');
    src: url('../fonts/Neuzeit/urw_neuzeitgrotesktotregwebfont.eot') format('embedded-opentype'), url('../fonts/Neuzeit/urw_neuzeitgrotesktotregwebfont.woff2') format('woff2'), url('../fonts/Neuzeit/urw_neuzeitgrotesktotregwebfont.woff') format('woff'), url('../fonts/Neuzeit/urw_neuzeitgrotesktotregwebfont.ttf') format('truetype'), url('../fonts/Neuzeit/urw_neuzeitgrotesktotregwebfont.svg#urw_neuzeitgrotesktotregwebfont') format('svg')
}

.fa-question-circle {
    color: #6fcdfe
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px!important;
    font-family: "ProximaNovaReg"!important;
    line-height: 1.8!important;
    color: #202020!important
}

p {
    margin-bottom: 1em
}

p:last-child {
    margin-bottom: 0
}

a {
    font-family: "ProximaNovaSbold";
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    color: #fff
}

a:hover, a:focus {
    text-decoration: none;
    outline: 0
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 14px
}

h5 {
    font-size: 13px
}

h6 {
    font-size: 10px
}

h1, h2, h3, h4, h5, h6 {
    font-family: "ProximaNovaReg";
    color: #202020;
    margin: 10px 0
}

img {
    width: auto;
    height: auto
}

ul {
    display: block;
    padding: 0;
    margin: 0
}

ul li {
    display: inline-block;
    vertical-align: top
}

ul li a {
    display: block
}

.gap-20 {
    height: 20px
}

.m-r20 {
    margin-right: 20px
}

.transform-50 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.p-0 {
    padding: 0
}

.pl-0 {
    padding-left: 0
}

.bg-blue {
    background-color: #00bff3
}

.btn-radius {
    border-radius: 30px
}

.btn-common {
    padding: 10px 25px;
    font-family: "ProximaNovaBold";
    text-transform: uppercase;
    font-size: 12px
}

.btn-white {
    background-color: #fff;
    color: #3ca454
}

.btn-white a {
    color: #3ca454!important;
    padding: 10px 25px!important
}

.btn-transparent {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff
}

.btn-orange {
    background-color: #ff6100;
    color: #fff!important;
    font-family: "ProximaNovaBold"!important;
    letter-spacing: 3px;
    padding: 14px 38px!important
}

.btn-blue {
    background-color: #7b599b!important;
    color: #fff!important
}

.btn-action-holder {
    margin: auto;
    display: table
}

.btn-action-holder .btn-action {
    border-radius: 30px;
    padding: 10px 14px;
    border: 1px solid #d0d0d0;
    color: #a5a5a5;
    font-family: "ProximaNovaReg";
    font-size: 16px
}

.btn-action-holder .btn-design {
    border: 0;
    background-color: #00b9ff;
    color: #fff;
    margin-right: 10px
}

.btn-action-holder .btn-design .fa-floppy-o {
    margin-right: 10px;
    font-size: 17px
}

.btn-action-holder .fa-undo {
    margin-right: 10px
}

.btn-view-holder {
    padding-bottom: 2em
}

.btn-clipart {
    border: 1px dashed #c6d0dc;
    padding: 8px 0;
    background-color: transparent;
    font-family: "ProximaNovaBold";
    color: #6fcdfe;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%
}

.btn-clipart:focus {
    outline: 0
}

.header-title {
    background-color: #f5f8fb;
    padding: 15px 0;
    border-top: 1px solid #e7eaee
}

.header-title h1 {
    font-family: "ProximaNovaLight"
}

.col-title {
    background-color: #e5eaf0
}

.col-title h5 {
    color: #606060;
    font-family: "ProximaNovaSbold";
    letter-spacing: 2px;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 15px
}

.col-title h5 .fa-pencil-square-o {
    color: #00b9ff;
    float: right;
    font-size: 15px
}

.view-title h3 {
    font-family: "ProximaNovaSbold";
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #afafaf
}

.col-title-gray {
    background-color: #606060
}

.col-title-gray h5 {
    color: #fff;
    font-family: "ProximaNovaReg";
    text-transform: initial;
    letter-spacing: 0;
    font-size: 16px;
    padding: 15px 40px;
    margin: 0
}

.control-label {
    font-size: 14px;
    font-family: "ProximaNovaReg";
    color: #202020;
    text-align: left!important;
    font-weight: normal
}

.col-color h4 {
    margin: 0
}

.col-quantity {
    margin-top: 10px
}

.col-quantity .form-quantity {
    text-align: center;
    margin-bottom: 0
}

.col-quantity .form-quantity label {
    color: #606060;
    font-family: "ProximaNovaReg";
    font-size: 14px;
    font-weight: normal
}

.col-message {
    margin-top: 25px
}

.col-message-select {
    background-color: #f5f8fb;
    padding: 0 0 10px 15px;
    border-bottom: 1px solid #e5eaf0
}

.col-message-select .col-title {
    margin-left: -15px
}

.col-wrist-details .form-group {
    margin-bottom: 8px
}

.col-wrist-details select.form-control {
    color: #b0b0b0
}

.col-total {
    padding: 0
}

.col-total-content {
    padding: 0 20px
}

.col-total-content h1 {
    margin-bottom: 0
}

.col-summary {
    padding: 15px 10px
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    height: initial;
    border-color: #e5eaf0;
    background: #fff;
    margin: 0;
    -webkit-appearance: none;
    color: #202020;
    font-size: 14px
}

.form-control:focus {
    border-color: #1292b8;
    box-shadow: none
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control:-moz-placeholder {
    color: #999
}

.form-control::-moz-placeholder {
    color: #999
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-group:last-child {
    margin-bottom: 0
}

textarea {
    width: 100%;
    min-height: 115px;
    resize: none;
    border-color: #8e8e8e;
    color: #a1a1a1;
    font-family: "ProximaNovaSbold";
    font-size: 14px;
    padding: 15px 20px;
    border-radius: 5px
}

textarea:focus {
    outline: 0;
    border-color: #1292b8;
    box-shadow: none
}

select.form-control {
    height: 40px;
    font-family: "ProximaNovaReg";
    -moz-appearance: none
}

.radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 3px;
    width: 49%
}

.radio label {
    font-family: "ProximaNovaReg";
    font-size: 14px;
    color: #202020
}

input[type="radio"], input[type="checkbox"] {
    margin: 6px 0 0;
    position: relative;
    -webkit-appearance: none;
    line-height: 0
}

input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: 0
}

input[type='radio']:after, input[type="checkbox"]:after {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: transparent;
    display: inline-block;
    visibility: visible;
    border: 2px solid #202020
}

#wbcolor11 input[type="radio"] {
    width: 100%
}

#wristband-color-tab .radio label {
    float: left
}

#wbcolor11 input[type="radio"]:before {
    left: 7px
}

input[type="checkbox"]:after {
    border-radius: 3px
}

input[type="checkbox"]:checked:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 8px;
    color: #202020;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

input#terms:before {
    top: 18%
}

.form-quantity {
    width: 23%;
    display: inline-block;
    margin-bottom: 0
}

.form-control.btn-blue {
    padding: 9.5px 14px;
    font-family: "ProximaNovaBold";
    text-transform: uppercase;
    font-size: 12px
}

.form-shipping .radio {
    width: 100%
}

.form-group {
    margin-bottom: 10px
}

.select-button {
    position: relative
}

.select-button .select-down {
    background-image: url('../images/select-spin.png');
    width: 10px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 5%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0
}

.form-horizontal .form-clipart {
    margin-right: 2.7px
}

.form-checkout .col-md-12 {
    margin-bottom: 15px
}

.table-price-chart {
    border-bottom: 1px solid #e5eaf0;
    background-color: #fff;
    margin-bottom: 0
}

.table-price-chart>tbody>tr>td {
    border-top: 1px solid #e5eaf0;
    font-family: "ProximaNovaReg";
    font-size: 14px;
    color: #202020;
    padding: 12px 15px
}

.table-summary {
    border-bottom: 1px solid #e5eaf0;
    margin-bottom: 12px
}

.table-desc {
    color: #606060;
    font-size: 14px;
    font-family: "ProximaNovaReg"
}

.table-desc p {
    line-height: 18px
}

.list-bg-review {
    display: inline-block
}

.approve-img {
    margin-top: 1em
}

.bg-inline {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%
}

.afterclear:after {
    content: '';
    display: table;
    clear: both
}

.wristband-view {
    padding-top: 30px!important
}

.wristband-view .wristband-holder {
    padding-bottom: 15px
}

.col-wristband {
    padding: 0 20px
}

.clipart-btn .form-clipart label {
    color: #606060;
    font-size: 11px;
    font-family: "ProximaNovaBold";
    margin: 5px auto;
    display: table
}

.modal-header {
    padding: 15px 25px
}

.modal-header .close {
    color: #202020;
    font-size: 28px;
    font-family: "ProximaNovaBold";
    opacity: 1;
    filter: alpha(opacity=100);
    text-shadow: none
}

.modal-header .close:focus {
    outline: 0
}

#wristband-clipart-modal .modal-header .close {
    background: #7b599b;
    padding: 3px 10px;
    border-radius: 100%;
    color: #fff
}

.modal-title {
    font-size: 20px
}

.modal-content .select-add {
    background-color: #f5f8fb;
    padding: 10px 25px
}

#wristband-clipart-modal .select-add {
    background: #00b9ff
}

.modal-content .select-add h4 {
    color: #fff
}

#wristband-clipart-modal .modal-header {
    border: 0
}

#wristband-clipart-modal h4 {
    color: #fff
}

.modal-content .select-add h4 {
    font-size: 14px;
    color: #202020;
    font-family: "ProximaNovaSbold"
}

.modal-content .select-add h4 {
    margin: 5px 0
}

.modal-content .select-add h4 .upload-file {
    display: inline-block
}

#wristband-clipart-modal input.upload-file {
    background: 0;
    padding: 0;
    margin-left: 1em;
    float: right;
    width: 50%;
    color: transparent
}

.checkbox {
    position: relative
}

.additional-option-item {
    width: 148px;
    background-color: #fff;
    padding: 5px 1em;
    float: left;
    margin: 0 15px 15px 0!important;
    border: 1px solid #ddd;
    min-height: 130px
}

.additional-option-item:nth-child(3) {
    margin-right: 0!important
}

#id_individual_packaging .checkbox {
    margin: 0
}

.option-help:hover .options-hover {
    display: block
}

#additional-option-section .col-content-holder.col-select {
    float: left
}

.additional-option-item input[type="checkbox"]:after {
    margin-top: -5px
}

.additional-option-item input[type="checkbox"]:checked:before {
    top: 2px
}

.col-wristband .fa-question-circle:hover .options-hover {
    display: block
}

#id_digital_3d_mock_up .options-hover, #id_digital_proof .options-hover {
    top: -6em
}

.checkbox .options-hover {
    display: none;
    background-color: #fff;
    padding: 25px 18px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: -1em;
    padding: 1em;
    top: -7em;
    width: 200px;
    z-index: 9
}

#id_eco_friendly .options-hover {
    top: -11.7em
}

#id_3mm_thick .options-hover {
    top: -8.9em
}

#id_convert_to_keychains .options-hover {
    top: -8em
}

a.option-close {
    position: absolute;
    right: 5px;
    top: 0
}

.checkbox .options-img {
    width: 70px;
    height: 60px;
    margin: 10px auto
}

.options-img-item {
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 0;
    margin-top: 1em
}

.options-img-item:nth-child(1) {
    background-position: center
}

.checkbox .options-hover .options-desc p {
    font-size: 14px;
    line-height: 17px;
    color: #202020
}

.options-orig .fa-question-circle {
    float: right
}

.checkbox .options-hover:before {
    content: '';
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 12px solid #fff;
    position: absolute;
    bottom: -12px;
    right: 4em
}

.hover1 .options-hover {
    display: block
}

.wristband-header h1 {
    color: #202020;
    font-family: "ProximaNovaSbold";
    font-size: 48px
}

.wristband-header p {
    font-size: 18px;
    font-family: "ProximaNovaReg";
    max-width: 800px;
    margin: auto;
    line-height: 24px
}

.wristband-img-holder img {
    margin: auto;
    display: table
}

.wristband--holder {
    padding: 3em 0 0
}

.wristband--holder .col-md-3 a {
    display: block;
    margin-bottom: 1em
}

.wristband--holder .col-md-3 a:hover .wristband-overlay {
    background-color: #00adef;
    opacity: .7;
    filter: alpha(opacity=70)
}

.wristband--holder .col-md-3 a:hover .wristband--overlay {
    opacity: 1;
    filter: alpha(opacity=100)
}

.wristband-desc-holder {
    padding-top: 1em
}

.wristband-desc-holder h3 {
    color: #202020;
    font-family: "ProximaNovaReg";
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0
}

.wristband-desc-holder p {
    color: #00adef;
    font-family: "ProximaNovaReg";
    font-size: 16px;
    margin-bottom: 7px
}

.wristband-desc-holder btn {
    background-color: #ff6100;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-family: "ProximaNovaBold";
    letter-spacing: 3px;
    padding: 8px 20px
}

.wristband-img-holder {
    background-size: contain;
    height: 173px;
    position: relative;
    margin: auto;
    width: 100%
}

.wristband-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.wristband--overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 25px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    text-align: center
}

.wristband--overlay h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "ProximaNovaBold";
    margin: -5px;
    line-height: 28px;
    letter-spacing: 2px
}

.faq-container {
    width: 900px
}

.additionalColor {
    border: 1px solid #ddd
}

.additionalColor p {
    font-size: 12px;
    padding: 0 14px;
    text-align: center
}

.colorContdiv {
    width: 100%;
    height: 35px
}

@media(max-width:1366px) {
    .checkbox .options-hover:before {
        bottom: -10px
    }
    .each-message-style {
        margin-top: 1.5em!important;
        left: 1.5em!important
    }
    input[type='radio']:after, input[type="checkbox"]:after {
        width: 15px;
        height: 15px
    }
    #customization-section input[type='radio']:before, #customization-section input[type="checkbox"]:before {
        width: 8px;
        height: 8px;
        left: 8.2px
    }
    #wbcolor11 input[type="radio"]:before {
        left: 8px
    }
    #wbcolor11 li:nth-child(2) input[type="radio"]:before, #wbcolor11 li:nth-child(4) input[type="radio"]:before {
        left: 7px
    }
    li.dropdown.open:after {
        top: 18px!important
    }
}

@media(max-width:992px) {
    #quantity_group_field>p {
        width: 60px;
        margin-right: 1%
    }
    #add_color_to_selections {
        width: 50px!important;
        margin: 0 2px!important
    }
    div#quantity_group_field {
        text-align: center;
        clear: both;
        overflow: hidden;
        width: 250px;
        margin: 0 auto
    }
}

h2 {
    margin: 0;
    font-family: "ProximaNovaBold";
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    letter-spacing: 3px
}

@media(max-width:600px) {
    .col-summary a#CancelID {
        top: 10px!important;
        right: -5px!important
    }
}

.col-color-select {
    margin-top: 10px
}

.col-color-select ul li {
    position: relative;
    margin-bottom: 5px
}

.clipart-holder ul li a {
    color: #202020
}

.clipart-holder ul li a .clipart-img {
    min-height: 57px
}

.clipart-holder ul li a span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-family: "ProximaNovaSbold";
    color: #202020
}

.color-pantone-list li {
    width: 15%;
    margin-right: 7px;
    margin-bottom: 13px
}

.col-color {
    margin-bottom: 15px
}

.col-color:last-child {
    margin-bottom: 0
}

.color-box {
    width: 35px;
    height: 35px
}

.color-transparent {
    background-color: #f5f8fb;
    position: relative;
    border: 1px solid #d5d9dd
}

.color-transparent:before {
    content: '';
    background-image: url('../images/pin-icon.png');
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.color-check:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    background-color: #000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    padding-left: 4px;
    line-height: initial;
    padding-top: 4px
}

.color-view {
    width: 12px;
    height: 12px;
    margin: auto
}

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

.color-white {
    background-color: #fff
}

.color-red {
    background-color: #e0312c
}

.color-orange {
    background-color: #ffa600
}

.color-yellow {
    background-color: #eef000
}

.color-lawngreen {
    background-color: #24cf20
}

.color-darkgreen {
    background-color: #008100
}

.color-seagreen {
    background-color: #008081
}

.color-lightblue {
    background-color: #acd8e7
}

.color-blue {
    background-color: #1672c1
}

.color-mediumblue {
    background-color: #0000e4
}

.color-violet {
    background-color: #56108d
}

.color-purple {
    background-color: #b475d5
}

.color-peach {
    background-color: #dfb883
}

.color-brown {
    background-color: #845c38
}

.color-pink {
    background-color: #ff66b5
}

.color-darkgray {
    background-color: #808080
}

.color-maroon {
    background-color: #820000
}

.color-darkyellow {
    background-color: #ffd900
}

.color-gray {
    background-color: #c0c0c0
}

.color-lightpurple {
    background-color: #a200f4
}

.color-darkblue {
    background-color: #00008d
}

.color-green {
    background-color: #006500
}

.color-lightpink {
    background-color: #ffc0cb
}

.copy-blue {
    color: #00adef
}

.copy-black {
    color: #202020
}

.copy-font-big {
    font-size: 40px
}

.copy-font-reg {
    font-size: 18px
}

.copy-font-reg-2 {
    font-size: 18px
}

.copy-upper {
    text-transform: uppercase
}

.copy-spacing {
    letter-spacing: 3px
}

.copy-proxima-reg {
    font-family: 'ProximaNovaReg'
}

.copy-proxima-bold {
    font-family: 'ProximaNovaBold'
}

.copy-proxima-s-bold {
    font-family: 'ProximaNovaSbold'
}

.hr-line:before {
    content: "";
    background-image: url(../images/hr-line.png);
    width: 100%;
    display: block;
    height: 3px;
    background-repeat: no-repeat
}

hr.hr-line {
    border: 0
}

a.expand {
    display: block;
    position: absolute;
    z-index: 100;
    width: 60px;
    height: 60px;
    border: solid 5px #fff;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-weight: 700;
    font-size: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}

a.close-overlay.hidden {
    display: none
}

a.close-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    width: 45px;
    height: 45px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 45px;
    text-align: center;
    background-color: #000;
    cursor: pointer
}

#effect-5 .img:hover .overlay {
    opacity: 1
}

::-webkit-input-placeholder {
    color: #808080!important
}

:-moz-placeholder {
    color: #808080!important
}

::-moz-placeholder {
    color: #808080!important
}

:-ms-input-placeholder {
    color: #808080!important
}

input#CheckboxAccept[type="checkbox"]:after {
    border: 1px solid #bbb
}

.btn-place {
    color: #fff;
    background-color: #00b9ff;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: table;
    margin: 0 auto;
    border-radius: 0;
    padding: 13px 80px;
    margin-top: 25px;
    font-family: "ProximaNovaBold";
    font-size: 17px;
    width: 100%
}

.copy-weight-normal {
    font-weight: normal
}

.copy-pad {
    padding: 1em
}

.img-wrap {
    width: 129px;
    height: 20px;
    overflow: hidden;
    margin-top: 5px
}

.copy-float-none {
    float: none
}

.bg-white {
    background: #fff
}

.copy-red {
    color: #f00
}

.copy-absolute {
    position: absolute
}

.copy-req {
    top: 0;
    left: 6.5em
}

.box-your-order {
    border: 2px solid #f5f8fb;
    padding: 2em
}

.box-order {
    padding-bottom: 2em
}

.copy-font-reg-2 {
    font-size: 16px
}

.copy-font-reg-3 {
    font-size: 20px
}

.copy-font-reg-4 {
    font-size: 14px
}

.copy-link-verify {
    margin-left: 1.5em
}

.copy-marg-bottom {
    margin-bottom: 4em
}

.copy-marg-bottom-small {
    margin-bottom: 1em
}

.copy-marg-top {
    margin-top: 1em
}

.copy-marg-left {
    margin-left: 4em
}

.copy-marg-right, .copy-marg-right p {
    margin-right: 2em
}

.copy-marg-right-small {
    margin-right: .5em!important
}

.copy-clear {
    clear: both
}

.copy-relative {
    position: relative
}

.copy-float-left {
    float: left
}

.copy-proxima-light {
    font-family: 'ProximaNovaLight'
}

.copy-proxima-sbold {
    font-family: 'ProximaNovaSBold'
}

.p-left-0 {
    padding-left: 0
}

.copy-hidden {
    overflow: hidden
}

.copy-marg-bottom-0, .copy-marg-bottom-0 p {
    margin-bottom: 0
}

.bg-gray {
    background: #f5f8fb
}

input#CreateCheckbox {
    margin: 10px 0 0 -20px
}

input#CreateCheckbox:after {
    border: 1px solid #afafaf
}

#order_notes {
    color: #808080;
    font-size: 16px;
    font-family: "ProximaNovaReg";
    border-color: #dfdfdf
}

#order_notes:focus, #order_notes:hover, #order_notes:active, #order_notes.active {
    border-color: #99e3ff;
    box-shadow: 0 0 0 1px #99e3ff;
    color: #202020
}

.copy-link-cart {
    right: 0;
    top: 0
}

.order-list:after {
    content: url('../images/border-circle.png');
    display: block
}

@media(max-width:1199px) {
    .each-message-style {
        margin-top: 2em!important
    }
    .section-order-page {
        zoom: 100%
    }
    input[type='radio']:after, input[type="checkbox"]:after {
        width: 14px;
        height: 14px
    }
    #wbcolor11 input[type="radio"]:before {
        left: 7px
    }
    li.dropdown.open:after {
        left: 1em!important
    }
    .col-form-half {
        width: 100%;
        padding-left: 0
    }
}

@media(max-width:991px) {
    @-moz-document url-prefix() {
        #wristband-color-tab ul#wbcolor11 a.tab-link input[type="radio"] {
            margin-left: -3.5em!important
        }
        #wristband-color-tab ul#wbcolor11 a#segmented.tab-link input[type="radio"] {
            margin-left: -6em!important
        }
    }
    div#wristband-color-items {
        background: #fff;
        padding: 0 10px;
        margin-top: 5px!important;
        float: left
    }
    label#selectTextColorLabel {
        float: left;
        width: 100%;
        background: #fff;
        border: 1px solid #ddd;
        margin-bottom: 0;
        border-bottom: 0;
        padding: 10px
    }
    .section-order-page .alert-notify {
        font-size: 14px!important
    }
    div#wristband-text-color {
        clear: both;
        background: #fff;
        border: 1px solid #ddd;
        float: left;
        border-top: 0;
        width: 100%
    }
    div#wristband-text-color ul {
        margin-left: 10px
    }
    #modal-color-pantone .modal-content ul li {
        width: 30%
    }
    .col-wrist-details .col-sm-8 {
        width: 66.66666667%
    }
    .col-wrist-details label.col-sm-4 {
        width: 33.33333333%
    }
    .page-template-order-now-backup #add-clipart .button-box a, .page-template-order-now #add-clipart .button-box a {
        width: 63px
    }
    .dropdown-prod li:last-child a {
        color: #202020!important
    }
    .dropdown-prod li:last-child {
        margin-top: 0
    }
    .footer-holder .col-letter .fusion-slider-loading {
        left: 50%!important
    }
    .col-letter form label {
        display: block
    }
    .col-letter .fusion-alert {
        position: relative;
        top: -1em;
        margin: 0
    }
    .col-letter .wpcf7-response-output.wpcf7-validation-errors {
        position: relative!important;
        top: 0!important;
        margin: 0
    }
    .col-letter .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
        position: relative!important;
        top: 0!important;
        margin: 0
    }
    .col-letter span.wpcf7-not-valid-tip {
        position: relative!important;
        top: .5em!important;
        text-align: center!important;
        display: block
    }
    .col-letter .fusion-alert .close {
        right: 0!important;
        top: -3px
    }
    .col-letter form br {
        display: none
    }
    .product-table .nav-tabs li a {
        padding: 10px
    }
    .col-summary a#CancelID {
        top: 3px;
        right: 15px
    }
    .dropdown-prod li:last-child {
        background: 0
    }
    .customize #fonts ul li {
        width: 15%;
        margin: 5px
    }
    .section-tabs.customize {
        border-top: 2px solid #f5f8fb
    }
    .each-message-style {
        left: 0!important;
        margin-top: 1.5em!important
    }
    #wristband-color-tab ul#wbcolor11 .radio label {
        padding-left: 0;
        left: 0
    }
    ul#wbcolor11 {
        margin-left: 1.5em;
        margin-top: 1em
    }
    #wristband-color-tab ul#wbcolor11 a.tab-link input[type="radio"] {
        margin: -2px 0 0 -20px
    }
    #wristband-color-tab #wbcolor11 li {
        width: 22%!important;
        margin-right: 0!important
    }
    #wristband-color-tab #wbcolor11 li center {
        text-align: left
    }
    #wristband-color-tab ul#wbcolor11 a.tab-link {
        line-height: 1
    }
    .col-preview-message {
        margin-top: -1.5em
    }
    .col-wristband-desktop {
        display: none
    }
    .col-wristband-mobile {
        display: block!important;
        width: 30%;
        float: right;
        margin-right: 1em
    }
    .col-wristband-mobile .style-bg {
        height: 290px;
        margin: 0 auto;
        background-position: right
    }
    .style-choose .style-content {
        padding-top: 0
    }
    .style-choose {
        padding-top: 1em
    }
    #front-back-text-container, #inside-text-container {
        border-radius: 0
    }
    .col-md-6.wristbandNoPadding:nth-child(4):before {
        content: "";
        border: 5px solid #fff;
        display: block;
        margin: 0 -15px
    }
    #inside-text-container {
        margin-top: 10px
    }
    .row-preview .row {
        border-radius: 0!important
    }
    #segmentedcolor .segd {
        border-radius: 0
    }
    .segd.seg-left {
        border-radius: 0
    }
    .segd.seg-right {
        border-radius: 0
    }
    input#avada_coupon_code {
        margin-right: 5px
    }
    #additional-option-section label {
        line-height: 2!important
    }
    #wristband-color-tab input[type='radio']:after, input[type="checkbox"]:after {
        position: relative;
        left: 0!important
    }
    #wristband-color-tab input[type='radio']:after, input[type="checkbox"]:after {
        left: 0
    }
    #segmentedcolor .segd {
        height: 100%!important
    }
    .list-swirl {
        height: 100%!important
    }
    .row-mobile .form-group.table-responsive {
        width: 100%!important
    }
    .page-template-order-now button#swb_add_to_cart {
        height: 60px!important
    }
    .page-template-order-now .link-buttons {
        float: none
    }
    a#save_button {
        padding: 5px 17px!important
    }
    .page-template-order-now .link-buttons {
        margin-top: 10px
    }
    .page-template-order-now a.btn-action {
        padding: 5px 20px!important;
        top: 0
    }
    .link-buttons a {
        width: auto!important;
        float: left!important;
        margin: 0 5px!important
    }
    a#EditSaveID .fa {
        right: 2.5em!important
    }
    .col-order-total {
        margin-top: 1em;
        width: 100%!important;
        text-align: center
    }
    .col-order-total .btn-action-holder {
        display: inline-block;
        width: 260px
    }
    .col-order-total .total-details {
        border: 0
    }
    .form-shipping .radio {
        width: 50%;
        float: left;
        margin-top: 0
    }
    .row-mobile .col-md-6 {
        width: 50%;
        float: left
    }
    .row-mobile .box-additional .col-content-holder {
        float: left;
        width: 100%
    }
    .col-summ {
        float: left;
        width: 100%
    }
    .row-mobile .col-md-6>.col-md-6 {
        padding: 0
    }
    .section-order-page .container.p-0 {
        padding: 0 30px
    }
    #additional-option-section .col-content-holder.col-select {
        width: 100%
    }
    .item-product {
        background-size: contain!important
    }
    .item-wrap {
        min-height: 350px;
        height: 350px
    }
    .list-product-desc li {
        margin-bottom: 1em
    }
    .fontliststyle {
        cursor: pointer;
        top: 10px;
        font-size: 40px;
        padding: 12px 0 30px
    }
    .font-label {
        cursor: pointer;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        background-color: #f6f9fb;
        padding: 12px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        line-height: 15px;
        font-weight: 100;
        min-height: 40px;
        padding: 15px 0
    }
    .customize #fonts ul li {
        border: 1px solid #e0e0e0;
        width: 16%;
        display: inline-block;
        cursor: pointer;
        position: relative;
        text-decoration: none;
        color: #333;
        float: left;
        margin: 0 24px 25px 0;
        border-radius: 4px
    }
    .customize #fonts ul li .inner-content {
        position: relative;
        overflow: hidden;
        text-align: center;
        height: 100%
    }
    [class^="aykun-"], [class*=" aykun-"] {
        font-family: 'icomoon'!important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .aykun-Airplane:before {
        content: "\e900"
    }
    .aykun-Alien:before {
        content: "\e901"
    }
    .aykun-Anchor:before {
        content: "\e902"
    }
    .aykun-Android:before {
        content: "\e903"
    }
    .aykun-Angel:before {
        content: "\e904"
    }
    .aykun-Apple:before {
        content: "\e905"
    }
    .aykun-Apple_2:before {
        content: "\e906"
    }
    .aykun-Attention:before {
        content: "\e907"
    }
    .aykun-Audio:before {
        content: "\e908"
    }
    .aykun-Baby:before {
        content: "\e909"
    }
    .aykun-Balloons:before {
        content: "\e90a"
    }
    .aykun-Basketball:before {
        content: "\e90b"
    }
    .aykun-Batman:before {
        content: "\e90c"
    }
    .aykun-Batman_2:before {
        content: "\e90d"
    }
    .aykun-Bear:before {
        content: "\e90e"
    }
    .aykun-Bear_2:before {
        content: "\e90f"
    }
    .aykun-Bear_3:before {
        content: "\e910"
    }
    .aykun-Beer:before {
        content: "\e911"
    }
    .aykun-Bible:before {
        content: "\e912"
    }
    .aykun-Bike:before {
        content: "\e913"
    }
    .aykun-Bowling:before {
        content: "\e914"
    }
    .aykun-Breast:before {
        content: "\e915"
    }
    .aykun-Buoy:before {
        content: "\e916"
    }
    .aykun-Butterfly:before {
        content: "\e917"
    }
    .aykun-Cake:before {
        content: "\e918"
    }
    .aykun-Cake_2:before {
        content: "\e919"
    }
    .aykun-Call:before {
        content: "\e91a"
    }
    .aykun-Call_2:before {
        content: "\e91b"
    }
    .aykun-Call_3:before {
        content: "\e91c"
    }
    .aykun-Canada:before {
        content: "\e91d"
    }
    .aykun-Cancer:before {
        content: "\e91e"
    }
    .aykun-CandyCane:before {
        content: "\e91f"
    }
    .aykun-Car:before {
        content: "\e920"
    }
    .aykun-Car_2:before {
        content: "\e921"
    }
    .aykun-Cart:before {
        content: "\e922"
    }
    .aykun-Cat:before {
        content: "\e923"
    }
    .aykun-Checklist:before {
        content: "\e924"
    }
    .aykun-Cheers:before {
        content: "\e925"
    }
    .aykun-Chicken:before {
        content: "\e926"
    }
    .aykun-Church:before {
        content: "\e927"
    }
    .aykun-Clouds:before {
        content: "\e928"
    }
    .aykun-Clubs:before {
        content: "\e929"
    }
    .aykun-Cocktail:before {
        content: "\e92a"
    }
    .aykun-Cone:before {
        content: "\e92b"
    }
    .aykun-Cross:before {
        content: "\e92c"
    }
    .aykun-Cross_2:before {
        content: "\e92d"
    }
    .aykun-Crown:before {
        content: "\e92e"
    }
    .aykun-Cupid:before {
        content: "\e92f"
    }
    .aykun-Delete:before {
        content: "\e930"
    }
    .aykun-Delivery:before {
        content: "\e931"
    }
    .aykun-Diamond:before {
        content: "\e932"
    }
    .aykun-Dice:before {
        content: "\e933"
    }
    .aykun-Dinosaur:before {
        content: "\e934"
    }
    .aykun-Dog:before {
        content: "\e935"
    }
    .aykun-Dog_2:before {
        content: "\e936"
    }
    .aykun-Dog_3:before {
        content: "\e937"
    }
    .aykun-Dollar:before {
        content: "\e938"
    }
    .aykun-Dollar_2:before {
        content: "\e939"
    }
    .aykun-Dolphin:before {
        content: "\e93a"
    }
    .aykun-Domain:before {
        content: "\e93b"
    }
    .aykun-Dove:before {
        content: "\e93c"
    }
    .aykun-eagle_3:before {
        content: "\e93d"
    }
    .aykun-Eagle:before {
        content: "\e93e"
    }
    .aykun-Eagle_2:before {
        content: "\e93f"
    }
    .aykun-Earth:before {
        content: "\e940"
    }
    .aykun-Email:before {
        content: "\e941"
    }
    .aykun-Eye:before {
        content: "\e942"
    }
    .aykun-Eyeglass:before {
        content: "\e943"
    }
    .aykun-Facebook:before {
        content: "\e944"
    }
    .aykun-Fighterjetsilhouette:before {
        content: "\e945"
    }
    .aykun-Fish:before {
        content: "\e946"
    }
    .aykun-Flag:before {
        content: "\e947"
    }
    .aykun-Flag_2:before {
        content: "\e948"
    }
    .aykun-Flower:before {
        content: "\e949"
    }
    .aykun-Flower_2:before {
        content: "\e94a"
    }
    .aykun-Flower_3:before {
        content: "\e94b"
    }
    .aykun-Flower_4:before {
        content: "\e94c"
    }
    .aykun-Football_2:before {
        content: "\e94d"
    }
    .aykun-Footballball:before {
        content: "\e94e"
    }
    .aykun-Footprints:before {
        content: "\e94f"
    }
    .aykun-Footstepssilhouettevariant:before {
        content: "\e950"
    }
    .aykun-Frog:before {
        content: "\e951"
    }
    .aykun-Gas:before {
        content: "\e952"
    }
    .aykun-Gay:before {
        content: "\e953"
    }
    .aykun-Ghost:before {
        content: "\e954"
    }
    .aykun-Gift:before {
        content: "\e955"
    }
    .aykun-Gingerbread:before {
        content: "\e956"
    }
    .aykun-Girl:before {
        content: "\e957"
    }
    .aykun-Girl_2:before {
        content: "\e958"
    }
    .aykun-Glass:before {
        content: "\e959"
    }
    .aykun-Golf:before {
        content: "\e95a"
    }
    .aykun-Golf_2:before {
        content: "\e95b"
    }
    .aykun-Graduation:before {
        content: "\e95c"
    }
    .aykun-Guitar:before {
        content: "\e95d"
    }
    .aykun-happy:before {
        content: "\e95e"
    }
    .aykun-Happy_2:before {
        content: "\e95f"
    }
    .aykun-Headset:before {
        content: "\e960"
    }
    .aykun-Heart:before {
        content: "\e961"
    }
    .aykun-Heart_2:before {
        content: "\e962"
    }
    .aykun-Hockey:before {
        content: "\e963"
    }
    .aykun-Horse:before {
        content: "\e964"
    }
    .aykun-Horse_2:before {
        content: "\e965"
    }
    .aykun-Hospital:before {
        content: "\e966"
    }
    .aykun-HoT:before {
        content: "\e967"
    }
    .aykun-House:before {
        content: "\e968"
    }
    .aykun-Icecream:before {
        content: "\e969"
    }
    .aykun-Instagram:before {
        content: "\e96a"
    }
    .aykun-iPhone:before {
        content: "\e96b"
    }
    .aykun-Islam:before {
        content: "\e96c"
    }
    .aykun-Jesus:before {
        content: "\e96d"
    }
    .aykun-Jet_2:before {
        content: "\e96e"
    }
    .aykun-jewel:before {
        content: "\e96f"
    }
    .aykun-Karate:before {
        content: "\e970"
    }
    .aykun-Kitty:before {
        content: "\e971"
    }
    .aykun-Leaf:before {
        content: "\e972"
    }
    .aykun-Lightning:before {
        content: "\e973"
    }
    .aykun-Like:before {
        content: "\e974"
    }
    .aykun-Linkedin:before {
        content: "\e975"
    }
    .aykun-Lock:before {
        content: "\e976"
    }
    .aykun-Lollipop:before {
        content: "\e977"
    }
    .aykun-Man:before {
        content: "\e978"
    }
    .aykun-Map:before {
        content: "\e979"
    }
    .aykun-Medal:before {
        content: "\e97a"
    }
    .aykun-Medal_2:before {
        content: "\e97b"
    }
    .aykun-Motorcycle:before {
        content: "\e97c"
    }
    .aykun-Music:before {
        content: "\e97d"
    }
    .aykun-Mustache:before {
        content: "\e97e"
    }
    .aykun-Nosmoking:before {
        content: "\e97f"
    }
    .aykun-Note:before {
        content: "\e980"
    }
    .aykun-Note_2:before {
        content: "\e981"
    }
    .aykun-Owl:before {
        content: "\e982"
    }
    .aykun-Panda:before {
        content: "\e983"
    }
    .aykun-Paw:before {
        content: "\e984"
    }
    .aykun-Paw_2:before {
        content: "\e985"
    }
    .aykun-Paw_3:before {
        content: "\e986"
    }
    .aykun-Pencil:before {
        content: "\e987"
    }
    .aykun-Pin:before {
        content: "\e988"
    }
    .aykun-Pineapple:before {
        content: "\e989"
    }
    .aykun-playbutton:before {
        content: "\e98a"
    }
    .aykun-Plus:before {
        content: "\e98b"
    }
    .aykun-Policeman:before {
        content: "\e98c"
    }
    .aykun-Pranava:before {
        content: "\e98d"
    }
    .aykun-Pumpkin:before {
        content: "\e98e"
    }
    .aykun-Puzzle:before {
        content: "\e98f"
    }
    .aykun-Rabbit:before {
        content: "\e990"
    }
    .aykun-Radioactivity:before {
        content: "\e991"
    }
    .aykun-Recycle:before {
        content: "\e992"
    }
    .aykun-Ribbon:before {
        content: "\e993"
    }
    .aykun-Ribbon_2:before {
        content: "\e994"
    }
    .aykun-Ribbon_3:before {
        content: "\e995"
    }
    .aykun-Ring:before {
        content: "\e996"
    }
    .aykun-RIP:before {
        content: "\e997"
    }
    .aykun-Rx:before {
        content: "\e998"
    }
    .aykun-SantaClaus:before {
        content: "\e999"
    }
    .aykun-Skull:before {
        content: "\e99a"
    }
    .aykun-Skype:before {
        content: "\e99b"
    }
    .aykun-Smile:before {
        content: "\e99c"
    }
    .aykun-Snacks:before {
        content: "\e99d"
    }
    .aykun-Snakes:before {
        content: "\e99e"
    }
    .aykun-Snowflake:before {
        content: "\e99f"
    }
    .aykun-Snowman:before {
        content: "\e9a0"
    }
    .aykun-Soccer:before {
        content: "\e9a1"
    }
    .aykun-Spade:before {
        content: "\e9a2"
    }
    .aykun-Star:before {
        content: "\e9a3"
    }
    .aykun-Star_2:before {
        content: "\e9a4"
    }
    .aykun-Star_3:before {
        content: "\e9a5"
    }
    .aykun-Star_4:before {
        content: "\e9a6"
    }
    .aykun-Star_5:before {
        content: "\e9a7"
    }
    .aykun-Star_6:before {
        content: "\e9a8"
    }
    .aykun-Stop:before {
        content: "\e9a9"
    }
    .aykun-Suitcase:before {
        content: "\e9aa"
    }
    .aykun-Sun:before {
        content: "\e9ab"
    }
    .aykun-Sun_2:before {
        content: "\e9ac"
    }
    .aykun-Swimming:before {
        content: "\e9ad"
    }
    .aykun-Tennis:before {
        content: "\e9ae"
    }
    .aykun-Tree:before {
        content: "\e9af"
    }
    .aykun-Trophy:before {
        content: "\e9b0"
    }
    .aykun-Truck:before {
        content: "\e9b1"
    }
    .aykun-Tumbler .path1:before {
        content: "\e9b2";
        color: #000
    }
    .aykun-Tumbler .path2:before {
        content: "\e9b3";
        margin-left: -1em;
        color: #fff
    }
    .aykun-Turtle:before {
        content: "\e9b4"
    }
    .aykun-Twitter:before {
        content: "\e9b5"
    }
    .aykun-Umbrella:before {
        content: "\e9b6"
    }
    .aykun-USA:before {
        content: "\e9b7"
    }
    .aykun-US_Flag:before {
        content: "\e9b8"
    }
    .aykun-Volleyball:before {
        content: "\e9b9"
    }
    .aykun-Wheelchair_Chair:before {
        content: "\e9ba"
    }
    .aykun-Woman:before {
        content: "\e9bb"
    }
    .aykun-Yin_Yang:before {
        content: "\e9bc"
    }
    .aykun-Youtube:before {
        content: "\e9bd"
    }
    .aykun-Zombie:before {
        content: "\e9be"
    }
    #logos ul {
        padding-top: 17px
    }
    #logos ul li {
        text-align: center;
        font-size: 63px;
        width: 133px
    }
    #logos ul li span {
        display: block;
        font-size: 16px;
        color: #202020;
        margin-top: -25px
    }
    @media(max-width:1199px) {
        .navbar-main .navbar-nav>li>a {
            padding: 14px 13px;
            font-size: 13px
        }
        .navbar-main .navbar-nav>li:last-child>a {
            margin-left: 15px
        }
        .banner-header {
            padding: 15px 0
        }
        .banner-header h2 {
            font-size: 17px
        }
        .carousel-inner .item.bg-inline {
            height: 280px
        }
        .carousel-caption {
            max-width: 300px
        }
        .carousel-caption h1 {
            font-size: 45px
        }
        .service-section .service-label p {
            line-height: 24px
        }
        .service-section .service-icon {
            height: 86px
        }
        .wristband-img-holder {
            width: 100%;
            height: 150px
        }
        .wristband--holder .col-md-3 a {
            margin-bottom: 0
        }
        .social-list li {
            padding: 0 1em
        }
        .approved {
            margin-left: 10px
        }
        .approved li img {
            zoom: 96%
        }
        .footer-holder .form-group .form-control {
            margin-left: 0;
            width: 59%
        }
        .footer-holder .form-group label {
            margin-left: 15px
        }
        .style-content {
            padding-top: 1em
        }
        .faq-container {
            width: initial
        }
        .about-wrist-img img {
            width: 100%
        }
        .footer-bottom .container {
            padding: 0 15px
        }
        .approved li {
            padding-right: 5px
        }
    }
    @media(max-width:991px) {
        .review-bg {
            padding: 2em 0 0
        }
        .page-template-order-now .section-order-page .buttons-edit .btn-clear-edit {
            width: auto!important;
            padding: 5px 14px!important
        }
        .page-template-order-now .section-order-page .buttons-edit {
            width: auto!important;
            display: inline-block!important
        }
        .page-template-order-now .section-order-page .buttons-edit .btn-clear-edit {
            top: 0;
            padding: 3px 20px!important
        }
        .edit-to-cart-error {
            display: block;
            margin: 5px auto
        }
        .link-buttons a.btn-goback {
            float: none!important;
            width: 150px!important;
            margin: 0 auto!important
        }
        .fontliststyle {
            font-size: 35px
        }
        .section-tabs.terms li a {
            text-align: center
        }
        .section-tabs .nav-tabs li a {
            text-align: center;
            padding: 0
        }
        .message-select-mobile {
            display: block!important;
            margin-top: 1em;
            margin-bottom: 1em
        }
        .section-order-page .col-message-select .radio {
            width: 30%
        }
        .message-select-desktop {
            display: none
        }
        .message-select-mobile .form-group {
            margin-bottom: 0
        }
        .col-summ .table-desc p {
            clear: both
        }
        .col-summ .form-group {
            float: left!important;
            width: 100%!important
        }
        .col-summary {
            position: relative
        }
        .col-holder.col-holder-shipping {
            width: 100%;
            position: absolute
        }
        .list-swirl {
            border-radius: 0!important
        }
        .col-holder.col-holder-summ {
            width: 50%
        }
        .page-template-order-now .additional-option-item {
            width: 22.5%!important
        }
        .col-md-6.wristbandNoPadding:nth-child(4):after {
            content: "";
            position: absolute;
            top: 10px;
            display: block;
            width: 100%;
            left: 0;
            border-top: 1px solid rgba(112, 112, 112, 0.1)
        }
        #swirlcolor .col-md-6 {
            border: 0
        }
        #front-back-text-container, #inside-text-container {
            box-shadow: none!important
        }
        .col-preview.col-inside {
            border: 1px solid rgba(112, 112, 112, 0.1)
        }
        .box-additional {
            display: none
        }
        .col-holder-summ {
            float: right;
            margin-top: 14em
        }
        .row-mobile {
            display: block!important;
            margin-top: 14em;
            width: 50%!important
        }
        .row-mobile .col-md-6 {
            width: 100%
        }
        .row-mobile .col-md-6 {
            border: none!important
        }
        .row-mobile .box-additional {
            display: block
        }
        .additional-option-item:nth-child(3) {
            margin-right: 5px!important
        }
        .service-section .col-md-3 {
            width: 176px;
            display: inline-block
        }
        .style-bg {
            margin-top: 3em
        }
        .panel-default .panel-title {
            font-size: 32px
        }
        .form-group:last-child {
            margin-bottom: 10px
        }
        .get-in-touch-section .col-md-3 {
            width: 50%;
            display: inline-block;
            float: left;
            min-height: 170px
        }
        .customize .tab-content {
            margin-top: 30px
        }
        .customize h1 {
            margin-bottom: 30px
        }
        .color-pantone-list {
            text-align: center
        }
        .color-pantone-list li {
            width: 18%
        }
    }
    @media(max-width:768px) {
        .checkbox .options-hover {
            left: auto;
            right: -1em
        }
        .checkbox .options-hover:before {
            right: 1em
        }
        .terms #sitemap ul li {
            width: 50%
        }
        #modal-color-pantone .modal-dialog {
            width: 80%!important
        }
    }
    @media(max-width:767px) {
        #modal-color-pantone .modal-dialog {
            margin: 2em auto
        }
    }
    @media(max-width:747px) {
        .service-section .col-md-3 {
            width: 170px
        }
        #logos ul {
            text-align: center
        }
        .bg-review-holder .col-md-4 {
            width: 32%
        }
    }
    @media(max-width:739px) {
        .service-section .col-md-3 {
            width: 169px
        }
        .panel-default .panel-title {
            font-size: 29px
        }
    }
    @media(max-width:735px) {
        .service-section .col-md-3 {
            width: 171px
        }
        .service-section .container {
            margin: auto;
            display: table;
            text-align: center
        }
        .customize-size img {
            width: 100%
        }
    }
    @media(max-width:713px) {
        .service-section .col-md-3 {
            margin-bottom: 20px
        }
        .get-in-touch-section .col-md-3 {
            width: 100%;
            display: block;
            float: none
        }
        div#fonts ul {
            margin: auto;
            text-align: center;
            display: table
        }
        .customize #fonts ul li {
            width: 21%;
            float: none;
            margin-right: 20px;
            margin-bottom: 20px
        }
    }
    @media(max-width:702px) {
        .bg-blue-about a {
            display: table;
            margin: 20px auto
        }
        .bg-blue-about .btn-message {
            margin-right: auto
        }
        .bg-blue-about h4 {
            font-size: 20px
        }
        .panel-default .panel-title a:before {
            padding-top: 0;
            font-size: 20px
        }
        .color-pantone-list li {
            width: 30%
        }
    }
    @media(max-width:630px) {
        .copy-gap-top {
            margin: auto;
            display: table;
            text-align: center
        }
        .product-table {
            padding: 1em 1em;
            margin-top: 1em
        }
        .product-table .tab-content {
            padding: 1em
        }
        .customize #fonts ul li {
            width: 29%
        }
    }
    @media(max-width:582px) {
        .copyright {
            float: none;
            text-align: center
        }
        .card-list {
            float: none;
            text-align: center;
            margin-top: 10px
        }
    }
    @media(max-width:423px) {
        .copy-proxima-s-bold {
            text-align: center;
            margin-bottom: 20px
        }
        .single-product {
            margin-bottom: 1em
        }
        .customize #fonts ul li {
            width: 44%
        }
    }
    @media(max-width:418px) {
        .bg-blue-about a {
            font-size: 13px;
            padding: 10px 20px
        }
        .panel-default .panel-title {
            font-size: 16px
        }
        .approved li img {
            zoom: 80%
        }
        .style-content a {
            padding: 15px 20px;
            font-size: 13px
        }
        .color-pantone-list li {
            width: 32%;
            margin-right: 0
        }
        .color-pantone-list li p {
            line-height: 1;
            padding: 2px 0;
            font-size: 10px
        }
        .customize h1 {
            margin-bottom: 10px
        }
        .btn-pad {
            padding: 1em 2em!important
        }
    }
    @media(max-width:991px) {
        #modal-color-pantone .modal-content ul li {
            width: 30%!important
        }
        input {
            font-size: 16px!important
        }
        select {
            font-size: 16px!important
        }
        textarea {
            font-size: 16px!important
        }
        .footer-holder .col-letter .fusion-slider-loading {
            position: relative!important
        }
        .notify-customization-message {
            display: none
        }
        .notify-customization-message-2 {
            display: block!important;
            background: #f5f8fb;
            padding-left: 15px;
            padding-top: 1em
        }
        .col-new-shipping .col-select {
            padding-top: 0
        }
        #customization-section .form-row-wide {
            margin-bottom: 0
        }
        .col-section-message {
            margin-top: -1.5em
        }
        .preview-mobile {
            position: relative!important;
            visibility: hidden!important
        }
        .preview-desktop {
            position: absolute;
            bottom: 1em;
            width: 100%;
            overflow: hidden
        }
        .customize h1 {
            text-align: center;
            font-size: 25px
        }
        .customize .tabs-left li {
            text-align: center
        }
        .section-promotion h2 {
            font-size: 33px
        }
        .wristband-header h1 {
            font-size: 30px
        }
    }