/* Minification failed. Returning unminified contents.
(5608,1): run-time error CSS1019: Unexpected token, found '@import'
(5608,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700")'
(5609,1): run-time error CSS1019: Unexpected token, found '@import'
(5609,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800")'
(5612,17256): run-time error CSS1019: Unexpected token, found '@keyframes'
(5612,17274): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5612,37684): run-time error CSS1019: Unexpected token, found '@keyframes'
(5612,37702): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7160,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8435,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8472,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2016 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_filter select,
div.dataTables_wrapper div.dataTables_length input,
div.dataTables_wrapper div.dataTables_length select {
    width: auto
}

table.dataTable thead {
    cursor: pointer
}

div.dataTables_wrapper div.dataTables_length.d-flex.flex-row label {
    margin-top: 1.2rem;
    margin-right: 1rem
}

div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select .select-dropdown,
div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select span {
    margin-top: 1rem
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
    text-align: left;
    font-weight: 400;
    padding-top: .5rem;
    padding-bottom: .5rem
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right
}

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: .5rem;
        display: inline-block
    }

div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
    font-weight: 400;
    padding-top: 1rem;
    padding-bottom: 1rem
}

div.dataTables_wrapper div.dataTables_paginate {
    text-align: right;
    margin: 0
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus {
            background-color: #4285f4
        }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item .page-link:focus {
            -webkit-box-shadow: none;
            box-shadow: none
        }

@media (max-width:767px) {
    div.dataTables_wrapper div .dataTables_filter,
    div.dataTables_wrapper div .dataTables_info,
    div.dataTables_wrapper div .dataTables_length,
    div.dataTables_wrapper div .dataTables_paginate ul.pagination {
        text-align: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.bs-select select {
    display: inline-block !important
}

table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc {
    padding-right: 30px
}

table.dataTable thead > tr > td:active,
table.dataTable thead > tr > th:active {
    outline: 0
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative
}

    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting:before,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_asc_disabled:before,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_desc:before,
    table.dataTable thead .sorting_desc_disabled:after,
    table.dataTable thead .sorting_desc_disabled:before {
        position: absolute;
        bottom: 5px;
        display: block;
        opacity: .3;
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        font-size: 1rem
    }

    table.dataTable thead .sorting:before,
    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_asc_disabled:before,
    table.dataTable thead .sorting_desc:before,
    table.dataTable thead .sorting_desc_disabled:before {
        right: 1em;
        content: "\f0de"
    }

    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_desc_disabled:after {
        content: "\f0dd";
        right: 16px
    }

    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_desc:after {
        opacity: 1
    }

    table.dataTable thead .sorting_asc_disabled:before,
    table.dataTable thead .sorting_desc_disabled:after {
        opacity: 0
    }
/*!
*  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/

@font-face {
    font-family: 'FontAwesome';
    src: url('/Content/themes/viavi/fonts/fontawesome-webfont5b62.eot?v=4.6.3');
    src: url('/Content/themes/viavi/fonts/fontawesome-webfontd41d.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('/Content/themes/viavi/fonts/fontawesome-webfont5b62.woff2?v=4.6.3') format('woff2'),url('/Content/themes/viavi/fonts/fontawesome-webfont5b62.woff?v=4.6.3') format('woff'),url('/Content/themes/viavi/fonts/fontawesome-webfont5b62.ttf?v=4.6.3') format('truetype'),url('/Content/themes/viavi/fonts/fontawesome-webfont5b62.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before, .fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-signing:before, .fa-sign-language:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800");


* {
    margin: 0;
    padding: 0
}

:root, body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    color: #434343;
    position: relative;
    -webkit-transition: left 0.5s ease-out;
    -o-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out
}

a {
    text-decoration: none !important;
    outline: 0 !important
}

    a.emphasize {
        color: #287d8f;
        font-weight: 500
    }

        a.emphasize:hover {
            color: #287d8f;
            border-bottom: 1px solid #287d8f
        }

h1 span {
    /*color: #60b0bd*/
}

h4.blue {
    color: #77C8D9
}

h5 {
    color: #287d8f
}

h6 {
    color: #80B9C4
}

img {
    max-width: 100%
}

    img.icon-s, img.icon-m, img.icon-l {
        margin-right: 10px;
        display: inline
    }

    img.icon-s {
        width: 18px
    }

    img.icon-m {
        width: 28px
    }

    img.icon-m-2 {
        width: 26px
    }

    img.icon-l {
        width: 100px;
        margin: 0 20px 20px 0
    }

    img.icon-xl {
        width: 160px;
        padding: 10px
    }

.center-all {
    margin: 0 auto
}

p i.fa-warning {
    color: #ff9900
}

.nowrap {
    white-space: nowrap
}

.text-center {
    text-align: center
}

.light-text {
    color: #666;
    font-size: 0.9rem
}

.box-shadow {
    box-shadow: rgba(0,0,0,0.15) 0px 5px 15px 0px !important;
    border: none !important
}

.no-bg {
    background-color: none !important
}

option {
    padding-left: 15px
}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
    color: #aaa !important
}

.disf {
    display: flex;
    align-items: center
}

    .disf.column {
        flex-direction: column
    }

.section-hide {
    display: none !important
}

.flex-center {
    display: flex;
    justify-content: center
}

.column-center {
    display: flex;
    flex-direction: column;
    align-items: center
}

.n-margin-top {
    margin-top: -5%
}

.margin-top-lg {
    margin-top: 100px
}

a.get-in-touch {
    color: #4598a5
}

span.about-heading-title {
    font-size: 28px
}

.nopadding-right {
    padding-right: 0px
}

.nopadding-left {
    padding-left: 0px
}

.nopadding {
    padding: 0px
}

.affix-top {
    position: static
}

.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

    .affix + .container-fluid {
        padding-top: 70px
    }

.login_form_text_center {
    display: table;
    margin: 0 auto;
    text-align: center
}

.v-center {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#location-search-list option {
    border-bottom: 1px solid #c2c2c2;
    padding: 7px 15px;
    font-size: 14px
}

    #location-search-list option:last-child {
        border-bottom: 0
    }

.fixed {
    position: fixed
}

#vfx_loader_block {
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.vfx-loader-item {
    margin: 0 auto;
    position: relative;
    top: 50%;
    width: 100px
}

#email-confirmation, .control .container, .profile-container, .profile .pro-head, .profile .logout, li .service-containner, .service-containner .bg, .service-containner .bg.disabled::after {
    display: flex;
    justify-content: center;
    align-items: center
}

#search-input select, select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

div.content, div.grey-bg-content {
    height: 100%;
    box-sizing: border-box;
    padding: 5% 15% 0 15%;
    background-color: #f4f5fa
}

div.grey-bg-content {
    background-color: #f4f5fa
}

.two-column-contanier {
    height: 100%;
    display: flex;
    background-color: #f4f5fa
}

    .two-column-contanier .float {
        height: 100%;
        position: fixed
    }

    .two-column-contanier .main {
        width: 100%;
        height: 100%;
        flex-grow: 1;
        margin: 50px 80px 0 220px
    }

.footer {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500
}

    .footer .divide {
        width: 100%;
        height: 30px;
        background-color: #77C8D9
    }

    .footer ::-webkit-input-placeholder {
        color: #fff
    }

    .footer .site-footer {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat a;
        background-repeat-font-size: 14px;
        background-repeat-font-weight: 400;
        background-repeat-line-height: 22px;
        background-repeat-display: block
    }

        .footer .site-footer p.about-lt {
            color: #434343;
            font-size: 13px;
            line-height: 24px;
            margin-bottom: 10px;
            letter-spacing: 0.1px
        }

    .footer .social-icons li {
        display: inline-block;
        margin-bottom: 0.125rem
    }

    .footer .social-icons a {
        background: rgba(67,67,67,0.2);
        border-radius: 30px;
        color: #00283b;
        display: inline-block;
        font-size: 14px;
        width: 30px;
        height: 30px;
        line-height: 33px;
        margin-right: 0.5rem;
        text-align: center;
        transition: background-color 0.2s linear 0s;
        -webkit-transition: all 0.6s ease 0;
        transition: all 0.6s ease 0;
        transition: all 0.3s ease 0s
    }

        .footer .social-icons a:hover {
            background: transparent linear-gradient(to right, #60b0bd 50%,#ffffff 50%) repeat scroll right bottom/207% 100%;
            color: #00283b;
            background-position: left bottom
        }

        .footer .social-icons a i.fa-facebook, .footer .social-icons a i.fa-twitter {
            color: #434343
        }

    .footer #footerSendEmail {
        color: #434343;
        cursor: pointer;
        font-weight: bold
    }

        .footer #footerSendEmail:hover {
            color: #287d8f
        }

    .footer h2.footer-title {
        color: #434343;
        font-weight: bold
    }

    .footer .more-detail {
        color: #434343
    }

        .footer .more-detail:hover {
            color: #287d8f
        }

    .footer .footer-top {
        background-size: 100%;
        background-repeat: no-repeat;
        padding: 50px 0 30px 0
    }

    .footer .contact-form {
        border-radius: 17px
    }

    .footer .copyright {
        text-align: center
    }

.site-footer {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

    .site-footer a {
        font-family: "Poppins", sans-serif;
        color: #434343;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        display: block
    }

        .site-footer a:hover {
            color: #287d8f !important
        }

a.more-detail {
    color: #60b0bd;
    float: left;
    font-size: 13px;
    margin-bottom: 20px;
    text-align: right;
    text-transform: uppercase;
    width: 100%
}

.site-footer a:hover {
    color: #eee
}

.site-footer p .fa {
    padding: 0 0.125rem
}

.site-footer ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

    .site-footer ul li {
        padding: 0.09rem 0
    }

.social-icons li {
    display: inline-block;
    margin-bottom: 0.125rem
}

.social-icons a {
    background: transparent linear-gradient(to right, #60b0bd 50%,#ffffff 50%) repeat scroll right bottom/207% 100%;
    border-radius: 30px;
    color: #00283b;
    display: inline-block;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 33px;
    margin-right: 0.5rem;
    text-align: center;
    transition: background-color 0.2s linear 0s;
    -webkit-transition: all 0.6s ease 0;
    transition: all 0.6s ease 0;
    transition: all 0.3s ease 0s
}

    .social-icons a:hover {
        background: transparent linear-gradient(to right, #60b0bd 50%,#ffffff 50%) repeat scroll right bottom/207% 100%;
        color: #00283b;
        background-position: left bottom
    }

ul.widget-news-simple li {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding-bottom: 15px
}

.widget-news-simple li {
    margin-bottom: 15px
}

.widget-news-simple div {
    color: #60b0bd;
    font-size: 13px;
    font-weight: 600
}

.news-thum {
    float: left;
    height: 70px;
    margin-right: 15px;
    width: 70px
}

.news-text-thum {
    margin-top: -5px;
    padding-left: 82px
}

.widget-news-simple h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 5px
}

    .widget-news-simple h6 a {
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-weight: 400
    }

.widget-news-simple p {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 5px;
    letter-spacing: 0.3px
}

.widget-news-simple div {
    font-family: "Poppins", sans-serif;
    color: #60b0bd;
    font-size: 13px;
    font-weight: 400
}

ul.widget-news-simple .news-thum a img {
    border-radius: 4px
}

ul.use-slt-links {
    list-style: none
}

    ul.use-slt-links li {
        color: #60b0bd;
        border-bottom: 1px solid rgba(255,255,255,0.15);
        padding: 8px 0;
        width: 100%;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s
    }

        ul.use-slt-links li:first-child {
            padding-top: 0;
           
        }


        ul.use-slt-links li a {
            color: #60b0bd;
            border-bottom: 1px solid grey;
            padding: 8px 0;
            transition: all 0.5s ease 0s;
            -webkit-transition: all 0.5s ease 0s;
            -moz-transition: all 0.5s ease 0s
        }

            ul.use-slt-links li a:hover {
                color: #36828e
            }

        ul.use-slt-links li:first-child {
            padding-top: 20px
        }

        ul.use-slt-links li.active a {
            font-weight: bold !important
        }

        ul.use-slt-links li:first-child {
            padding-top: 5px
        }

        ul.use-slt-links li:last-child a {
            border-bottom: none
        }

ul.use-slt-link li {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding: 8px 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s
}

.site-footer .form-alt .form-group .form-control {
    background-color: rgba(228,228,228,0.35);
    border: 0 none;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding: 10px;
    box-shadow: none
}

.btn-quote {
    font-family: "Poppins", sans-serif;
    background: -webkit-linear-gradient(left, #f25c21 50%, #17a2b8 50%) repeat scroll right bottom/207% 100% transparent;
    background: linear-gradient(to right, #f25c21 50%,#17a2b8 50%) repeat scroll right bottom/207% 100% transparent;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.3 !important;
    margin: 0 auto;
    padding: 8px 20px;
    text-align: center;
    -webkit-transition: background 350ms ease-in-out;
    transition: background 350ms ease-in-out;
    text-transform: uppercase;
    transition: all 0.2s linear 0s
}

    .btn-quote:hover, .btn-quote:focus {
        cursor: pointer;
        background-color: #f25c21;
        border-color: transparent;
        background-position: left bottom;
        box-shadow: none;
        color: #ffffff;
        outline: medium none
    }

    .btn-quote:active {
        cursor: pointer;
        background-color: #f25c21;
        border-color: transparent;
        background-position: left bottom;
        box-shadow: none;
        color: #ffffff;
        outline: medium none
    }

        .btn-quote:active:focus {
            cursor: pointer;
            background-color: #f25c21;
            border-color: transparent;
            background-position: left bottom;
            box-shadow: none;
            color: #ffffff;
            outline: medium none
        }

.site-footer .form-group input {
    height: 40px;
    color: #072d40
}

.footer-top h2 {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 35px;
    font-weight: 400;
    margin-top: 0;
    text-transform: none;
    letter-spacing: 0.5px
}

.site-footer .footer-top hr {
    background: #77C8D9;
    border: 0 none;
    bottom: 0;
    height: 2px;
    left: 0;
    margin: 10px 0;
    position: relative;
    right: 0;
    text-align: left;
    top: -25px;
    width: 14%
}

.footer-top .social-icons {
    margin-top: -5px
}

.footer-bottom {
    font-size: 0.875rem;
    padding: 30px 0;
    position: relative
}

    .footer-bottom p {
        font-weight: 200;
        line-height: 38px;
        margin-bottom: 0;
        letter-spacing: 0.6px;
        text-align: center;
        font-size: 14px
    }

.scrollup {
    background: transparent url("/Content/themes/viavi/images/top-move.png") no-repeat scroll 0 0;
    bottom: 28px;
    display: none;
    height: 40px;
    opacity: 0.9;
    outline: medium none;
    position: fixed;
    right: 15px;
    text-indent: -9999px;
    width: 40px
}

.title-out-wrapper, .title-in-wrapper {
    width: 100%;
    background-color: #fff;
    margin: 10px 0 50px 0;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #eee;
    box-shadow: 0 2px 6px #e1e3e9
}

    .title-out-wrapper .title-out__content, .title-out-wrapper .title-in__content, .title-in-wrapper .title-out__content, .title-in-wrapper .title-in__content {
        padding: 30px 40px
    }

        .title-out-wrapper .title-out__content.small-pad, .title-out-wrapper .title-in__content.small-pad, .title-in-wrapper .title-out__content.small-pad, .title-in-wrapper .title-in__content.small-pad {
            padding: 20px 40px
        }

        .title-out-wrapper .title-out__content.table-view, .title-out-wrapper .title-in__content.table-view, .title-in-wrapper .title-out__content.table-view, .title-in-wrapper .title-in__content.table-view {
            overflow-x: scroll;
            padding: 15px 30px 20px 30px
        }

            .title-out-wrapper .title-out__content.table-view::-webkit-scrollbar, .title-out-wrapper .title-in__content.table-view::-webkit-scrollbar, .title-in-wrapper .title-out__content.table-view::-webkit-scrollbar, .title-in-wrapper .title-in__content.table-view::-webkit-scrollbar {
                display: none
            }

        .title-out-wrapper .title-out__content.table-view, .title-out-wrapper .title-in__content.table-view, .title-in-wrapper .title-out__content.table-view, .title-in-wrapper .title-in__content.table-view {
            -ms-overflow-style: none
        }

        .title-out-wrapper .title-out__content.table-view, .title-out-wrapper .title-in__content.table-view, .title-in-wrapper .title-out__content.table-view, .title-in-wrapper .title-in__content.table-view {
            overflow: -moz-scrollbars-none
        }

.title-in-wrapper {
    margin-top: 50px
}

@media only screen and (max-width: 600px) {
    #create-listing .title-out__content {
        padding: 0
    }
}

.button-general {
    display: flex;
    overflow: hidden;
    margin: 10px;
    padding: 12px 20px;
    cursor: pointer;
    user-select: none;
    transition: all 150ms linear;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    text-transform: none;
    text-transform: capitalize;
    color: #434343;
    border: 0 none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    justify-content: center;
    align-items: center;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    -moz-box-shadow: 2px 5px 10px #e4e4e4;
    -webkit-box-shadow: 2px 5px 10px #e4e4e4;
    box-shadow: 2px 5px 10px #e4e4e4;
    -moz-appearance: nonw;
    -webkit-appearance: nonw
}

    .button-general a {
        color: #434343
    }

        .button-general a:hover {
            color: #434343
        }

    .button-general.no-margin {
        margin: 0
    }

    .button-general:hover {
        transition: all 150ms linear;
        opacity: 0.85;
        color: #434343
    }

    .button-general:active {
        transition: all 150ms linear;
        opacity: 0.75
    }

    .button-general:focus {
        outline: 1px dotted #959595;
        outline-offset: -4px
    }

    .button-general.ml {
        margin-left: -4px
    }

    .button-general.blue-1 {
        color: #434343;
        background-color: #77C8D9
    }

    .button-general.unverified {
        color: #000;
        background: #7999a9
    }

    .button-general.disabled {
        background: #979797;
        cursor: not-allowed
    }

    .button-general.blue-2 {
        background-color: #80B9C4
    }

    .button-general.orange {
        background-color: #eb7242;
        color: #000
    }

        .button-general.orange a, .button-general.orange:hover {
            color: #000
        }

    .button-general.red {
        background-color: #EC5757
    }

    .button-general.margin-top {
        margin-top: 30px
    }

    .button-general.fixed-width {
        width: 150px
    }

    .button-general.fixed-width-small {
        width: 100px
    }

    .button-general.animation {
        position: relative
    }

        .button-general.animation::after, .button-general.animation::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 100%;
            background: #77C8D9;
            z-index: -2
        }

        .button-general.animation:hover {
            z-index: 1;
            background: transparent;
            opacity: 1;
            color: #000
        }

        .button-general.animation:active {
            opacity: 1
        }

        .button-general.animation:before {
            transition: 0.3s;
            background: #eb7242;
            z-index: -1
        }

        .button-general.animation:hover:after, .button-general.animation:hover:before {
            width: 100%
        }

button, button:hover, button:active, button:focus {
    outline: none
}

    button#Google:hover {
        color: #c20a0a
    }

    button#Facebook:hover {
        color: #04438e
    }

.btn.btn-info.v-si {
    background-color: #77C8D9;
    color: #434343;
    font-weight: bold
}

table.general {
    width: 100%;
    margin: 0.5em 0 1em 0;
    min-width: 300px;
    border-spacing: 0
}

    table.general.bg {
        background-color: #f0f1f5
    }

    table.general th {
        border-bottom: 2px solid #ececec;
        display: none
    }

    table.general td {
        display: block;
        word-break: break-all
    }

        table.general td.priority {
            text-align: center
        }

            table.general td.priority .p-square {
                font-size: 20px
            }

                table.general td.priority .p-square.p-high {
                    color: #dd6d6b
                }

                table.general td.priority .p-square.p-medium {
                    color: #eb7242
                }

                table.general td.priority .p-square.p-low {
                    color: #80B9C4
                }

        table.general td:first-child {
            padding-top: .5em
        }

        table.general td:last-child {
            padding-bottom: .5em
        }

        table.general td:before {
            content: attr(data-th) ": ";
            font-weight: bold;
            width: 6.5em;
            display: inline-block
        }

@media (min-width: 480px) {
    table.general td:before {
        display: none
    }
}

table.general th, table.general td {
    text-align: left
}

@media (min-width: 480px) {
    table.general th, table.general td {
        display: table-cell;
        padding: .25em .5em
    }

        table.general th:first-child, table.general td:first-child {
            padding-left: 0
        }

        table.general th:last-child, table.general td:last-child {
            padding-right: 0
        }
}

.table-style {
    background: #fff;
    border-radius: .4em;
    color: #434343
}

    .table-style tr {
        border-color: #46637f
    }

    .table-style th, .table-style td {
        margin: .5em 1em
    }

@media (min-width: 480px) {
    .table-style th, .table-style td {
        padding: 1em !important
    }
}

.table-style th, .table-style td:before {
    color: #434343;
    font-weight: bold
}

.divide_column tr:not(:last-child) {
    border-bottom: 1px solid #e9e9e9
}

#RecommendInviteTable_wrapper i.fa {
    margin-left: 10px
}

    #RecommendInviteTable_wrapper i.fa.fa-leaf {
        color: #4cbbb9
    }

    #RecommendInviteTable_wrapper i.fa.fa-envelope {
        color: #cd8d7b
    }

    #RecommendInviteTable_wrapper i.fa.fa-table {
        color: #9d88a2
    }

#RecommendInviteTable_wrapper .page-link {
    background: #77C8D9;
    border-color: transparent
}

div.link-option {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    div.link-option a {
        color: #77C8D9;
        font-weight: 500
    }

        div.link-option a:first-child {
            margin-right: 10px
        }

div.back-link {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0 100px 0
}

    div.back-link a {
        color: #434343;
        border-bottom: 1px solid #434343
    }

        div.back-link a:hover {
            color: #77C8D9;
            border-bottom: 1px solid #77C8D9
        }

a.delete {
    color: #dd6d6b !important;
    border-bottom: 1px solid #dd6d6b !important
}

a.cancel-link {
    color: #434343;
    border-bottom: 1px solid #434343
}

    a.cancel-link:hover {
        color: #77C8D9;
        border-bottom: 1px solid #77C8D9
    }

div.option, div.button-option {
    width: 100%;
    display: flex;
    align-items: center
}

    div.option.column, div.button-option.column {
        flex-direction: column
    }

    div.option.margin-top-large, div.button-option.margin-top-large {
        margin-top: 100px
    }

    div.option.margin-bottom, div.button-option.margin-bottom {
        margin-bottom: 50px
    }

    div.option.margin-top, div.button-option.margin-top {
        margin-top: 50px
    }

.option {
    justify-content: space-between
}

    .option .verified-icon-section {
        margin-top: 5px
    }

        .option .verified-icon-section img {
            margin: 0 10px 0 20px
        }

    .option .verified, .option .name {
        margin-bottom: 0
    }

    .option .desc {
        width: 80%
    }

        .option .desc p {
            margin-bottom: 0
        }

.button-option {
    justify-content: center
}

    .button-option.margin-top {
        margin-top: 50px
    }

        .button-option.margin-top button {
            margin-right: 10px
        }

div.bottom-options, div.bottom-options-left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px
}

div.bottom-options-left {
    justify-content: start
}

.state-progress-bar {
    border-radius: 60px;
    overflow: hidden;
    width: 300px;
    height: 10px
}

    .state-progress-bar span {
        display: block
    }

    .state-progress-bar .bar {
        background: #eee;
        display: block
    }

        .state-progress-bar .bar .progress {
            display: block;
            animation: loader 0.5s ease-in forwards;
            background: #77C8D9;
            color: #fff;
            padding: 5px;
            width: 0;
            height: 0
        }

.progress-bar-wrapper p.verify {
    color: #287d8f
}

@media only screen and (max-width: 825px) {
    .state-progress-bar {
        display: none
    }
}

@keyframes loader {
    0% {
        width: 0%
    }

    100% {
        width: 50%
    }
}

details {
    cursor: pointer;
    transform-origin: top center;
    transform: rotate(0.1deg);
    transition: all 0.3s
}

    details ::-webkit-details-marker {
        display: none
    }

        details ::-webkit-details-marker[open] {
            transition: all 0.6s
        }

summary {
    outline: none;
    padding: 20px
}

    summary:selection {
        background: transparent
    }

    summary .close-text {
        display: none
    }

[open] summary .close-text {
    display: inline
}

summary .open-text {
    display: inline
}

[open] summary .open-text {
    display: none
}

[open] summary {
    display: inline
}

summary:after {
    content: "➕";
    float: left;
    text-align: center;
    font-size: 11px;
    margin: 4px 11px 0 0
}

[open] summary:after {
    padding: 0 0 12px 0;
    content: "➖"
}

.accordion .card {
    border: none
}

    .accordion .card .card-header {
        background-color: #fff
    }

.sidebar-navigation {
    padding-top: 10px;
    max-width: 100%;
    height: 100%;
    background-color: #fff;
    -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.1)
}

    .sidebar-navigation > ul > li {
        text-transform: capitalize;
        cursor: pointer
    }

    .sidebar-navigation ul {
        margin-top: 30%;
        padding: 0
    }

        .sidebar-navigation ul li {
            margin-left: 10px;
            display: block;
            position: relative;
            display: block;
            font-size: 15px;
            padding: 20px 30px;
            text-decoration: none;
            color: #838383;
            font-weight: 500;
            letter-spacing: 0.02em;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear
        }

            .sidebar-navigation ul li:hover, .sidebar-navigation ul li.selected:not(.isActive) {
                border-left: 3px solid #eee
            }

            .sidebar-navigation ul li.isActive {
                color: #434343;
                font-weight: bold;
                background-color: #ecf0f1;
                border-top-left-radius: 25px;
                border-bottom-left-radius: 25px
            }

.mobile-nav {
    display: none !important
}

@media only screen and (max-width: 770px) {
    .mobile-nav {
        display: flex !important
    }

    .sidebar-navigation {
        display: none
    }
}

.questionnaire_list {
    outline: none;
    display: flex;
    align-items: center;
    margin: 25px 0
}

    .questionnaire_list .questionnaire_list-item {
        outline: none;
        font-size: 18px;
        margin: 0 10px 0 0
    }

        .questionnaire_list .questionnaire_list-item:hover, .questionnaire_list .questionnaire_list-item:active {
            color: #4c89bb
        }

        .questionnaire_list .questionnaire_list-item.selected .questionnaire_list-item {
            color: #4c89bb
        }

.questionnaire-expand {
    padding: 20px 0
}

.notice-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center
}

    .notice-wrapper img {
        width: 20px;
        max-width: 100%;
        margin-right: 10px
    }

    .notice-wrapper p {
        font-size: 14px;
        color: #434343;
        margin: 0
    }

.main-organisation .branch-desc p {
    color: #287d8f
}

.main-organisation .branch-desc .get-in-touch {
    color: #287d8f;
    border-bottom: 1px solid #80B9C4
}

    .main-organisation .branch-desc .get-in-touch:hover {
        color: #80B9C4
    }

.main-organisation .progress-bar-wrapper .state-progress-bar {
    margin-right: 20px
}

.main-organisation .progress-bar-wrapper .verify {
    margin-bottom: 0
}

.form-vertical {
    display: flex;
    flex-direction: column;
    align-items: center
}

.form-control.si {
    border: 1px solid #eee;
    box-shadow: 0 2px 6px #e1e3e9;
    border: 1px solid #c3e0e6
}

    .form-control.si.gp-user {
        width: 400px
    }

.input-box {
    border: 0;
    outline: 0;
    padding: 1em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: block;
    width: 100%;
    margin-top: 1em;
    font-family: 'Merriweather', sans-serif;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    resize: none
}

    .input-box:focus {
        -moz-box-shadow: 0 0px 2px #77c8d9 !important;
        -webkit-box-shadow: 0 0px 2px #77c8d9 !important;
        box-shadow: 0 0px 2px #77c8d9 !important
    }

.show {
    display: block !important
}

.hide {
    display: none !important
}

#collapseOne .checkboxlabelSpace, #locationsPanel .checkboxlabelSpace, #referralAreas .checkboxlabelSpace {
    margin-left: 1rem
}

.step-progress-bar {
    height: 55px;
    position: relative;
    left: 70%;
    top: 2%;
    transform: translate(-50%, -50%);
    z-index: 1
}

    .step-progress-bar .s-step {
        float: left;
        width: 170px;
        height: 60px;
        position: relative;
        cursor: pointer
    }

        .step-progress-bar .s-step:nth-child(5n) {
            width: 0px
        }

        .step-progress-bar .s-step.active {
            float: left;
            width: 170px;
            height: 60px;
            position: relative
        }

            .step-progress-bar .s-step.active em {
                color: #77C8D9
            }

            .step-progress-bar .s-step.active b > b {
                background-color: #77C8D9
            }

                .step-progress-bar .s-step.active b > b:hover {
                    background-color: #9fd8e4
                }

        .step-progress-bar .s-step.done .content::after {
            content: "✓"
        }

        .step-progress-bar .s-step.done p {
            border-color: #77C8D9
        }

        .step-progress-bar .s-step > b {
            display: block;
            width: 38px;
            height: 38px;
            line-height: 38px;
            border-radius: 38px;
            position: absolute;
            margin-left: -16px;
            top: -20px;
            z-index: 87
        }

            .step-progress-bar .s-step > b > b, .step-progress-bar .s-step > b .back {
                text-align: center;
                color: #fff;
                display: block;
                width: 32px;
                height: 32px;
                line-height: 32px;
                border-radius: 32px;
                background: #ccc;
                margin-top: 3px;
                margin-left: 3px;
                z-index: 88
            }

                .step-progress-bar .s-step > b > b.content-step1::after, .step-progress-bar .s-step > b .back.content-step1::after {
                    content: "1"
                }

                .step-progress-bar .s-step > b > b.content-step2::after, .step-progress-bar .s-step > b .back.content-step2::after {
                    content: "2"
                }

                .step-progress-bar .s-step > b > b.content-step3::after, .step-progress-bar .s-step > b .back.content-step3::after {
                    content: "3"
                }

                .step-progress-bar .s-step > b > b.content-step4::after, .step-progress-bar .s-step > b .back.content-step4::after {
                    content: "4"
                }

        .step-progress-bar .s-step > p {
            width: 160px;
            border: 1px solid #ddd;
            position: absolute;
            z-index: 86
        }

        .step-progress-bar .s-step em {
            display: block;
            padding-top: 25px;
            font-style: normal;
            text-align: center;
            color: #b7b7b7;
            font-size: 12px;
            margin-left: -65px;
            width: 130px;
            font-weight: 500
        }

#notify {
    display: none;
    width: 600px;
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%)
}

    #notify .notify-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 10px 20px;
        background-color: rgba(238,180,105,0.2);
        border: 1px solid rgba(216,133,25,0.2)
    }

        #notify .notify-wrapper i {
            margin-right: 10px;
            font-size: 20px;
            color: #cd8d7b
        }

        #notify .notify-wrapper p {
            margin-bottom: 0
        }

.button-outer {
    position: relative
}

    .button-outer input {
        position: absolute;
        width: 100%;
        height: 105%;
        left: 0;
        top: 0;
        cursor: pointer;
        opacity: 0
    }

#PassStrength {
    width: 0px;
    height: 7px;
    display: block;
    transition: width 0.3s
}

    #PassStrength.strength {
        height: 0px;
        width: 100%;
        background: #ccc;
        margin-top: -7px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        overflow: hidden;
        transition: height 0.3s
    }

.feature-item-container-box {
    position: relative;
    border: 1px solid #efeeee;
    background-color: #fff;
    box-shadow: 0 2px 6px #ccc;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    width: 100%;
    
    margin-bottom: 30px;
    /*height: 242px*/
}

    .feature-item-container-box.listing-item-homepage {
        /*// height: 480px;*/
         display: flex;
        flex-direction: column;
         align-items: stretch;
         justify-content: stretch;
        height: 100%;
        /*/ margin-bottom: 41px;
        /*/
    }

    .feature-item-container-box::-webkit-scrollbar {
        display: none
    }

    .feature-item-container-box#search-result-page {
        overflow-y: unset
    }

        .feature-item-container-box#search-result-page .feature-title-item {
            position: absolute;
            left: 0;
            padding-left: 0;
            height: 100%
        }

            .feature-item-container-box#search-result-page .feature-title-item img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

        .feature-item-container-box#search-result-page .feature-title-detail {
            height: 200px;
            
            
        }

            .feature-item-container-box#search-result-page .feature-title-detail::-webkit-scrollbar {
                display: none
            }

        .feature-item-container-box#search-result-page .feature-item-location {
            position: absolute;
            bottom: 0;
            width: 75%;
            margin-left: 25%
        }

.feature-title-item {
    background: transparent linear-gradient(to right, rgba(0,0,0,0.3) -10%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0) 80%) repeat scroll 0 0
}

    .feature-title-item img {
        width: 100%;
        height: 200px
    }

.feature-item-container-box:hover, .feature-item-container-box.active {
    border: 1px solid #60b0bd;
    box-shadow: 0 1px 15px rgba(0,0,0,0.2)
}

    .feature-item-container-box:hover .feature-title-item img {
        transition: all 0.4s ease 0s
    }

div#contentresults .feature-title-item img:hover {
    transform: scale(1.2);
    transition: all 0.4s ease 0s
}

div#contentresults .feature-item-container-box .feature-item-location h2 {
    min-height: 30px
}

.feature-item-container-box.active .feature-box-text a h3 {
    color: #60b0bd
}

.feature-item-container-box .feature-box-text {
    background: #fefefe;
    padding: 15px;
    text-align: left;
    position: relative
}

    .feature-item-container-box .feature-box-text ul {
        text-indent: 2em
    }

.feature-item-container-box .feature-box-text {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
    max-height: 175px;
}
    .feature-item-container-box .feature-box-text::-webkit-scrollbar { /* WebKit */
        width: 0px;
    }
    .feature-item-container-box .feature-item-location {
        padding: 5px 15px
    }

    .feature-item-container-box .feature-item-location h2 {
        font-size: 13px;
        color: #7d7d7d;
        font-weight: 500;
        margin: 0px;
        text-align: left;
        line-height: 30px;
        float: left
    }

        .feature-item-container-box .feature-item-location h2 i {
            color: #287d8f;
            font-size: 14px;
            margin-right: 3px
        }

    .feature-item-container-box .feature-item-location span {
        float: right;
        font-size: 13px;
        position: relative;
        top: 7px
    }

        .feature-item-container-box .feature-item-location span i.fa {
            color: #ffcc58
        }

.feature-box-text i.fa-star-half-empty {
    margin-right: 5px
}

.feature-item-container-box .feature-box-text h3 {
    margin-top: 0;
    line-height: 18px;
    margin-bottom: 10px;
    color: #287d8f;
    font-size: 1.25rem
}

    .feature-item-container-box .feature-box-text h3 a {
        color: #287d8f;
        font-weight: 500;
        font-size: 18px;
        margin-top: 0
    }

        .feature-item-container-box .feature-box-text h3 a:hover {
            border-bottom: 1px solid #287d8f
        }

.feature-item-container-box .feature-box-text p {
    color: #555;
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 0
}

.feature-item-container-box .feature-box-text a {
    color: #60b0bd;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.2px
}

.feature-item-container-box.active .feature-box-text a {
    color: #969595
}

    .feature-item-container-box.active .feature-box-text a i {
        color: #969595
    }

.feature-item-container-box .feature-box-text a i.fa {
    color: #60b0bd;
    margin-right: 3px
}

.feature-title-item {
    position: relative
}

.hover-overlay {
    background: transparent none repeat scroll 0 0;
    height: 48%;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto;
    bottom: 0px
}

.feature-item-container-box:hover .hover-overlay {
    background: rgba(0,0,0,0.7) none repeat scroll 0 0
}

.hover-overlay-inner {
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.feature-item-container-box:hover .hover-overlay-inner::before, .feature-item-container-box:hover .hover-overlay-inner::after {
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s
}

.feature-item-container-box:hover .hover-overlay-inner::before {
    border-bottom: 1px solid #ebc131;
    border-top: 1px solid #ebc131;
    transform: scale(0, 1)
}

.feature-item-container-box:hover .hover-overlay-inner::after {
    border-left: 1px solid #ebc131;
    border-right: 1px solid #ebc131;
    transform: scale(1, 0)
}

.feature-item-container-box:hover .hover-overlay-inner::before, .feature-item-container-box:hover .hover-overlay-inner::after {
    opacity: 1;
    transform: scale(1)
}

.location-entry:hover .hover-overlay-inner::before, .location-entry:hover .hover-overlay-inner::after {
    opacity: 1;
    transform: scale(1)
}

.feature-item:hover .hover-overlay-inner::before, .feature-item:hover .hover-overlay-inner::after {
    opacity: 1;
    transform: scale(1)
}

.listing-item:hover .hover-overlay-inner::before, .listing-item:hover .hover-overlay-inner::after {
    opacity: 1;
    transform: scale(1)
}

.feature-item-container-box:hover .hover-overlay .hover-overlay-inner ul.listing-links {
    display: block;
    z-index: 900
}

.hover-overlay .hover-overlay-inner h3 a {
    display: none
}

.feature-item-container-box:hover .hover-overlay .hover-overlay-inner h3 {
    display: list-item
}

    .feature-item-container-box:hover .hover-overlay .hover-overlay-inner h3 a {
        color: #60b0bd;
        display: block;
        font-size: 16px;
        font-weight: 600;
        margin-left: 20px;
        text-align: left;
        position: absolute;
        z-index: 99
    }

        .feature-item-container-box:hover .hover-overlay .hover-overlay-inner h3 a:hover {
            color: #ffffff;
            text-decoration: underline
        }

.hover-overlay .hover-overlay-inner ul.listing-links {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    height: auto;
    margin: 0 auto;
    text-align: center;
    right: 0;
    left: 0;
    display: none
}

    .hover-overlay .hover-overlay-inner ul.listing-links li {
        display: inline-block;
        margin-left: 5px
    }

        .hover-overlay .hover-overlay-inner ul.listing-links li:first-child {
            margin-left: 0
        }

        .hover-overlay .hover-overlay-inner ul.listing-links li a {
            display: flex;
            justify-content: center;
            align-items: center;
            background: #ffffff;
            border-radius: 50%;
            font-size: 18px;
            height: 44px;
            line-height: 44px;
            width: 44px;
            float: left
        }

            .hover-overlay .hover-overlay-inner ul.listing-links li a:hover {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
                -webkit-transition: ease-out .5s;
                -moz-transition: ease-out .5s;
                -o-transition: ease-out .5s;
                transition: ease-out .5s;
                transition: all .6s ease-in-out 0;
                box-shadow: 0 3px 8px rgba(255,255,255,0.3)
            }

.green-1 {
    color: #ccdb38
}

.blue-1 {
    color: #08c2f3
}

.yallow-1 {
    color: #fecc17
}

.feature-item-listing-item:hover .recent-listing-box-image img {
    transform: scale(1.2);
    transition: all 0.4s ease 0s
}

.feature-item-listing-item:hover .hover-overlay {
    background: rgba(0,0,0,0.7) none repeat scroll 0 0
}

.feature-item-listing-item .hover-overlay {
    background: transparent none repeat scroll 0 0;
    height: 100%;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto;
    bottom: 0px
}

.feature-item-listing-item:hover .hover-overlay-inner::before, .feature-item-listing-item:hover .hover-overlay-inner::after {
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s
}

.feature-item-listing-item:hover .hover-overlay-inner::before {
    border-bottom: 1px solid #ebc131;
    border-top: 1px solid #ebc131;
    transform: scale(0, 1)
}

.feature-item-listing-item:hover .hover-overlay-inner::after {
    border-left: 1px solid #ebc131;
    border-right: 1px solid #ebc131;
    transform: scale(1, 0)
}

.feature-item-listing-item:hover .hover-overlay-inner::before, .feature-item-listing-item:hover .hover-overlay-inner::after {
    opacity: 1;
    transform: scale(1)
}

.location-entry:hover .hover-overlay-inner::before, .location-entry:hover .hover-overlay-inner::after {
    opacity: 1;
    transform: scale(1)
}

.feature-item:hover .hover-overlay-inner::before, .feature-item:hover .hover-overlay-inner::after {
    opacity: 1;
    transform: scale(1)
}

.listing-item:hover .hover-overlay-inner::before, .listing-item:hover .hover-overlay-inner::after {
    opacity: 1;
    transform: scale(1)
}

.feature-item-listing-item:hover .hover-overlay .hover-overlay-inner ul.listing-links {
    display: block;
    z-index: 999
}

.feature-item-listing-item:hover .hover-overlay .hover-overlay-inner h3 {
    display: list-item
}

    .feature-item-listing-item:hover .hover-overlay .hover-overlay-inner h3 a {
        color: #60b0bd;
        display: block;
        font-size: 17px;
        font-weight: 700;
        margin-left: 20px;
        text-align: left;
        position: absolute;
        z-index: 99
    }

        .feature-item-listing-item:hover .hover-overlay .hover-overlay-inner h3 a:hover {
            color: #ffffff;
            text-decoration: underline
        }

.hover_bkgr_fricc {
    background: rgba(0,0,0,0.4);
    cursor: pointer;
    display: none;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10000
}

    .hover_bkgr_fricc .helper {
        display: inline-block;
        vertical-align: middle
    }

    .hover_bkgr_fricc > div {
        background-color: #fff;
        box-shadow: 10px 10px 60px #555;
        display: inline-block;
        max-width: 1500px;
        vertical-align: middle;
        width: 85%;
        position: relative;
        border-radius: 8px;
        padding: 15px 5%;
        margin-top: 2%;
        overflow: scroll;
        overflow-x: hidden;
        height: 620px
    }

.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 35px;
    text-align: center
}

    .popupCloseButton:hover {
        background-color: #ccc
    }

.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold
}

.swal-text {
    text-align: center
}

.selectMultiple {
    max-width: 580px;
    margin: 30px 0;
    position: relative
}

    .selectMultiple select {
        display: none
    }

    .selectMultiple > div {
        position: relative;
        z-index: 2;
        padding: 8px 34px 2px 12px;
        border: 1px solid #dbf0f5;
        border-radius: 8px;
        background: #fff;
        font-size: 14px;
        min-height: 44px;
        box-shadow: 0 4px 16px 0 rgba(22,42,90,0.12);
        transition: box-shadow .3s ease
    }

        .selectMultiple > div:hover {
            box-shadow: 0 4px 24px -1px rgba(22,42,90,0.16)
        }

        .selectMultiple > div .arrow {
            right: 2px;
            top: 0;
            bottom: 0;
            cursor: pointer;
            width: 28px;
            position: absolute
        }

            .selectMultiple > div .arrow:before, .selectMultiple > div .arrow:after {
                content: '';
                position: absolute;
                display: block;
                width: 3px;
                height: 10px;
                border-bottom: 10px solid #99A3BA;
                top: 43%;
                transition: all .3s ease
            }

            .selectMultiple > div .arrow:before {
                right: 12px;
                transform: rotate(-130deg)
            }

            .selectMultiple > div .arrow:after {
                left: 7px;
                transform: rotate(130deg)
            }

        .selectMultiple > div span {
            color: #99A3BA;
            display: block;
            position: absolute;
            left: 12px;
            cursor: pointer;
            top: 8px;
            line-height: 28px;
            transition: all .3s ease
        }

            .selectMultiple > div span.hide {
                opacity: 0;
                visibility: hidden;
                transform: translate(-4px, 0)
            }

        .selectMultiple > div a {
            position: relative;
            padding: 0 24px 6px 8px;
            line-height: 28px;
            color: #434343;
            display: inline-block;
            vertical-align: top;
            margin: 0 6px 0 0
        }

            .selectMultiple > div a em {
                font-style: normal;
                display: block;
                white-space: nowrap
            }

            .selectMultiple > div a:before {
                content: '';
                left: 0;
                top: 0;
                bottom: 6px;
                width: 100%;
                position: absolute;
                display: block;
                background: rgba(228,236,250,0.7);
                z-index: -1;
                border-radius: 4px
            }

            .selectMultiple > div a i {
                cursor: pointer;
                position: absolute;
                top: 0;
                right: 0;
                width: 24px;
                height: 28px;
                display: block
            }

                .selectMultiple > div a i:before, .selectMultiple > div a i:after {
                    content: '';
                    display: block;
                    width: 2px;
                    height: 10px;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    background: #4D18FF;
                    border-radius: 1px
                }

                .selectMultiple > div a i:before {
                    transform: translate(-50%, -50%) rotate(45deg)
                }

                .selectMultiple > div a i:after {
                    transform: translate(-50%, -50%) rotate(-45deg)
                }

            .selectMultiple > div a.notShown {
                opacity: 0;
                transition: opacity .3s ease
            }

                .selectMultiple > div a.notShown:before {
                    width: 28px;
                    transition: width 0.45s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.2s
                }

                .selectMultiple > div a.notShown i {
                    opacity: 0;
                    transition: all .3s ease .3s
                }

                .selectMultiple > div a.notShown em {
                    opacity: 0;
                    transform: translate(-6px, 0);
                    transition: all .4s ease .3s
                }

                .selectMultiple > div a.notShown.shown {
                    opacity: 1
                }

                    .selectMultiple > div a.notShown.shown:before {
                        width: 100%
                    }

                    .selectMultiple > div a.notShown.shown i {
                        opacity: 1
                    }

                    .selectMultiple > div a.notShown.shown em {
                        opacity: 1;
                        transform: translate(0, 0)
                    }

            .selectMultiple > div a.remove:before {
                width: 28px;
                transition: width 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0s
            }

            .selectMultiple > div a.remove i {
                opacity: 0;
                transition: all .3s ease 0s
            }

            .selectMultiple > div a.remove em {
                opacity: 0;
                transform: translate(-12px, 0);
                transition: all .4s ease 0s
            }

            .selectMultiple > div a.remove.disappear {
                opacity: 0;
                transition: opacity .5s ease 0s
            }

    .selectMultiple > ul {
        margin: 0;
        padding: 0;
        height: 300px;
        overflow-y: scroll;
        overflow-y: auto;
        list-style: none;
        font-size: 16px;
        z-index: 1;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
        border-radius: 8px;
        transform: translate(0, 20px) scale(0.8);
        transform-origin: 0 0;
        filter: drop-shadow(0 12px 20px rgba(22,42,90,0.08));
        transition: all 0.4s ease,transform 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44),filter 0.3s ease 0.2s
    }

        .selectMultiple > ul::-webkit-scrollbar {
            display: none
        }

    .selectMultiple > ul {
        -ms-overflow-style: none
    }

    .selectMultiple > ul {
        overflow: -moz-scrollbars-none
    }

        .selectMultiple > ul li {
            color: #434343;
            background: #fff;
            padding: 12px 16px;
            cursor: pointer;
            overflow: hidden;
            position: relative;
            transition: background .3s ease, color .3s ease, transform .3s ease .3s, opacity .5s ease .3s, border-radius .3s ease .3s
        }

            .selectMultiple > ul li:first-child {
                border-radius: 8px 8px 0 0
            }

                .selectMultiple > ul li:first-child:last-child {
                    border-radius: 8px
                }

            .selectMultiple > ul li:last-child {
                border-radius: 0 0 8px 8px
            }

                .selectMultiple > ul li:last-child:first-child {
                    border-radius: 8px
                }

            .selectMultiple > ul li:hover {
                background: #80B9C4;
                color: #fff
            }

            .selectMultiple > ul li:after {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                width: 6px;
                height: 6px;
                background: rgba(0,0,0,0.4);
                opacity: 0;
                border-radius: 100%;
                transform: scale(1, 1) translate(-50%, -50%);
                transform-origin: 50% 50%
            }

            .selectMultiple > ul li.beforeRemove {
                border-radius: 0 0 8px 8px
            }

                .selectMultiple > ul li.beforeRemove:first-child {
                    border-radius: 8px
                }

            .selectMultiple > ul li.afterRemove {
                border-radius: 8px 8px 0 0
            }

                .selectMultiple > ul li.afterRemove:last-child {
                    border-radius: 8px
                }

            .selectMultiple > ul li.remove {
                transform: scale(0);
                opacity: 0
            }

                .selectMultiple > ul li.remove:after {
                    animation: ripple .4s ease-out
                }

            .selectMultiple > ul li.notShown {
                display: none;
                transform: scale(0);
                opacity: 0;
                transition: transform .35s ease, opacity .4s ease
            }

                .selectMultiple > ul li.notShown.show {
                    transform: scale(1);
                    opacity: 1
                }

    .selectMultiple.open > div {
        box-shadow: 0 4px 20px -1px rgba(22,42,90,0.12)
    }

        .selectMultiple.open > div .arrow:before {
            transform: rotate(-50deg)
        }

        .selectMultiple.open > div .arrow:after {
            transform: rotate(50deg)
        }

    .selectMultiple.open > ul {
        transform: translate(0, 12px) scale(1);
        opacity: 1;
        visibility: visible;
        filter: drop-shadow(0 16px 24px rgba(22,42,90,0.16))
    }

@keyframes ripple {
    0% {
        transform: scale(0, 0);
        opacity: 1
    }

    25% {
        transform: scale(30, 30);
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: scale(50, 50)
    }
}

#ddlError {
    position: relative
}

    #ddlError #dropdown-close {
        position: absolute;
        top: 2px;
        left: 600px
    }

.close-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    padding: 9px;
    margin: auto;
    border: 2px solid #77C8D9;
    border-radius: 50%;
    box-shadow: 0px 0px 25px 5px rgba(119,200,217,0.25);
    cursor: pointer
}

.close-btn__line {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #77C8D9;
    transition: all 0.5s ease
}

.close-btn.active .close-btn__line:nth-of-type(1) {
    transform: rotateZ(-45deg) translate(-3px, 3px)
}

.close-btn.active .close-btn__line:nth-of-type(2) {
    transform: scale(0, 1)
}

.close-btn.active .close-btn__line:nth-of-type(3) {
    transform: rotateZ(45deg) translate(-3px, -3px)
}

.close-btn i.fa-plus {
    color: #77C8D9
}

#organisation .main-organisation {
    display: flex;
    flex-direction: column
}

    #organisation .main-organisation .main-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }

        #organisation .main-organisation .main-wrapper .progress-bar-wrapper {
            display: flex;
            align-items: center
        }

            #organisation .main-organisation .main-wrapper .progress-bar-wrapper .state-progress-bar {
                align-items: center
            }

            #organisation .main-organisation .main-wrapper .progress-bar-wrapper p.verify {
                margin-left: 10px;
                color: #287d8f
            }

    #organisation .main-organisation .branch-desc {
        margin-top: 10px
    }

        #organisation .main-organisation .branch-desc p {
            font-size: 14px
        }

#organisation p {
    margin-bottom: 0
}

    #organisation p.name {
        font-size: 25px;
        font-weight: 500
    }

.branches {
    display: flex;
    justify-content: space-between
}

.main-organisation.margin-top {
    margin-top: 50px
}

.nav-item:hover, #click-to-share-2 {
    cursor: pointer
}

#Covid19Update {
    margin: 0px 0 0px 0 !important;
    border: none;
    line-height: 20px;
    font-family: Poppins, sans-serif;
    display: block;
    padding: 9.5px;
    font-size: 14px;
    white-space: pre-wrap;
    border-radius: 4px;
    word-break: break-word
}

.todo-wrap {
    display: block;
    position: relative;
    padding-left: 35px
}

.todo {
    display: inline-block;
    padding: 6px 5px;
    height: 30px;
    position: relative
}

    .todo:before {
        content: "";
        display: block;
        position: absolute;
        top: calc(50% + 5px);
        left: 0;
        width: 0%;
        height: 1px;
        background: #949494;
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out
    }

    .todo:after {
        content: "";
        display: block;
        position: absolute;
        z-index: 0;
        height: 18px;
        width: 18px;
        top: 9px;
        left: -25px;
        -webkit-box-shadow: inset 0 0 0 2px #d8d8d8;
        -moz-box-shadow: inset 0 0 0 2px #d8d8d8;
        box-shadow: inset 0 0 0 2px #d8d8d8;
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .todo:hover:after {
        -webkit-box-shadow: inset 0 0 0 2px #949494;
        -moz-box-shadow: inset 0 0 0 2px #949494;
        box-shadow: inset 0 0 0 2px #949494
    }

    .todo .fa-check {
        position: absolute;
        z-index: 1;
        left: -31px;
        top: 0;
        font-size: 1px;
        line-height: 36px;
        width: 36px;
        height: 36px;
        text-align: center;
        color: transparent;
        text-shadow: 1px 1px 0 white, -1px -1px 0 white
    }

:checked + .todo {
    color: #717171
}

    :checked + .todo:before {
        width: 100%
    }

    :checked + .todo:after {
        -webkit-box-shadow: inset 0 0 0 2px #77C8D9;
        -moz-box-shadow: inset 0 0 0 2px #77C8D9;
        box-shadow: inset 0 0 0 2px #77C8D9
    }

    :checked + .todo .fa-check {
        font-size: 20px;
        line-height: 35px;
        color: #77C8D9
    }

.delete-item {
    display: block;
    position: absolute;
    height: 36px;
    width: 36px;
    line-height: 36px;
    right: 0;
    top: 0;
    text-align: center;
    color: #d8d8d8;
    opacity: 0
}

.todo-wrap:hover .delete-item {
    opacity: 1
}

.delete-item:hover {
    color: #666
}

#add-todo {
    padding: 25px 0 0 0;
    font-size: 14px;
    font-weight: 200;
    color: #d8d8d8;
    display: inline-block;
    cursor: pointer
}

    #add-todo:hover {
        color: #6bc569;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none
    }

    #add-todo .fa-plus {
        font-size: 14px;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none
    }

.input-todo {
    border: none;
    outline: none;
    position: relative;
    top: -1px;
    margin: 0;
    padding: 0;
    width: 100%
}

.editing {
    height: 0;
    overflow: hidden
}

    .editing.todo-wrap {
        box-shadow: 0 0 400px rgba(0,0,0,0.8),inset 0 0px 0 2px #ebebeb
    }

#create_referral {
    display: flex;
    justify-content: center
}

    #create_referral .container {
        height: 500px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

        #create_referral .container .page-title p, #create_referral .container .page-title span {
            font-weight: 500
        }

        #create_referral .container .page-title p {
            text-align: center;
            font-size: 25px;
            color: #434343
        }

        #create_referral .container .page-title span {
            color: #80B9C4
        }

        #create_referral .container .patient-card {
            display: flex;
            width: 55%;
            justify-content: space-between
        }

            #create_referral .container .patient-card .card {
                width: 220px;
                height: 300px;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                align-items: center;
                padding: 20px 20px 12px 20px;
                background-color: #fff;
                border: none;
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
                border-radius: 7px;
                box-shadow: 0 2px 6px #e1e3e9
            }

                #create_referral .container .patient-card .card:hover {
                    border: 3px solid #c3e0e6
                }

                #create_referral .container .patient-card .card img {
                    max-width: 100%
                }

                #create_referral .container .patient-card .card p {
                    margin-bottom: 0;
                    font-weight: 500
                }

        #create_referral .container .next-link a {
            color: #77C8D9;
            border-bottom: 1px solid #77C8D9;
            font-weight: 500
        }

    #create_referral .page-title, #create_referral .patient-card, #create_referral .next-link {
        margin-bottom: 60px
    }

    #create_referral a {
        color: #434343
    }

        #create_referral a:hover {
            color: #77C8D9
        }

#service-detail {
    background-color: #f4f5fa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5%
}

    #service-detail p, #service-detail i.fa, #service-detail h1.service-name {
        color: #434343;
        margin: 0 20px 0 0
    }

    #service-detail i.fa {
        font-size: 20px;
        margin-right: 10px
    }

    #service-detail i {
        color: #434343
    }

    #service-detail img {
        margin-right: 10px;
        display: inline
    }

        #service-detail img.icon-m {
            width: 28px
        }

        #service-detail img.icon-s {
            width: 20px
        }

    #service-detail .keywords-text {
        margin-bottom: 15px
    }

@media only screen and (max-width: 1100px) {
    #service-detail .open-hour-wrapper {
        overflow-x: auto
    }
}

#service-detail .open-hour-text {
    color: #77C8D9
}

#service-detail .operation, #service-detail .service-name-wrapper {
    display: flex;
    align-items: center
}

#service-detail .operation {
    background-color: #77C8D9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px;
    border-radius: 10px;
    box-shadow: 0 2px 6px #e1e3e9
}

    #service-detail .operation.disabled {
        background-color: #979797
    }

    #service-detail .operation p, #service-detail .operation i {
        color: #434343
    }

        #service-detail .operation i.isActive {
            color: #f5c116
        }

#service-detail .img-wrapper {
    margin: 1%;
    display: inline-block;
    width: 200px;
    height: 200px
}

    #service-detail .img-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: 1px solid #eee;
        box-shadow: 0 2px 6px #e1e3e9;
        -moz-border-radius: 17px;
        -webkit-border-radius: 17px;
        border-radius: 17px
    }

#service-detail .profile-right-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px;
    margin: 0
}

    #service-detail .profile-right-content .service-name-wrapper {
        margin-bottom: 20px
    }

        #service-detail .profile-right-content .service-name-wrapper img {
            margin-right: 10px
        }

    #service-detail .profile-right-content .address {
        display: flex;
        align-items: center;
        margin: 20px 0 40px 0
    }

    #service-detail .profile-right-content .service-options p {
        font-size: 20px;
        cursor: pointer
    }

@media screen and (max-width: 1200px) {
    #service-detail .profile-right-content .service-name-wrapper {
        display: flex;
        flex-direction: column
    }

    #service-detail .profile-right-content .address-wrapper {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

#service-detail .keyword-buttons {
    padding: 0 30px
}

#service-detail .title-in-wrapper {
    border-radius: 17px
}

#service-detail .title-in__content.detail__display {
    width: 100%;
    padding: 20px 30px;
    flex-direction: row;
    justify-content: space-between
}

    #service-detail .title-in__content.detail__display .detail-section {
        display: flex;
        flex-direction: column;
        flex: 33.3%;
        word-break: break-all
    }

        #service-detail .title-in__content.detail__display .detail-section p, #service-detail .title-in__content.detail__display .detail-section div {
            margin-bottom: 5px;
            word-break: break-word
        }

            #service-detail .title-in__content.detail__display .detail-section p p, #service-detail .title-in__content.detail__display .detail-section div p {
                font-weight: bold
            }

#service-detail .service-desc {
    padding: 20px 10px
}

#service-detail .switch {
    float: right;
    padding: 0 5%;
    cursor: pointer
}

#service-detail .keyword-items {
    display: flex;
    flex-wrap: wrap
}

#service-detail .summary-wrapper p, #service-detail .summary-wrapper u, #service-detail .summary-wrapper i, #service-detail .summary-wrapper b {
    word-break: break-word
}

#service-detail .summary-wrapper ul, #service-detail .summary-wrapper ol {
    margin-left: 1em
}

#service-detail .summary-wrapper table, #service-detail .summary-wrapper td, #service-detail .summary-wrapper tr {
    border: 1px solid
}

#referral-detail .master-record-wrapper {
    height: 100%
}

#referral-detail h4 {
    color: #77C8D9
}

#referral-detail .box2 {
    border-bottom: 0
}

#referral-detail .option.option-title {
    margin-top: 0
}

#referral-detail table.general {
    margin-left: -15px;
    border-radius: 30px
}

#referral-detail #onward, #referral-detail #appointments {
    margin-bottom: 50px
}

#referral-detail #close {
    margin-top: -50px;
    border-bottom: none
}

#referral-detail .button-option {
    margin-bottom: 50px
}

    #referral-detail .button-option.no-bottom-gap {
        margin-bottom: 0
    }

#referral-detail .qes_wrapper {
    border: 2px solid #eee;
    border-radius: 30px;
    padding: 10px 20px;
    box-shadow: 0 2px 6px #e1e3e9
}

    #referral-detail .qes_wrapper .ui-accordion .ui-accordion-header {
        display: flex;
        padding: 0;
        margin: 0;
        background-color: #fff;
        border: none
    }

        #referral-detail .qes_wrapper .ui-accordion .ui-accordion-header p {
            margin-bottom: 0
        }

#referral-detail .questionnaire_list {
    margin: 0
}

    #referral-detail .questionnaire_list.header {
        font-weight: bold
    }

    #referral-detail .questionnaire_list .questionnaire_list-item {
        padding: 20px 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        cursor: pointer;
        border-top: 1px solid #eee
    }

        #referral-detail .questionnaire_list .questionnaire_list-item:first-child {
            border-top: none
        }

        #referral-detail .questionnaire_list .questionnaire_list-item span {
            flex: 1;
            flex-wrap: wrap;
            padding: 10px;
            color: #434343 !important;
            font-size: 16px
        }

            #referral-detail .questionnaire_list .questionnaire_list-item span.q_name {
                flex: 4
            }

#referral-detail .questionnaire-expand {
    padding: 20px 25px;
    border: none
}

#referral-pdf-view .background {
    position: absolute;
    display: block;
    min-width: 100%;
    opacity: 0.2;
    text-align: center;
    background-color: transparent;
    padding-top: 50%
}

#referral-pdf-view #bg-text {
    color: lightgrey;
    font-size: 120px;
    transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    opacity: 0.9;
    filter: alpha(opacity=50);
    background-color: transparent
}

#referral-pdf-view .summary-table {
    width: 100%
}

    #referral-pdf-view .summary-table, #referral-pdf-view .summary-table th, #referral-pdf-view .summary-table td {
        border: 1px solid #e5e5e5;
        border-collapse: collapse
    }

        #referral-pdf-view .summary-table tr > th {
            padding: 5px;
            width: 50%
        }

        #referral-pdf-view .summary-table tr > td {
            padding: 5px;
            width: 50%
        }

#referral-pdf-view .referal-table {
    width: 100%
}

    #referral-pdf-view .referal-table, #referral-pdf-view .referal-table th, #referral-pdf-view .referal-table td {
        border: 1px solid #e5e5e5;
        border-collapse: collapse
    }

#email-confirmation {
    height: 100%
}

    #email-confirmation img {
        width: 500px;
        max-width: 100%
    }

        #email-confirmation img.confirmed {
            width: 160px;
            max-width: 100%;
            height: 170px
        }

    #email-confirmation h4 {
        margin-top: -40px;
        margin-bottom: 20px
    }

        #email-confirmation h4.confirmed {
            margin-top: 20px
        }

    #email-confirmation .text-wrapper {
        width: 90%
    }

        #email-confirmation .text-wrapper .message-text {
            text-align: center
        }

#referral-pdf-view .background {
    position: absolute;
    display: block;
    min-width: 100%;
    opacity: 0.2;
    text-align: center;
    background-color: transparent;
    padding-top: 50%
}

#referral-pdf-view #bg-text {
    color: lightgrey;
    font-size: 120px;
    transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    opacity: 0.9;
    filter: alpha(opacity=50);
    background-color: transparent
}

#referral-pdf-view .summary-table {
    width: 100%
}

    #referral-pdf-view .summary-table, #referral-pdf-view .summary-table th, #referral-pdf-view .summary-table td {
        border: 1px solid #e5e5e5;
        border-collapse: collapse
    }

        #referral-pdf-view .summary-table tr > th {
            padding: 5px;
            width: 50%
        }

        #referral-pdf-view .summary-table tr > td {
            padding: 5px;
            width: 50%
        }

#referral-pdf-view .referal-table {
    width: 100%
}

    #referral-pdf-view .referal-table, #referral-pdf-view .referal-table th, #referral-pdf-view .referal-table td {
        border: 1px solid #e5e5e5;
        border-collapse: collapse
    }

#referral-pdf-view .referal-tabl tr > th {
    padding: 5px
}

#referral-pdf-view .referal-tabl tr > td {
    padding: 5px
}

#referral-pdf-view .app-table {
    width: 100%
}

    #referral-pdf-view .app-table, #referral-pdf-view .app-table th, #referral-pdf-view .app-table td {
        border: 1px solid #e5e5e5;
        border-collapse: collapse
    }

        #referral-pdf-view .app-table tr > th {
            padding: 5px
        }

        #referral-pdf-view .app-table tr > td {
            padding: 5px
        }

.control {
    height: 100%;
    margin: 40px 0
}

    .control .container {
        flex-direction: row;
        height: 100%
    }

        .control .container button {
            display: none;
            z-index: 10
        }

        .control .container .shelter {
            display: none;
            position: absolute;
            height: 100%;
            width: 100%;
            background: rgba(0,0,0,0.3)
        }

    .control p {
        color: #3d3d3d
    }

.profile-container {
    width: 30%;
    height: 100%;
    flex: 3;
    margin-right: 6%;
    border: 1px solid #eee;
    border-radius: 50px;
    box-shadow: 0 0 8px 2px #e7e7e7
}

    .profile-container .profile {
        margin: 10% 0 10% 0;
        height: 90%;
        display: flex;
        flex-direction: column
    }

.profile .pro-head {
    flex: 3;
    flex-direction: column
}

.pro-head .pic {
    width: 220px
}

    .pro-head .pic .img-wrapper {
        width: 100px;
        height: 100px;
        margin: 0 auto
    }

    .pro-head .pic img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        display: block;
        border-radius: 50%
    }

.pro-head .name {
    margin-top: 5px;
    font-size: 1.2rem
}

.pro-head .role {
    margin-top: -5px;
    font-weight: 500;
    text-align: center;
    line-height: 33px;
    color: #65b8ca
}

.pro-head .pic {
    margin: 20px 0;
    display: flex
}

.profile .operation {
    flex: 5;
    margin-bottom: 20px
}

.operation ul {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin: 5% auto;
    justify-content: space-around
}

    .operation ul a {
        margin-bottom: 10%
    }

.operation li {
    width: 100%;
    margin: 0 auto;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left
}

    .operation li i {
        font-size: 1.2rem;
        color: #535353
    }

.logout i {
    font-size: 1.2rem;
    color: #535353
}

.operation li p, .logout p {
    margin-bottom: 0;
    margin-left: 20%;
    white-space: nowrap
}

    .operation li p:hover, .logout p:hover {
        color: #8ac4d1
    }

.profile .logout {
    flex: 1;
    width: 100%;
    padding: 5%
}

.logout p {
    margin-left: 20px;
    display: inline;
    color: #be7671
}

    .logout p:hover {
        color: #925a56
    }

.right-content {
    flex: 7;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column
}

    .right-content .text {
        flex: 1;
        display: flex
    }

        .right-content .text h3 {
            font-size: 1.5rem;
            margin-bottom: 5%
        }

.dashboard-containner {
    flex: 8;
    display: flex;
    align-items: center
}

ul.dashboard {
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

    ul.dashboard.odd::after {
        content: "";
        width: 66.6%
    }

    ul.dashboard.even::after {
        content: "";
        width: 33.3%
    }

@media screen and (max-width: 488px) {
    ul.dashboard::after {
        content: "";
        width: 50%
    }
}

.dashboard li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 33.3%
}

.dashboard a {
    flex: 33.3%
}

li .service-containner {
    flex-direction: column
}

.service-containner .bg {
    width: 150px;
    height: 150px;
    background-color: #caf0f5;
    border-radius: 50%
}

    .service-containner .bg:hover {
        border: 5px solid #c3e0e6;
        box-shadow: 1px 3px 10px #ddd;
        cursor: pointer
    }

    .service-containner .bg.disabled:hover {
        border: none;
        box-shadow: none
    }

    .service-containner .bg.disabled::after {
        content: "Coming soon";
        position: absolute;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background: rgba(86,106,117,0.6);
        flex-direction: row;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        cursor: default
    }

.service-containner p {
    font-size: 1.2rem
}

.bg img {
    max-width: 50%;
    transition: all 0.6s
}

@media screen and (max-width: 1200px) {
    .control .container #button {
        position: fixed;
        top: 15%;
        left: 3%;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 10
    }

    .hamburger .line {
        display: block;
        width: 100%;
        height: 4px;
        border-radius: 4px;
        background-color: #5dc5cc;
        margin-bottom: 8px;
        -webkit-transition: all 0.6s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    #button.active .line:nth-child(1) {
        transform: translateY(12px) rotate(-45deg)
    }

    #button.active .line:nth-child(2) {
        opacity: 0
    }

    #button.active .line:nth-child(3) {
        transform: translateY(-12px) rotate(45deg)
    }

    .control .profile-container {
        position: absolute;
        width: 350px;
        height: 99%;
        border-radius: 0;
        background-color: #fff;
        left: -350px;
        transition: all 0.6s;
        z-index: 1
    }

    .profile-container.profile-open {
        left: 0
    }

    .right-content .text {
        justify-content: center;
        margin: 5% 0
    }
}

#search-section {
    background: #77C8D9;
    padding: 20px 0px
}

#categorie-search-form {
    float: left;
    width: 100%
}

form#categorie-search-form h1 {
    margin-bottom: 20px;
    font-size: 26px;
    letter-spacing: 0.5px;
    font-weight: 600 !important;
    /*text-transform: uppercase;*/
    color: #fff
}

#search-input .form-group {
    margin-bottom: 0px
}

.form-group.submit-btn {
    display: flex;
    justify-content: center
}

select#location-search-list {
    box-shadow: 3px 4px 8px rgba(0,0,0,0.14) inset
}

#search-input .form-control {
    font-family: "Open Sans", sans-serif;
    height: 60px;
    border: none;
    font-size: 15px;
    font-weight: 500
}

#search-input select.form-control {
    font-weight: 400;
    border-radius: 30px 0 0 30px;
    border-right: 1px solid #c2c2c2;
    color: #6f6f6f;
    background: #fff url(/Content/themes/viavi/images/slt_btn_cat.png) top 50% right 15px no-repeat;
    padding-left: 15px
}

#search-input input.form-control {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    border-radius: 5px 0 0 5px;
    padding-left: 15px;
    color: #c2c2c2
}

.sorts-by-results .search-header {
    padding-top: 1px;
    padding-bottom: 0px;
    background-color: white
}

.sorts-by-results.results-filter-header {
    background-color: white
}

#location-search-btn button {
    background: -webkit-linear-gradient(left, #77C8D9 50%, #eb7242 50%) repeat scroll right bottom/207% 100% transparent;
    background: linear-gradient(to right, #77c8d9 50%,#eb7242 50%) repeat scroll right bottom/207% 100% transparent;
    color: #fff;
    padding: 14px;
    font-size: 15px;
    border: none;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-transition: background 350ms ease-in-out;
    transition: background 350ms ease-in-out;
    width: 100%;
    outline: 0
}

    #location-search-btn button i.fa {
        margin-right: 5px
    }

    #location-search-btn button:hover {
        background-position: left bottom;
        cursor: pointer
    }

#search-results-block {
    height: 100%
}

#FormattedAddress {
    background-color: #dbf0f5;
    padding: 3px 0 3px 10px;
    border-radius: 6px
}

#manualAddress {
    color: #60b0bd;
    font-weight: 600;
    border-bottom: 1px solid
}

    #manualAddress:hover {
        color: #77C8D9
    }

#fieldlist {
    margin: -4px 66px 0em;
    padding: 0
}

    #fieldlist li {
        list-style: none;
        padding-bottom: 2em
    }

    #fieldlist label {
        display: block;
        text-transform: uppercase;
        font-size: 15px
    }

    #fieldlist .k-maskedtextbox {
        width: 100%
    }

.building-page {
    height: 100vh;
    margin: 0 auto;
    padding: 0 30px
}

    .building-page img {
        width: 550px;
        max-width: 100%
    }

#health-tracker {
    width: 100%;
    height: 100%;
    background-color: #f4f5fa
}

.input-area .todo-input {
    outline: none;
    border: 0px;
    background-color: rgba(238,238,238,0.5);
    border-radius: 10px;
    height: 40px;
    width: 100%
}

.tasks-wrapper {
    overflow-y: auto;
    height: 220px
}

    .tasks-wrapper::-webkit-scrollbar {
        display: none
    }

.tasks-wrapper {
    -ms-overflow-style: none
}

.tasks-wrapper {
    overflow: -moz-scrollbars-none
}

.goal-card {
    background-color: rgba(238,238,238,0.5);
    height: 65px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    border-radius: 10px
}

    .goal-card.drag {
        background-color: transparent;
        width: 100%;
        padding: 0
    }

    .goal-card i {
        font-size: 1.3rem;
        color: #979797
    }

        .goal-card i.ellipsis {
            padding: 10px 0 10px 10px
        }

    .goal-card .goal-card-wrapper {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center
    }

        .goal-card .goal-card-wrapper .goal-desc {
            display: flex;
            align-items: center
        }

            .goal-card .goal-card-wrapper .goal-desc .icon-bg {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 45px;
                height: 45px;
                border-radius: 50px
            }

            .goal-card .goal-card-wrapper .goal-desc strong {
                white-space: nowrap
            }

            .goal-card .goal-card-wrapper .goal-desc p {
                margin-bottom: 0px;
                font-size: 0.9rem;
                margin-top: -5px
            }

#personaliseGoal .goal-card {
    background-color: transparent
}

#personaliseGoal .goal-card-wrapper {
    justify-content: center
}

#personaliseGoal .goal-desc {
    margin-top: 20px;
    flex-direction: column
}

    #personaliseGoal .goal-desc .icon-bg {
        width: 63px;
        height: 63px
    }

    #personaliseGoal .goal-desc i {
        font-size: 1.8rem
    }

.goal-card:nth-of-type(1) .icon-bg, .k-item:nth-of-type(1) .icon-bg {
    background-color: rgba(119,216,216,0.4)
}

    .goal-card:nth-of-type(1) .icon-bg i, .k-item:nth-of-type(1) .icon-bg i {
        color: #3cc7c7
    }

.goal-card:nth-of-type(2) .icon-bg, .k-item:nth-of-type(2) .icon-bg {
    background-color: rgba(255,211,225,0.4)
}

    .goal-card:nth-of-type(2) .icon-bg i, .k-item:nth-of-type(2) .icon-bg i {
        color: #ff87ad
    }

.goal-card:nth-of-type(3) .icon-bg, .k-item:nth-of-type(3) .icon-bg {
    background-color: rgba(76,187,185,0.4)
}

    .goal-card:nth-of-type(3) .icon-bg i, .k-item:nth-of-type(3) .icon-bg i {
        color: #338786
    }

.goal-card:nth-of-type(4) .icon-bg, .k-item:nth-of-type(4) .icon-bg {
    background-color: rgba(164,197,198,0.4)
}

    .goal-card:nth-of-type(4) .icon-bg i, .k-item:nth-of-type(4) .icon-bg i {
        color: #75a7a9
    }

.goal-card:nth-of-type(5) .icon-bg, .k-item:nth-of-type(5) .icon-bg {
    background-color: rgba(212,235,208,0.4)
}

    .goal-card:nth-of-type(5) .icon-bg i, .k-item:nth-of-type(5) .icon-bg i {
        color: #a3d49a
    }

.goal-card:nth-of-type(6) .icon-bg, .k-item:nth-of-type(6) .icon-bg {
    background-color: rgba(133,108,139,0.4)
}

    .goal-card:nth-of-type(6) .icon-bg i, .k-item:nth-of-type(6) .icon-bg i {
        color: #5c4b60
    }

.goal-card:nth-of-type(7) .icon-bg, .k-item:nth-of-type(7) .icon-bg {
    background-color: rgba(255,235,153,0.4)
}

    .goal-card:nth-of-type(7) .icon-bg i, .k-item:nth-of-type(7) .icon-bg i {
        color: #ffdc4d
    }

.goal-card:nth-of-type(8) .icon-bg, .k-item:nth-of-type(8) .icon-bg {
    background-color: rgba(205,141,123,0.4)
}

    .goal-card:nth-of-type(8) .icon-bg i, .k-item:nth-of-type(8) .icon-bg i {
        color: #b65e45
    }

.target {
    justify-content: center
}

    .target .target-goal {
        background-color: #77C8D9;
        height: 88px;
        border-radius: 15px;
        color: #fff
    }

        .target .target-goal .target-goal-wrapper {
            width: 70%
        }

.alert.privacy {
    margin-left: -20px
}

.modal-dialog.chart-modal {
    max-width: 55%
}

.modal-content {
    position: relative
}

    .modal-content .close-override {
        position: absolute;
        top: 3%;
        right: 5%
    }

    .modal-content.modal-override {
        width: 75%;
        border-radius: 17px;
        padding: 15% 15% 10% 15%;
        border: none;
        margin: 0 auto
    }

        .modal-content.modal-override .modal-override-button {
            position: absolute;
            top: 12px;
            right: 40px
        }

        .modal-content.modal-override .modal-header {
            padding: 0;
            border-bottom: none
        }

        .modal-content.modal-override.invitation {
            width: 100%;
            padding: 5% 12% 10% 12%
        }

            .modal-content.modal-override.invitation .modal-img {
                width: 140px;
                max-width: 100%;
                height: auto
            }

            .modal-content.modal-override.invitation .email-input {
                width: 95%
            }

                .modal-content.modal-override.invitation .email-input button {
                    margin-left: 20px
                }

            .modal-content.modal-override.invitation b {
                color: #646464;
                font-weight: normal;
                font-size: 13px
            }

.modal-img {
    max-width: 100%;
    width: 100px;
    height: 100px
}

.modal-img-small {
    width: 30%;
    max-width: 30%
}

.modal-title {
    white-space: nowrap
}

p.left {
    text-align: left
}

.kendo-override .k-multiselect:hover {
    box-shadow: 0 4px 24px -1px rgba(22,42,90,0.16)
}

.kendo-override .k-multiselect .k-multiselect-wrap {
    padding: 8px 34px 5px 12px;
    border: 1px solid #dbf0f5;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    min-height: 44px;
    box-shadow: 0 4px 16px 0 rgba(22,42,90,0.12);
    transition: box-shadow .3s ease
}

    .kendo-override .k-multiselect .k-multiselect-wrap ul li:before {
        background: #1754bb;
        border-radius: 4px
    }

    .kendo-override .k-multiselect .k-multiselect-wrap ul li .k-select {
        background-color: transparent !important
    }

        .kendo-override .k-multiselect .k-multiselect-wrap ul li .k-select .k-i-close:before {
            color: #4D18FF;
            font-weight: bold
        }

    .kendo-override .k-multiselect .k-multiselect-wrap .k-button {
        font-size: 1em
    }

#DOB .k-datepicker {
    display: block !important;
    width: 100%
}

.k-grid {
    overflow-y: auto
}

    .k-grid::-webkit-scrollbar {
        display: none
    }

.k-grid {
    -ms-overflow-style: none
}

.k-grid {
    overflow: -moz-scrollbars-none
}

    .k-grid .k-grid-header .k-link {
        font-size: 15px;
        color: #434343
    }

    .k-grid .k-button.k-grid-add {
        font-weight: bold
    }

    .k-grid .k-button.k-grid-View, .k-grid .k-button.k-grid-Details {
        background-color: #dbf0f5
    }

    .k-grid .k-button.k-grid-delete {
        color: #EC5757
    }

        .k-grid .k-button.k-grid-delete span {
            color: #EC5757
        }

.note-detail-popup td {
    min-width: 120px
}

.k-widget .grid-menu {
    overflow: visible
}

.k-edit-form-container .k-edit-field .extend {
    width: 100%;
    height: 60px
}

.k-edit-form-container .k-edit-field .extend-width {
    width: 100%
}

#panelbar-images img {
    width: 80px
}

.k-card.team-card {
    height: 450px
}

    .k-card.team-card .k-card-title {
        font-size: 20px
    }

    .k-card.team-card .k-card-body {
        overflow-y: auto;
        color: #2c2c2c
    }

    .k-card.team-card img.card-img {
        max-width: 150px;
        padding: 20px
    }

.k-card .card-img {
    margin: 20px
}

.ReportingService-Index {
    background-color: #f4f5fa;
    height: 100%
}

.wrapper .title .title-wrapper h4 {
    font-size: 18px;
    color: #434343
}

.wrapper .title .title-wrapper p {
    margin: 0
}

.dashboard-content {
    margin-left: 250px;
    width: calc(100% - 250px)
}

@media screen and (max-width: 600px) {
    .dashboard-content {
        margin-left: 60px;
        width: calc(100% - 60px)
    }
}

.dashboard-content .dashboard-right-content .row {
    margin: 0 25px 0 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.dashboard-content #top-bar {
    height: 70px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

    .dashboard-content #top-bar .top-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .dashboard-content #top-bar .top-wrapper .input-area {
            margin: 5px 0 0 5%;
            display: flex;
            align-items: center
        }

            .dashboard-content #top-bar .top-wrapper .input-area i {
                color: #979797
            }

            .dashboard-content #top-bar .top-wrapper .input-area input {
                width: 400px;
                height: 40px;
                padding-left: 20px;
                border: none;
                color: #434343
            }

        .dashboard-content #top-bar .top-wrapper .profile {
            width: 200px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin-right: 50px
        }

            .dashboard-content #top-bar .top-wrapper .profile i {
                color: #979797;
                cursor: pointer
            }

            .dashboard-content #top-bar .top-wrapper .profile img {
                width: 35px
            }

.dashboard-wrapper #side-bar {
    position: fixed;
    width: 250px;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 600px) {
    .dashboard-wrapper #side-bar {
        width: 60px
    }

        .dashboard-wrapper #side-bar .refer-user {
            display: none
        }

        .dashboard-wrapper #side-bar .list-item i {
            margin: 0 !important
        }

        .dashboard-wrapper #side-bar .list-item a {
            display: none
        }
}

.dashboard-wrapper #side-bar .side-menu {
    margin-top: 95px
}

    .dashboard-wrapper #side-bar .side-menu .refer-user {
        width: 200px;
        height: 50px;
        background-color: #77C8D9;
        border-radius: 10px;
        cursor: pointer
    }

        .dashboard-wrapper #side-bar .side-menu .refer-user .refer-wrapper {
            width: 80%;
            height: 100%;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-around
        }

            .dashboard-wrapper #side-bar .side-menu .refer-user .refer-wrapper p, .dashboard-wrapper #side-bar .side-menu .refer-user .refer-wrapper i {
                color: #fff
            }

    .dashboard-wrapper #side-bar .side-menu .nav-list {
        height: 60%;
        margin-top: 20%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

        .dashboard-wrapper #side-bar .side-menu .nav-list .list-item {
            width: 100%;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px
        }

            .dashboard-wrapper #side-bar .side-menu .nav-list .list-item .item-wrapper {
                width: 80%;
                display: flex;
                align-items: center
            }

                .dashboard-wrapper #side-bar .side-menu .nav-list .list-item .item-wrapper i, .dashboard-wrapper #side-bar .side-menu .nav-list .list-item .item-wrapper p {
                    color: #979797
                }

                    .dashboard-wrapper #side-bar .side-menu .nav-list .list-item .item-wrapper i:hover, .dashboard-wrapper #side-bar .side-menu .nav-list .list-item .item-wrapper p:hover {
                        color: #77C8D9;
                        cursor: pointer
                    }

                .dashboard-wrapper #side-bar .side-menu .nav-list .list-item .item-wrapper i {
                    width: 30px;
                    margin: 0 30px 0 10px;
                    font-size: 19.2px
                }

                .dashboard-wrapper #side-bar .side-menu .nav-list .list-item .item-wrapper.active i {
                    color: #77C8D9
                }

                .dashboard-wrapper #side-bar .side-menu .nav-list .list-item .item-wrapper.active p {
                    color: #434343;
                    font-weight: 500
                }

        .dashboard-wrapper #side-bar .side-menu .nav-list a {
            width: 100%
        }

.dashboard-right-content .widget-card {
    display: flex;
    justify-content: space-around;
    margin-bottom: 25px;
    min-width: 200px;
    padding-left: 0
}

    .dashboard-right-content .widget-card .wrapper {
        width: 100%;
        padding: 20px;
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        cursor: pointer
    }

        .dashboard-right-content .widget-card .wrapper > * {
            flex: 1
        }

        .dashboard-right-content .widget-card .wrapper:hover {
            box-shadow: 1px 2px 10px #e2e2e2
        }

    .dashboard-right-content .widget-card .bg {
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 50px;
        border-radius: 50%
    }

        .dashboard-right-content .widget-card .bg.light-blue {
            background-color: rgba(91,189,228,0.2)
        }

            .dashboard-right-content .widget-card .bg.light-blue i {
                font-size: 20px;
                color: #5bbde4
            }

        .dashboard-right-content .widget-card .bg.light-purple {
            background-color: rgba(181,110,236,0.2)
        }

            .dashboard-right-content .widget-card .bg.light-purple i {
                font-size: 20px;
                color: #b56eec
            }

        .dashboard-right-content .widget-card .bg.light-pink {
            background-color: rgba(238,121,187,0.2)
        }

            .dashboard-right-content .widget-card .bg.light-pink i {
                font-size: 20px;
                color: #ee79bb
            }

        .dashboard-right-content .widget-card .bg.light-orange {
            background-color: rgba(238,180,105,0.2)
        }

            .dashboard-right-content .widget-card .bg.light-orange i {
                font-size: 20px;
                color: #eeb469
            }

    .dashboard-right-content .widget-card .text {
        display: flex;
        flex-direction: column
    }

        .dashboard-right-content .widget-card .text h4 {
            margin-bottom: 5px
        }

        .dashboard-right-content .widget-card .text p {
            color: #979797;
            font-size: 14px;
            line-height: 15px;
            text-align: left
        }

.modal-window {
    display: none;
    z-index: 2;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(205,206,214,0.4);
    transition: all 0.3s
}

    .modal-window .referral-detail {
        z-index: 3;
        position: absolute;
        width: 400px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 2em;
        background-color: #fff;
        border-radius: 5px
    }

        .modal-window .referral-detail .modal-close {
            color: #aaa;
            line-height: 50px;
            font-size: 80%;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            width: 70px;
            text-decoration: none;
            z-index: 1;
            font-size: 20px
        }

            .modal-window .referral-detail .modal-close:hover {
                color: black;
                cursor: pointer
            }

        .modal-window .referral-detail .referral-types {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-top: 20px
        }

            .modal-window .referral-detail .referral-types .type-detail {
                width: 90%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 8px 0
            }

                .modal-window .referral-detail .referral-types .type-detail .name {
                    display: flex;
                    align-items: center
                }

                    .modal-window .referral-detail .referral-types .type-detail .name i.item-1 {
                        color: #77d8d8;
                        margin-right: 10px
                    }

                    .modal-window .referral-detail .referral-types .type-detail .name i.item-2 {
                        color: #ffd3e1;
                        margin-right: 10px
                    }

                    .modal-window .referral-detail .referral-types .type-detail .name i.item-3 {
                        color: #4cbbb9;
                        margin-right: 10px
                    }

                    .modal-window .referral-detail .referral-types .type-detail .name i.item-4 {
                        color: #a4c5c6;
                        margin-right: 10px
                    }

                    .modal-window .referral-detail .referral-types .type-detail .name i.item-5 {
                        color: #d4ebd0;
                        margin-right: 10px
                    }

                    .modal-window .referral-detail .referral-types .type-detail .name i.item-6 {
                        color: #856c8b;
                        margin-right: 10px
                    }

                    .modal-window .referral-detail .referral-types .type-detail .name i.item-7 {
                        color: #ffeb99;
                        margin-right: 10px
                    }

                    .modal-window .referral-detail .referral-types .type-detail .name i.item-8 {
                        color: #cd8d7b;
                        margin-right: 10px
                    }

.dashboard-right-content .card-type-charts {
    margin-bottom: 25px;
    padding-left: 0
}

    .dashboard-right-content .card-type-charts .wrapper {
        background: #fff;
        border-radius: 5px;
        height: 100%
    }

        .dashboard-right-content .card-type-charts .wrapper.goal-track {
            border-radius: 12px;
            box-shadow: 5px 5px 20px 10px rgba(177,188,199,0.15);
            margin-left: 20px;
            height: 95%
        }

            .dashboard-right-content .card-type-charts .wrapper.goal-track .title {
                padding: 22px 0 0 10px
            }

        .dashboard-right-content .card-type-charts .wrapper.advertise {
            background: #add8e6
        }

        .dashboard-right-content .card-type-charts .wrapper.no-height {
            height: auto
        }

        .dashboard-right-content .card-type-charts .wrapper .title {
            width: 100%;
            height: 60px;
            border-bottom: 1px solid #eee;
            display: flex;
            align-items: center;
            background: none;
            padding: 0
        }

            .dashboard-right-content .card-type-charts .wrapper .title.no-border {
                border-bottom: none
            }

            .dashboard-right-content .card-type-charts .wrapper .title .title-wrapper {
                margin: 0 auto;
                width: 90%;
                display: flex;
                justify-content: space-between;
                align-items: center
            }

                .dashboard-right-content .card-type-charts .wrapper .title .title-wrapper .choice {
                    position: relative;
                    display: flex;
                    align-items: center
                }

                    .dashboard-right-content .card-type-charts .wrapper .title .title-wrapper .choice p:not(.drop-down) {
                        color: #979797;
                        margin-right: 10px
                    }

                    .dashboard-right-content .card-type-charts .wrapper .title .title-wrapper .choice .drop-down {
                        color: #434343
                    }

                        .dashboard-right-content .card-type-charts .wrapper .title .title-wrapper .choice .drop-down:hover {
                            color: #77C8D9;
                            cursor: pointer
                        }

                    .dashboard-right-content .card-type-charts .wrapper .title .title-wrapper .choice i {
                        margin: 2px 0 0 8px;
                        color: #979797
                    }

                    .dashboard-right-content .card-type-charts .wrapper .title .title-wrapper .choice ul.drop-down-menu {
                        z-index: 1;
                        position: absolute;
                        top: 30px;
                        right: -10px;
                        width: 120px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        background-color: #fff;
                        box-shadow: 1px 1px 10px #ccc;
                        padding: 5px 0
                    }

                        .dashboard-right-content .card-type-charts .wrapper .title .title-wrapper .choice ul.drop-down-menu li.menu-item {
                            margin: 10px 0;
                            cursor: pointer;
                            color: #979797
                        }

                            .dashboard-right-content .card-type-charts .wrapper .title .title-wrapper .choice ul.drop-down-menu li.menu-item:hover {
                                color: #77C8D9
                            }

        .dashboard-right-content .card-type-charts .wrapper .chart-wrapper {
            width: 100%;
            height: calc(100% - 60px);
            padding: 20px
        }

.referral-number, .gender, .age-range {
    height: 400px
}

#column-chart, #donut-chart {
    width: 100%
}

.reasons-wrapper, .questionnaires-wrapper {
    margin-top: -10px
}

    .reasons-wrapper .reason-item, .questionnaires-wrapper .reason-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 40px;
        margin-bottom: 5px
    }

        .reasons-wrapper .reason-item p, .questionnaires-wrapper .reason-item p {
            font-size: 14px;
            text-align: left
        }

        .reasons-wrapper .reason-item .reason-name, .questionnaires-wrapper .reason-item .reason-name {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .reasons-wrapper .reason-item .reason-name i.item-1, .questionnaires-wrapper .reason-item .reason-name i.item-1 {
                color: #77d8d8;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-2, .questionnaires-wrapper .reason-item .reason-name i.item-2 {
                color: #4cbbb9;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-3, .questionnaires-wrapper .reason-item .reason-name i.item-3 {
                color: #ffd3e1;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-4, .questionnaires-wrapper .reason-item .reason-name i.item-4 {
                color: #a4c5c6;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-5, .questionnaires-wrapper .reason-item .reason-name i.item-5 {
                color: #d4ebd0;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-6, .questionnaires-wrapper .reason-item .reason-name i.item-6 {
                color: #856c8b;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-7, .questionnaires-wrapper .reason-item .reason-name i.item-7 {
                color: #ffeb99;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-8, .questionnaires-wrapper .reason-item .reason-name i.item-8 {
                color: #cd8d7b;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-9, .questionnaires-wrapper .reason-item .reason-name i.item-9 {
                color: #ff99ff;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-10, .questionnaires-wrapper .reason-item .reason-name i.item-10 {
                color: #6699ff;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-11, .questionnaires-wrapper .reason-item .reason-name i.item-11 {
                color: #ccffcc;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-12, .questionnaires-wrapper .reason-item .reason-name i.item-12 {
                color: #9966ff;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-13, .questionnaires-wrapper .reason-item .reason-name i.item-13 {
                color: #ffcc66;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-14, .questionnaires-wrapper .reason-item .reason-name i.item-14 {
                color: #66ffff;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-15, .questionnaires-wrapper .reason-item .reason-name i.item-15 {
                color: #00cc99;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-16, .questionnaires-wrapper .reason-item .reason-name i.item-16 {
                color: #ff6699;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-17, .questionnaires-wrapper .reason-item .reason-name i.item-17 {
                color: #cd8d7b;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-18, .questionnaires-wrapper .reason-item .reason-name i.item-18 {
                color: #cd8d7b;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-19, .questionnaires-wrapper .reason-item .reason-name i.item-19 {
                color: #cd8d7b;
                margin-right: 15px
            }

            .reasons-wrapper .reason-item .reason-name i.item-20, .questionnaires-wrapper .reason-item .reason-name i.item-20 {
                color: #cd8d7b;
                margin-right: 15px
            }

.ranking-card {
    width: 100%;
    height: 100%
}

    .ranking-card.biometrics li {
        cursor: default;
        border-bottom: none;
        padding: 18px 0
    }

    .ranking-card ul {
        padding: 0 30px
    }

        .ranking-card ul.most-patients img {
            width: 35px
        }

        .ranking-card ul.bio {
            padding-top: 18px
        }

            .ranking-card ul.bio img {
                margin-right: 15px
            }

        .ranking-card ul li {
            display: flex;
            justify-content: space-between;
            align-content: center;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
            cursor: pointer
        }

            .ranking-card ul li:last-child {
                border-bottom: none
            }

            .ranking-card ul li .most-patient-icon.light-blue {
                width: 56px;
                height: 56px;
                background-color: rgba(91,189,228,0.2);
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-content: center
            }

            .ranking-card ul li .most-patient-icon.light-purple {
                width: 56px;
                height: 56px;
                background-color: rgba(181,110,236,0.2);
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-content: center
            }

            .ranking-card ul li .most-patient-icon.light-pink {
                width: 56px;
                height: 56px;
                background-color: rgba(238,121,187,0.2);
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-content: center
            }

            .ranking-card ul li .most-patient-icon.light-orange {
                width: 56px;
                height: 56px;
                background-color: rgba(238,180,105,0.2);
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-content: center
            }

            .ranking-card ul li p {
                text-align: center
            }

                .ranking-card ul li p.ranking-card_name {
                    color: #878787;
                    margin-bottom: 5px
                }

                .ranking-card ul li p.ranking-card_number {
                    font-weight: bold
                }

.duration-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 30px
}

    .duration-content.sm-padding {
        padding: 20px
    }

    .duration-content > * {
        flex: 1
    }

    .duration-content .content-title {
        flex: 2
    }

    .duration-content p {
        display: inline-block;
        width: 50%;
        font-size: 14px;
        color: dimgray;
        flex: 2
    }

        .duration-content p.times {
            flex: 1
        }

.total-referral {
    padding: 20px 10px;
    display: flex;
    justify-content: space-between
}

    .total-referral > * {
        flex: 1
    }

    .total-referral .numbers {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

        .total-referral .numbers p {
            text-align: center;
            margin-bottom: 6px
        }

            .total-referral .numbers p.total-number {
                font-size: 30px;
                color: #77C8D9
            }

            .total-referral .numbers p + p, .total-referral .numbers .light {
                color: #979797
            }

        .total-referral .numbers .rise-rate {
            font-weight: bold;
            margin-right: 5px
        }

.referral-signposting {
    display: flex
}

.e-referral {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 0
}

    .e-referral p {
        font-size: 14px;
        white-space: nowrap
    }

    .e-referral img {
        margin-bottom: 20px
    }

.new-ongoing {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0
}

.new-referral {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

    .new-referral.last {
        margin-bottom: 0
    }

    .new-referral p.new {
        color: #77C8D9;
        font-weight: bold
    }

    .new-referral p.ongoing {
        color: #eb94b0;
        font-weight: bold
    }

    .new-referral p + p {
        text-align: center;
        color: #979797;
        font-size: 13px
    }

.total-appoinment {
    margin: 0 !important;
    padding: 20px 10px
}

    .total-appoinment .appoinment-role {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 60px
    }

        .total-appoinment .appoinment-role p {
            flex: 1.3;
            font-weight: 500
        }

        .total-appoinment .appoinment-role .number {
            flex: 1;
            text-align: center;
            color: #979797;
            font-weight: 500
        }

        .total-appoinment .appoinment-role .state-progress-bar {
            flex: 2;
            width: 60%;
            height: auto;
            border: 1px solid #e9e9e9
        }

            .total-appoinment .appoinment-role .state-progress-bar .bar {
                background: #fff;
                padding: 2px
            }

                .total-appoinment .appoinment-role .state-progress-bar .bar .progress {
                    width: 40px;
                    margin: 0;
                    padding: 3px;
                    background: #ffd66f;
                    transition: all 0.6s linear;
                    animation: none
                }

.apex-charts {
    min-height: 10px !important
}

    .apex-charts text {
        fill: #979797
    }

    .apex-charts .apexcharts-canvas {
        margin: 0 auto
    }

.apexcharts-legend-series {
    font-weight: 500
}

.apexcharts-gridline {
    pointer-events: none;
    stroke: rgba(238,238,238,0.5)
}

.apexcharts-legend {
    bottom: 0
}

.apexcharts-legend-text {
    color: #979797 !important;
    font-size: 15px !important
}

.apexcharts-pie-label {
    fill: #fff !important
}

.apexcharts-yaxis text, .apexcharts-xaxis text {
    fill: #979797
}

.apexcharts-yaxis tspan, .apexcharts-xaxis tspan {
    font-size: 14px
}
/*# sourceMappingURL=main.css.map */

/* responsive style.css */
/* ====================================================== */

@media (max-width:767px) {
    .vfx-item-countup {
        border-radius: 20px;
        height: auto;
        width: 100%;
        padding: 40px 0;
    }

    .search-steps {
        width: auto;
        margin-bottom: 10px;
    }

    .seperator {
        display: none;
    }

    .nopadding-right, .nopadding-left {
        padding: 0px;
    }

    .prefooter-heading {
        margin-top: 20px;
    }

    .price-table-feature-block.active {
        width: auto;
    }

    .submit_listing_box .map_view_location {
        margin-top: 25px;
        height: 270px;
    }

    #nav_menu_list li.btn_item ul li {
        float: none;
        text-align: left;
        border: 0;
        padding-left: 5px;
    }

    #vfx-search-box select.form-control, #vfx-search-box .form-group {
        margin-bottom: 15px;
    }

    #apartment-heading h1 {
        font-size: 16px;
    }

        #apartment-heading h1 span {
            margin-top: 15px;
        }

    #vfx-search-box select.form-control {
        font-family: "Open Sans", sans-serif;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: 1px solid #b4b4b4;
        color: #6f6f6f;
        background: #ffffff url("../images/slt_btn_cat.png") top 50% right 15px no-repeat;
        padding-left: 15px;
        box-shadow: 0px 5px 1px rgba(0, 0, 0, 0.3);
        border: 1px solid #b4b4b4;
    }

    #vfx-search-box input.form-control {
        font-family: "Open Sans", sans-serif;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        padding-left: 15px;
        color: #c2c2c2;
        box-shadow: 0px 5px 1px rgba(0, 0, 0, 0.3);
        border: 1px solid #b4b4b4;
        border-left: 1px solid #b4b4b4;
    }

    .list-view-item .listing-boxes-text p {
        height: auto;
        min-height: auto;
    }

    .list-view-item .listing-boxes-text {
        padding: 20px 5px;
        text-align: left;
    }

    .listings-images {
        margin-right: 0px;
    }

    #nav_menu_list li.btn_item ul li a.btn_login, #nav_menu_list li.btn_item ul li a.btn_register {
        float: left;
        height: 38px;
        line-height: 25px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-top: 10px;
        padding: 6px 15px;
    }

    #listings-tags p span {
        margin-left: 7px;
    }

    #listings-tags p i.fa {
        margin-right: 4px;
    }

    .reviews-section-text p {
        font-size: 14px;
        line-height: 20px;
    }

    .vfx-item-countup::after {
        border-right: none;
    }

    #user-option {
        height: auto;
    }

    .price-table-feature-block.active {
        position: relative;
    }

    .file-input {
        text-align: center;
    }

    .vfx-item-countup {
        margin-bottom: 30px;
    }

    #user-option .form-group {
        margin-bottom: 15px;
    }

    .inner-addon .form-control {
        padding-left: 25px;
    }

    .search-categories-box {
        padding-top: 0px;
    }

    .contact-heading {
        margin-top: 30px;
    }

    #left-header h1 br {
        display: block;
    }

    #user-inner-item form.form-alt {
        padding: 20px;
    }

    #slider-banner-section {
        background-attachment: inherit;
    }

    .noresponsive-padding {
        padding: 0px;
    }

    .no-padding {
        padding: 0px;
    }

    #location_slider_item_block button {
        position: relative;
    }

    #location-link-item button {
        position: relative;
    }

    #left-header, #right-header, #logo {
        text-align: left;
    }

    #left-header {
        margin-bottom: 5px;
    }

    #nav_menu_list a {
        display: block;
        line-height: 16px;
        margin: 0;
        text-align: left;
    }

    #nav_menu_list ul li a {
        padding: 15px 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    #nav_menu_list li.active {
        border-bottom: transparent;
        color: #ffce10;
    }

    #nav_menu_list li a:hover {
        color: #ffce10;
    }

    #nav_menu_list li.active {
        border-bottom: 0px solid #f25c21 !important;
    }

    #nav_menu_list ul {
        background: #ffffff;
        border: 5px solid rgba(0, 0, 0, 0.2);
        line-height: 60px;
        padding: 0px;
        float: left;
        width: 100%;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
        position: absolute;
        z-index: 2;
    }

    #nav_menu_list li.btn_item ul {
        border: 0;
    }

    #nav_menu_list ul li ul.dropdown {
        padding: 0;
        margin-bottom: 15px;
    }

        #nav_menu_list ul li ul.dropdown li {
            border-bottom: 0;
            display: block;
        }

            #nav_menu_list ul li ul.dropdown li a {
                height: 46px;
                line-height: 20px;
            }

            #nav_menu_list ul li ul.dropdown li:last-child {
                border-bottom: 0px;
            }

    #nav_menu_list li.btn_item ul li {
        float: left;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #nav_menu_list ul {
        position: relative;
    }

        #nav_menu_list ul li a {
            margin-bottom: 0px;
        }


        #nav_menu_list ul li a {
            font-size: 18px !important;
            padding: 16px 13px 16px !important;
        }




    .navbar ul li ul.dropdown li a {
        width: 100%;
    }

    .navbar ul li ul.dropdown li {
        width: 100%;
    }

    #logo {
        position: absolute;
        z-index: 3;
    }

    .navbar-header {
        margin-bottom: 22px
    }

    .left-slide-slt-block:first-child {
        margin-top: 30px;
    }

    #thrift-1 {
        border-color: transparent;
    }

    .amenities_block .detail-amenities li {
        width: 100%;
        margin-right: 0;
    }

    .navbar-toggle {
        background-color: #ffce10;
        background-image: none;
        border: 1px solid #ffce10;
        border-radius: 4px;
        float: right;
        margin-right: 5px;
        margin-top: 30px;
        padding: 9px 10px;
        position: relative;
    }

    #nav_menu_list ul li {
        display: inline;
        list-style-type: none;
        text-align: right;
    }

    #search-input select.form-control, #search-input input.form-control {
        margin-bottom: 15px;
        border-right: none;
        border-radius: 30px;
    }

    #location-search-btn {
        text-align: center;
        margin-top: 15px;
    }

    #home-slider-item p {
        font-size: 14px;
    }

    #search-categorie-item-block {
        padding: 20px 0px;
    }

    .categories-list, .categories-list1 {
        display: block;
    }

    #categories-heading h1, #feature-item-listing-heading h1, #recent-listings-heading h1, #pricing-plan-heading h1 {
        font-size: 15px;
    }

    #categories-heading h1 {
        margin-bottom: 60px;
    }

    .vfx-counter-block {
        padding: 70px 0px 40px 0;
    }

    .footer-top {
        padding: 40px 0 30px 0;
    }

        .footer-top h2 {
            margin-top: 25px;
        }

    .dlt-com-lt-img {
        display: inline-block;
        float: left;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .dlt-com-lt-text {
        color: #969696;
        font-size: 14px;
        padding-left: 0;
        text-align: left;
        margin-top: 20px;
        float: left;
    }
}

@media (max-width:979px) {
    .recent-listing-box-image {
        border-right: 0;
    }

    #user-inner-item .col-xs-offset-3 {
        margin-left: 0;
    }

    .fileupload_block #fileupload {
        float: left;
        margin-top: 6%;
        width: 58%;
    }
}

@media (max-width:1024px) {
    .categories-list, .categories-list1, .feature-item-container-box, .recent-listing-box-container-item, .price-table-feature-block, .service-item-fearured, .categorie-list-box {
        margin-bottom: 30px;
    }

    #categorie-item-search, #feature-box1, .listing-boxes1, .feature-box1 {
        padding-top: 0px;
    }

    #search-categories-boxes {
        padding-top: 0px;
    }

    .listings-images1 {
        width: 49%;
    }

    #process {
        position: relative;
        width: 100%;
    }
}



@media (min-width:768px) and (max-width:991px) {
    li.btn_item ul li {
        float: right
    }

    #nav_menu_list ul li a {
        font-size: 13px;
        font-weight: 500;
        padding: 34px 5px 34px;
    }

    #user-inner-item .col-xs-offset-3 {
        margin-left: 0;
    }

    #nav_menu_list li.btn_item ul li button.btn_login, #nav_menu_list li.btn_item ul li button.btn_register {
        font-size: 13px;
        font-weight: 600;
        padding: 5px 8px;
    }

    .amenities_block .detail-amenities li {
        width: 46%;
    }

    .detail-content .detail-amenities li {
        width: 47%;
    }

    .working-hours .days {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #nav_menu_list ul li a {
        font-size: 14px;
        font-weight: 500;
        padding: 34px 14px 34px;
    }

    .working-hours .days {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    #nav_menu_list a {
        margin-left: 0px;
    }

    #nav_menu_list li.btn_item ul li button.btn_login, #nav_menu_list li.btn_item ul li button.btn_register {
        padding: 5px 10px;
    }

    #search-input .form-control {
        font-size: 14px;
    }

    .categories-list ul li, .categories-list1 ul li {
        font-size: 12px;
    }

    .vfx-counter-block {
        padding: 80px 0px 50px 0;
    }

    .vfx-item-countup {
        border-radius: 6%;
        height: auto;
        width: 100%;
        padding: 40px 0;
    }

    .feature-item-container-box .feature-box-text a h3 {
        font-size: 14px;
    }

    .search-steps {
        width: 210px;
    }

    .vfx-price-list-item p {
        font-size: 13px;
        padding: 0 10px
    }

    .list-group-item {
        font-size: 13px;
        padding: 0 10px;
    }

    .price-table-feature-block p {
        font-size: 14px;
        padding: 0 15px;
    }

    #search-input select.form-control, #search-input input.form-control {
        padding-left: 10px;
    }

    #search-categorie-item button {
        padding: 10px 6px;
    }

    #categories-heading {
        margin-bottom: 30px;
    }
}

@media(min-width:200px) and (max-width:480px) {
    #home-slider-item {
        padding-top: 50px;
    }

        #home-slider-item span.helpyou_item {
            font-size: 30px;
            font-weight: 700;
            letter-spacing: 1px;
            margin-bottom: 15px;
        }

        #home-slider-item h1 {
            font-size: 29px !important;
        }

        #home-slider-item p {
            font-size: 14px;
            line-height: 24px;
            margin-top: 15px;
        }

    #search-categorie-item-block {
        float: left;
        margin: 0px 0 20px !important;
        width: 100%;
    }

        #home-slider-item h1, #search-categorie-item-block h1 {
            font-size: 18px;
            line-height: 24px;
        }

    form#categorie-search-form h1 {
        font-size: 22px;
        margin-bottom: 20px;
        line-height: 30px;
    }

    #map, #location-homemap-block, #locationmap, #contactmap {
        height: 450px;
    }

    #location-link-item {
        float: left;
        vertical-align: middle;
        width: 100%;
    }

        #location-link-item button {
            position: relative;
            margin-top: -40px;
            display: block;
        }

    .vfx-item-countup {
        border-radius: 6%;
        height: 100%;
        padding: 40px 0;
        width: 100%;
    }
}

@media(min-width:481px) and (max-width:767px) {
    #home-slider-item {
        padding-top: 50px;
    }

        #home-slider-item span.helpyou_item {
            font-size: 36px;
            font-weight: 700;
            letter-spacing: 1px;
            margin-bottom: 15px;
        }

        #home-slider-item p {
            font-size: 18px;
            line-height: 28px;
            margin-top: 20px;
        }

    #search-categorie-item-block {
        float: left;
        margin: 10px 0 20px;
        width: 100%;
    }

    form#categorie-search-form h1 {
        font-size: 26px;
        margin-bottom: 20px;
        line-height: 30px;
    }

    #home-slider-item h1, #search-categorie-item-block h1 {
        font-size: 28px;
    }

    #map, #location-homemap-block, #locationmap, #contactmap {
        height: 420px;
    }

    #location-link-item {
        float: left;
        vertical-align: middle;
        width: 100%;
    }

        #location-link-item button {
            position: relative;
            margin-top: -40px;
            display: block;
        }

    #vfx-product-inner-item .hover-overlay {
        height: 67.5%;
    }

    .recent-listing-box-container-item .hover-overlay {
        height: 100%;
    }
}

@media (max-width:639px) {
    .categorie_item:hover {
        transform: none;
    }

        .categorie_item:hover .hi-icon-effect-8 .hi-icon::after {
            animation: 0;
        }

    .categories-list ul li:hover {
        padding-left: 15px
    }

    .service-item-fearured:hover {
        transform: none
    }

        .service-item-fearured:hover .hi-icon-effect-8 .hi-icon::after {
            animation: 0;
        }

    .hover-overlay .hover-overlay-inner ul.listing-links li a:hover {
        transform: none;
    }

    .price-table-feature-block:hover {
        margin-top: 0;
        box-shadow: none;
    }

    .price-table-feature-block.active {
        margin-top: 0;
        box-shadow: none;
    }

    .feature-item-container-box:hover .feature-title-item img, .recent-listing-box-container-item:hover .recent-listing-box-image img {
        transform: none;
        transition: all 0.4s ease 0s;
    }
}

@media (max-width:479px) {
    .breadcrum-inner-header h1 {
        font-size: 24px;
        font-weight: 600;
    }

    .listing-modal-1.modal-dialog {
        width: 310px;
    }

    .listing-modal-1 .modal-content {
        padding: 25px 15px;
    }

    .f-title-error span {
        color: #01273a;
        font-size: 10em;
        line-height: 0.76471;
    }

    .f-error-description span {
        font-size: 13px;
        line-height: 1.5;
    }

    .f-error-description strong {
        font-size: 18px;
    }

    .f-title-error strong {
        font-size: 30px;
    }

    .f-title-error .f-primary-eb {
        font-weight: 700;
    }

    .comment-meta .rating-box {
        float: left;
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 10px;
        vertical-align: middle;
        width: 60%;
    }

    .fileupload_img {
        margin-top: 15px;
    }

    .fileupload_block #fileupload {
        float: left;
        margin-top: 6%;
        width: 100%;
    }
}

@media(min-width:200px) and (max-width:329px) {
    #feature-item_listing_block .hover-overlay {
        height: 50.5%;
    }

    #vfx-product-inner-item .hover-overlay {
        height: 50.5%;
    }
}

@media(min-width:330px) and (max-width:438px) {
    #feature-item_listing_block .hover-overlay {
        height: 53%;
    }

    #vfx-product-inner-item .hover-overlay {
        height: 53%;
    }
}

@media(min-width:439px) and (max-width:480px) {
    #feature-item_listing_block .hover-overlay {
        height: 56.5%;
    }

    #vfx-product-inner-item .hover-overlay {
        height: 56.5%;
    }
}

@media(min-width:200px) and (max-width:480px) {
    .categories-heading h1, .feature-item-listing-heading h1, .recent-item-listing-heading h1, .pricing-heading-title h1 {
        font-size: 24px;
    }

    .feature-title-item img {
        height: 220px;
        width: 100%;
    }

    .feature-title-item-map img {
        height: 400px;
        width: 100%;
        background-size: 100% 100%;
    }

    .recent-listing-box-container-item .hover-overlay {
        height: 100%;
    }

    .recent-listing-box-image img {
        height: 220px;
        max-width: 100%;
        width: 100%;
    }

    .detail-content .detail-amenities li {
        width: 100%;
    }

    .dlt-spons-item a {
        margin-bottom: 8px;
    }

    .slt_item_head {
        bottom: 15px;
        position: absolute;
        width: 100%;
    }

    .sorts-by-results .col-xs-6 {
        width: 100%;
        text-align: center;
    }

    .sorts-by-results span.result-item-view {
        font-size: 15px;
    }

    .sorts-by-results .disp-f-right {
        display: inline-block;
        float: none;
        left: 0;
        margin: 0 auto;
        right: 0;
        text-align: center;
        vertical-align: middle;
    }

    .scrollup {
        bottom: 28px;
        display: none;
        position: fixed;
        right: 8px;
        text-align: center;
        text-indent: -9999px;
        width: 40px;
    }

    .footer-bottom p {
        font-size: 13px;
    }

    .details-lt-block .slt_block_bg img {
        height: 460px;
        width: 100%;
    }
}

@media(min-width:481px) and (max-width:767px) {
    .feature-title-item img {
        height: 350px;
        width: 100%;
        max-width: 100%;
    }

    .recent-listing-box-image img {
        height: 350px;
        max-width: 100%;
        width: 100%;
    }

    .detail-content .detail-amenities li {
        width: 48%;
    }

    .details-lt-block .slt_block_bg img {
        height: 460px;
        width: 100%;
    }

    #feature-item_listing_block .hover-overlay {
        height: 67%;
    }

    .pro_item_fullwidth .hover-overlay {
        height: 67%;
    }

    .slt_item_head {
        bottom: 15px;
        position: absolute;
        width: 100%;
    }
}

@media(min-width:768px) and (max-width:979px) {
    .list-view-item .listing-boxes-text p {
        height: auto;
        min-height: auto;
    }

    .feature-item-container-box:hover .hover-overlay .hover-overlay-inner h3 a {
        font-size: 15px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .site-footer .col-md-3 {
        min-height: 335px;
    }

    .hover-overlay {
        height: 51.5%;
    }

    .pro_item_fullwidth .hover-overlay {
        height: 51%;
    }

    #vfx-product-inner-item .feature-item-container-box .hover-overlay {
        height: 46.5%;
    }
}

@media(min-width:979px) and (max-width:1199px) {
    .feature-item-container-box .feature-box-text {
        background: #fefefe none repeat scroll 0 0;
        padding: 15px 10px;
        text-align: left;
    }

    .feature-item-container-box:hover .hover-overlay .hover-overlay-inner h3 a {
        font-size: 15px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .feature-title-item img {
        height: 160px;
        width: 100%;
        max-width: 100%;
    }

    .recent-listing-box-image img {
        height: 240px;
        max-width: 100%;
        width: 100%;
    }

    .recent-listing-box-item {
        background-color: #ffffff;
        height: auto;
        text-align: left;
    }

    .listing-boxes-text {
        padding: 15px;
        text-align: left;
    }

    .feature-item-container-box .feature-item-location {
        float: right;
        padding: 7px;
    }

    .recent-listing-box-item .recent-feature-item-rating {
        padding: 7px 13px;
    }

    #vfx-product-inner-item .recent-listing-box-container-item .hover-overlay {
        height: 100%;
    }

    #vfx-product-inner-item .hover-overlay {
        height: 40%;
    }

    #feature-item_listing_block .hover-overlay {
        height: 40%;
    }

    .list-view-item .listing-boxes-text p {
        height: 114px;
        min-height: 114px;
    }
}

@media (min-width:980px) {
    #categorie-search-form {
        float: none;
        width: 80%;
        display: inline-block;
        text-align: center;
        margin: 0 auto;
    }

    #search-categorie-item-block {
        margin: 68px 0px 124px;
        float: left;
        width: 100%;
        text-align: center;
    }
}

@media(min-width:1025px) and (max-width:1199px) {
    .vfx-item-countup {
        border-radius: 8%;
        height: auto;
        padding: 40px 0;
        width: 100%;
    }

    .list-group-item {
        font-size: 13px;
        padding: 0 10px;
    }
}


@media(min-width:1600px) and (max-width:2600px) {

    #slider-banner-section {
        background: url(/Content/themes/viavi/images/banner.jpg) top center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        border-bottom: 7px solid #60b0bd;
        height: 726px;
    }
}


/**
Orange: f25c21
Teal: 60b0bd
Charcoal: 3d3d3d
*/

/* --------------------------------------
Table Of  Content

1) Header
2) Logo & Navbar Section
3) Search Section
4) Form Overlay
5) Inner Categories Search Box
6) Main Banner
7) Banner Map
8) Search Categories
9) Feature Listing
10) Tags
11) Recent Listings
12) Vfx Counter Block
13) Pricing Plan
14) Listing Product
15) Breadcrum
16) Footer Block
17) About Company
18) Featured Service Block
19) Login Forms and Register Form Style
20) Reviews Section
21) Contact Section
22) Listing Section
23) Add Listings
24) Right Side Bar
25) User Dashboard
26) Error Page 
27) New Form Style

/*********************************** Header ********************************/
#header {
    background: #262626;
    padding: 15px 0px;
    border-bottom: 2px solid #686868;
    line-height: 15px;
}

#left-header h1 {
    font-size: 14px;
    color: #ffffff;
    margin: 0px;
    font-weight: normal;
}

    #left-header h1 a,
    #left-header h1 span {
        font-weight: 500;
        color: #ffffff;
    }

    #left-header h1 br {
        display: none;
    }

    #left-header h1 a:hover {
        color: #60b0bd;
    }

#right-header h1 {
    font-size: 14px;
    color: #ffffff;
    margin: 0px;
    display: inline-block;
    margin-right: 12px;
}

#right-header a {
    color: #ffffff;
    padding-left: 18px;
}

    #right-header a i.fa {
        transition: all 0.2s ease 0s;
    }

    #right-header a:hover {
        color: #60b0bd;
    }

        #right-header a:hover i.fa {
            transform: scale(1.2);
        }

/************************** logo & navbar section **************************/
#logo-header {
    background: #ffffff;
    padding: 0;
    line-height: 55px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}

#logo {
    width: 100%;
    height: auto;
    padding: 17px 0;
}

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

#nav_menu_list {
    padding: 0;
}

    #nav_menu_list ul {
        line-height: 10px;
        margin-bottom: 0;
    }

        #nav_menu_list ul li {
            list-style-type: none;
            display: inline-block;
        }

            /*#nav_menu_list ul li a {*/
                /*font-family: "Poppins ExtraLight", sans-serif;*/
                /*font-family: 'Poppins', sans-serif !important;
                color: #262626;
                font-size: 16px;
                text-transform: none;
                font-weight: 500;
                margin-bottom: 5px;
                padding: 0px 13px 7px;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }*/

                #nav_menu_list ul li a:last-child {
                    margin-right: 0
                }

    #nav_menu_list li.active {
        border-bottom: 5px solid #f25c21;
        /*color: #f25c21;*/
    }

        #nav_menu_list li.active a {
            margin-bottom: 0px;
        }

    #nav_menu_list li a:hover {
        color: #60b0bd;
        background: transparent;
    }

    #nav_menu_list li.btn_item {
        top: 12px;
    }

        #nav_menu_list li.btn_item ul li {
            float: left;
        }

            #nav_menu_list li.btn_item ul li button.btn_login,
            #nav_menu_list li.btn_item ul li button.btn_register,
            .vfx-counter-block button.btn_register.orange {
                font-family: "Poppins", sans-serif;
                background: transparent linear-gradient(to right, #f25c21 50%, #60b0bd 50%) repeat scroll right bottom / 202% 100%;
                border: 0 none;
                border-radius: 5px;
                /*color: #3d3d3d;*/
                color: #FFFFFF;
                font-size: 14px;
                font-weight: 600;
                height: 34px;
                line-height: 18px;
                padding: 8px 15px;
                margin-left: 5px;
                text-transform: none;
                vertical-align: middle;
                -webkit-transition: all .6s ease 0;
                transition: all 0.3s ease 0s;
            }

            #nav_menu_list li.btn_item ul li button.orange,
            .vfx-counter-block button.btn_register.orange {
                color: #ffffff;
                background: transparent linear-gradient(to right, #262626 50%, #f25c21 50%) repeat scroll right bottom / 202% 100%;
            }

                #nav_menu_list li.btn_item ul li button.btn_login:hover,
                #nav_menu_list li.btn_item ul li button.btn_register:hover,
                .vfx-counter-block button.btn_register.orange:hover {
                    cursor: pointer;
                    background-position: left bottom;
                    color: #ffffff;
                }

.navbar {
    border: none;
    position: relative;
    margin-bottom: 0px;
    min-height: auto;
}

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-collapse {
    padding: 0px;
}

.navbar-toggle {
    margin-top: 4px;
    background: #60b0bd;
    border-color: #60b0bd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #60b0bd;
    border-color: #60b0bd;
}

/****************** form overlay *****************/
.formOverlay:before {
    content: "\f110";
    font-family: "FontAwesome";
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    color: #60b0bd;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 56px;
    margin-top: -25px;
    margin-left: -25px;
}

.formOverlay {
    background: transparent;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.alert .message-icon {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #9F9F9F;
    border-radius: 50%;
    line-height: 30px;
}

#dashboard_inner_block {
    background: #f4f5fa;
    padding: 80px 0;
}


    #dashboard_inner_block.confirm-onward-referral {
        height: 100vh;
    }

/************************ inner categories search box **************************/
#vfx-search-item-inner {
    padding: 70px 0 70px 0px;
    background: url(/Content/themes/viavi/images/inner_search_bg.png) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-size: 100% 100%;
    border-bottom: 1px solid #e4e4e4;
}

#vfx-search-box .form-group {
    margin-bottom: 0px;
}

.vfx-search-categorie-title {
    margin-bottom: 30px;
}

    .vfx-search-categorie-title h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .vfx-search-categorie-title h1 span {
            color: #60b0bd;
        }

select#location-search-list {
    box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.14) inset;
}

#vfx-search-box .form-control {
    height: 50px;
    border: none;
    font-size: 15px;
}

#vfx-search-box select,
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    #vfx-search-box select option {
        border-bottom: 1px solid #c2c2c2;
        font-size: 14px;
        padding: 7px 15px;
    }

    #vfx-search-box select.form-control {
        font-family: "Poppins", sans-serif;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-right: 1px solid #c2c2c2;
        color: #6f6f6f;
        font-weight: 500;
        background: #ffffff url("/Content/themes/viavi/images/slt_btn_cat.png") top 50% right 15px no-repeat;
        padding-left: 15px;
        box-shadow: 0px 5px 1px rgba(0, 0, 0, 0.3);
        border: 1px solid #b4b4b4;
    }

#vfx-search-box input.form-control {
    font-family: "Poppins", sans-serif;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-left: 15px;
    color: #c2c2c2;
    font-weight: 500;
    box-shadow: 0px 5px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #b4b4b4;
    border-left: 0px;
}

#vfx-search-btn button {
    font-family: "Poppins", sans-serif;
    background: -webkit-linear-gradient(left, #01273a 50%, #60b0bd 50%) repeat scroll right bottom/207% 100% transparent;
    background: linear-gradient(to right, #01273a 50%, #60b0bd 50%) repeat scroll right bottom/207% 100% transparent;
    color: #01273a;
    padding: 14px;
    font-size: 16px;
    border: none;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-transition: background 350ms ease-in-out;
    transition: background 350ms ease-in-out;
    width: 100%;
    outline: 0;
    box-shadow: 0px 5px 1px rgba(0, 0, 0, 0.3);
}

    #vfx-search-btn button i.fa {
        margin-right: 5px;
    }

    #vfx-search-btn button:hover {
        background-position: left bottom;
        color: #60b0bd;
    }

/******************* main banner *****************************/
#slider-banner-section {
    background: url('/Content/themes/viavi/images/banner.jpg') top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border-bottom: 7px solid #60b0bd;
}

#location_slider_item_block {
    text-align: center;
}

    #location_slider_item_block button {
        background: #60b0bd;
        display: inline-block;
        width: 80px;
        height: 40px;
        border: none;
        border-radius: 50px 50px 0 0;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
    }

        #location_slider_item_block button i.fa {
            color: #01273a;
            font-size: 30px;
            position: relative;
            bottom: -3px;
        }

#home-slider-item {
    padding-top: 100px;
}

    #home-slider-item span.helpyou_item {
        font-family: "Open Sans", sans-serif;
        color: #ffffff;
        margin-bottom: 20px;
        font-size: 36px;
        line-height: 36px;
        font-weight: 700;
        display: block;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: center;
    }

        #home-slider-item span.helpyou_item span {
            color: #60b0bd;
        }

    #home-slider-item h1 {
        font-family: "Open Sans", sans-serif;
        font-size: 54px;
        color: #ffffff;
        margin: 0px;
        font-weight: 800;
        letter-spacing: 1.6px;
        /*text-transform: uppercase;*/
    }

        #home-slider-item h1 span {
            /*color: #60b0bd;*/
        }

    #home-slider-item p {
        font-family: "Poppins", sans-serif;
        font-size: 26px;
        color: #ffffff;
        margin: 20px 0px 0px;
        letter-spacing: 0.5px;
        /*text-transform: uppercase;*/
        line-height: 30px;
        font-weight: 500;
    }

#search-categorie-item-block {
    margin: 68px 0px 124px;
    float: left;
    width: 100%;
}

    #search-categorie-item-block h1 {
        font-size: 28px;
        font-weight: 700;
        color: #60b0bd;
        margin: 0px;
        /*text-transform: uppercase;*/
    }

/********************** banner map **********************/
#location-map-block {
    border-bottom: 7px solid #60b0bd;
    width: 100%;
}

#location-link-item {
    text-align: center;
}

    #location-link-item button {
        position: absolute;
        left: 0;
        right: 0;
        border: none;
        text-align: center;
        margin: 0 auto;
        background: #60b0bd;
        width: 80px;
        height: 40px;
        bottom: 0;
        border-radius: 50px 50px 0px 0px;
    }

        #location-link-item button i.fa {
            color: #01273a;
            font-size: 30px;
            position: relative;
            top: 2px;
        }

#map,
#location-homemap-block,
#locationmap,
#contactmap {
    width: 100%;
    height: 557px;
    top: -1px;
    margin-bottom: -2px;
    display: inline-block;
    float: left
}

/***************************** search categories *********************/
#search-categorie-item {
    background: #FAFAFA url(/Content/themes/viavi/images/category_bg.png) no-repeat center top;
    background-position: cover;
    background-attachment: fixed;
    background-size: 100% 100%;
    padding: 80px 0px 60px 0;
}

#search-categories-section {
    padding: 10px 0px 60px;
    background: #f7f7f7;
    border-bottom: 2px solid #60b0bd;
}

    #search-categories-section .categories-list {
        background: #ffffff;
    }

.categories-heading {
    margin-bottom: 50px;
}

    .categories-heading h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .categories-heading h1 span {
            color: #60b0bd;
        }

.categorie_item {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    padding: 20px;
    margin-bottom: 30px;
}

    .categorie_item:hover {
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: ease-out .5s;
        -moz-transition: ease-out .5s;
        -o-transition: ease-out .5s;
        transition: ease-out .5s;
        transition: all .6s ease-in-out 0;
    }

.cate_item_block {
    background: #fcfbfb;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 6px;
    text-align: center;
    padding: 30px 0;
}

.cate_item_social {
    background: #60b0bd;
    border-radius: 50px;
    color: #ffffff;
    height: 90px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

    .cate_item_social i {
        display: block;
        font-size: 40px;
        line-height: 90px;
        text-align: center;
    }

    .cate_item_social img {
        border-radius: 0px;
        display: inline-block;
        height: 97px;
        max-width: 100%;
        padding: 15px;
        text-align: center;
    }

.cate_item_block h1 {
    color: #4a4a4a;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

    .cate_item_block h1 a {
        font-family: "Poppins", sans-serif;
        color: #4a4a4a;
        font-weight: 500;
    }

.cate_item_block:hover {
    background: #60b0bd;
    color: #01273a;
}

.categorie_item:hover .cate_item_social i {
    background: transparent;
    color: #60b0bd;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    width: 90px;
    height: 90px;
    line-height: 90px;
    -webkit-transition: ease-out .5s;
    -moz-transition: ease-out .5s;
    -o-transition: ease-out .5s;
    transition: ease-out .5s;
    /*transform: rotate(360deg);*/
    transition: all .6s ease-in-out 0;
}

.hi-icon {
    color: #ffffff;
    display: block;
    position: relative;
    text-align: center;
    z-index: 1
}

    .hi-icon::after {
        border-radius: 50%;
        box-sizing: content-box;
        content: "";
        height: 100%;
        pointer-events: none;
        position: absolute;
        width: 100%
    }

.categorie_item:hover .hi-icon-effect-8 .hi-icon {
    background: #fff;
    color: #60b0bd;
    cursor: pointer
}

.hi-icon-effect-8 .hi-icon::after {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    left: 0;
    opacity: 0;
    padding: 0;
    top: 0;
    transform: scale(0.9);
    z-index: -1
}

.no-touch .hi-icon-effect-8 .hi-icon:hover {
    background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0;
    color: #fff;
    transform: scale(0.93)
}

.categorie_item:hover .hi-icon-effect-8 .hi-icon::after {
    animation: 1.3s ease-out 75ms normal none 1 running sonarEffect
}

@keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 7px 7px #9a9a9a, 0 0 0 7px rgba(255, 255, 255, 0.1);
        opacity: .5
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 7px 7px #9a9a9a, 0 0 0 7px rgba(255, 255, 255, 0.1);
        opacity: 0;
        transform: scale(1.5)
    }

    0% {
        opacity: .3
    }

    40% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 7px 7px #9a9a9a, 0 0 0 7px rgba(255, 255, 255, 0.1);
        opacity: .5
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 7px 7px #9a9a9a, 0 0 0 7px rgba(255, 255, 255, 0.1);
        opacity: 0;
        transform: scale(1.5)
    }
}

.bt_heading_3 .line_1 {
    background-color: #6d6d6d;
    display: inline-block;
    height: 1px;
    vertical-align: middle;
    width: 60px;
}

.bt_heading_3 .icon {
    color: #60b0bd;
    display: inline-block;
    font-size: 7px;
    line-height: 4px;
    margin: 0 3px;
    vertical-align: middle;
}

.bt_heading_3 .line_2 {
    background-color: #6d6d6d;
    display: inline-block;
    height: 1px;
    vertical-align: middle;
    width: 60px;
}


#search-categories-boxes,
.search-categories-box {
    padding-top: 50px;
    display: inline-block;
    width: 100%;
}

#search-categories-section #search-categories-boxes,
#search-categories-section .search-categories-box {
    padding-top: 50px;
    display: inline-block;
    width: 100%;
}

.all-categorie-list-title {
    margin-bottom: 50px;
}

    .all-categorie-list-title h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
        color: #60b0bd;
    }

        .all-categorie-list-title h1 span {
            color: #60b0bd;
        }

.search-categories-boxes {
    width: 100%;
    display: inline-block;
}

    .search-categories-boxes h2 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        padding: 10px 15px;
        background: #60b0bd;
        font-size: 15px;
        text-align: left;
        color: #01273a;
        font-weight: 600;
        position: relative;
        padding-left: 45px;
        text-transform: uppercase;
        height: 42px;
        line-height: 22px;
    }

        .search-categories-boxes h2 i {
            margin-right: 5px;
            background: #fff;
            padding: 0;
            width: 30px;
            height: 30px;
            position: absolute;
            left: 7px;
            top: 6px;
            text-align: center;
            vertical-align: middle;
            line-height: 30px;
            border-radius: 30px;
        }

#all-categorie-item-block {
    background: #ffffff;
    padding: 80px 0 60px 0;
}

.categories-list {
    padding: 0px;
    border: 1px solid #eeeeee;
    border-top: none;
}

.categorie-list-box {
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    border-radius: 4px;
}

.categories-list ul {
    margin-bottom: 0px;
}

    .categories-list ul li {
        text-align: left;
        list-style: none;
        color: #636363;
        font-size: 14px;
        line-height: 35px;
        padding: 2px 15px;
        border-bottom: 1px solid #eeeeee;
        text-transform: capitalize;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
    }

        .categories-list ul li:last-child {
            border-bottom: 0px;
        }

        .categories-list ul li a {
            font-family: "Poppins", sans-serif;
            color: #3d3d3d;
            font-size: 13px;
            font-weight: 500;
        }

        .categories-list ul li:hover {
            padding-left: 20px;
            transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
        }

            .categories-list ul li:hover a {
                color: #60b0bd;
            }

        .categories-list ul li a i {
            margin-right: 5px;
        }

        .categories-list ul li span {
            font-family: "Poppins", sans-serif;
            color: #898989;
            font-weight: 500;
            font-size: 13px;
            float: right;
        }

#categorie-item-search {
    padding-top: 30px;
    display: inline-block;
    width: 100%;
}

.categorie-item-search {
    display: inline-block;
    width: 100%;
}

    .categorie-item-search h2 {
        margin: 0px;
        padding: 10px 15px;
        background: #60b0bd;
        font-size: 16px;
        text-align: left;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        color: #ffffff;
        text-transform: capitalize;
        height: 42px;
    }

        .categorie-item-search h2 img {
            margin-right: 5px;
        }

.categories-list1 {
    padding: 15px;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .categories-list1 ul {
        margin-bottom: 0px;
    }

        .categories-list1 ul li {
            text-align: left;
            list-style: none;
            color: #636363;
            font-size: 14px;
            line-height: 35px;
            text-transform: capitalize;
            transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
        }

            .categories-list1 ul li a {
                color: #636363;
            }

            .categories-list1 ul li:hover {
                padding-left: 3px;
            }

                .categories-list1 ul li:hover a {
                    color: #60b0bd;
                }

            .categories-list1 ul li::before {
                content: "";
                font-family: "FontAwesome";
                font-size: 10px;
                margin-right: 10px;
                color: #60b0bd;
            }

            .categories-list1 ul li span {
                float: right;
            }

#search-categorie-item button {
    background: -webkit-linear-gradient(left, #262626 50%, #60b0bd 50%) repeat scroll right bottom/207% 100% transparent;
    background: linear-gradient(to right, #262626 50%, #60b0bd 50%) repeat scroll right bottom/207% 100% transparent;
    border: none;
    padding: 10px 30px;
    border-radius: 4px;
    color: #ffffff;
    margin-top: 60px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    outline: 0;
}

    #search-categorie-item button:hover {
        background-position: left bottom;
    }

    #search-categorie-item button i.fa {
        margin-right: 5px;
    }


/************************ recent listings ********************************/
#recent-product-item-listing {
    padding: 80px 0px 60px 0;
    background: #ffffff;
}

.recent-item-listing-heading {
    margin-bottom: 50px;
}

    .recent-item-listing-heading h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .recent-item-listing-heading h1 span {
            color: #60b0bd;
        }

.listing-boxes {
    padding-top: 50px;
    display: inline-block;
    width: 100%;
}

.listing-boxes1 {
    padding-top: 30px;
}

.recent-listing-box-container-item {
    display: block;
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #efeeee;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    overflow: hidden;
    position: relative;
}

    .recent-listing-box-container-item:hover {
        border: 1px solid #60b0bd;
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    }

        .recent-listing-box-container-item:hover h1 span {
            margin-bottom: 0px;
        }

.listings-boxes-container:hover .listing-boxes-text {
    border: 1px solid transparent;
    border-top: none;
}

.recent-listing-box-container-item:hover .recent-listing-box-image img {
    transform: scale(1.2);
    transition: all 0.4s ease 0s;
}

.recent-listing-box-container-item:hover .hover-overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.recent-listing-box-container-item .hover-overlay {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 100%;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto;
    bottom: 0px;
}

.recent-listing-box-container-item:hover .hover-overlay-inner::before,
.recent-listing-box-container-item:hover .hover-overlay-inner::after {
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.recent-listing-box-container-item:hover .hover-overlay-inner::before {
    border-bottom: 1px solid #ebc131;
    border-top: 1px solid #ebc131;
    border-left: 1px solid #ebc131;
    border-right: 1px solid #ebc131;
}

.recent-listing-box-container-item:hover .hover-overlay-inner::after {
    border-left: 1px solid #ebc131;
    border-right: 1px solid #ebc131;
    transform: scale(1, 0);
}

.recent-listing-box-container-item:hover .hover-overlay-inner::before,
.recent-listing-box-container-item:hover .hover-overlay-inner::after,
.location-entry:hover .hover-overlay-inner::before,
.location-entry:hover .hover-overlay-inner::after,
.feature-item:hover .hover-overlay-inner::before,
.feature-item:hover .hover-overlay-inner::after,
.listing-item:hover .hover-overlay-inner::before,
.listing-item:hover .hover-overlay-inner::after {
    opacity: 1;
    -webkit-transition: ease-out 1.0s;
    -moz-transition: ease-out 1.0s;
    -o-transition: ease-out 1.0s;
    transition: ease-out 1.0s;
    transition: all 1.0s ease-in-out 0;
}

.recent-listing-box-container-item:hover .hover-overlay .hover-overlay-inner ul.listing-links {
    display: block;
    z-index: 900;
}

.recent-listing-box-container-item:hover .hover-overlay .hover-overlay-inner h3 {
    display: list-item
}

    .recent-listing-box-container-item:hover .hover-overlay .hover-overlay-inner h3 a {
        color: #60b0bd;
        display: block;
        font-size: 17px;
        font-weight: 700;
        margin-left: 20px;
        text-align: left;
        position: absolute;
        z-index: 99;
    }

.recent-listing-box-container-item:hover .listing-boxes-text a h3 {
    color: #01273a;
    text-decoration: none;
}

.recent-listing-box-image img {
    height: 214px;
    max-width: 100%;
    width: 100%;
}

.recent-listing-box-image > h1 {
    font-size: 14px;
    position: relative;
    text-transform: capitalize;
    margin: 0px;
    color: #636363;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.recent-listing-box-image h1 {
    font-family: "Poppins", sans-serif;
    background: rgba(1, 39, 58, 0.8) none repeat scroll 0 0;
    color: #60b0bd;
    font-size: 13px;
    font-weight: 600;
    left: 0px;
    margin: 0;
    padding: 8px 15px;
    border-radius: 0 15px 15px 0px;
    position: absolute;
    text-transform: uppercase;
    top: 0px;
    transition: all 0.3s ease 0s;
}

.recent-listing-box-item {
    background-color: #ffffff;
    text-align: left;
    position: relative;
}

.listing-boxes-text {
    padding: 15px;
    text-align: left;
}

.recent-listing-box-item .recent-feature-item-rating {
    background: #f4f4f4;
    display: block;
    float: left;
    padding: 5px 15px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
}

.recent-feature-item-rating h2 {
    font-family: "Poppins", sans-serif;
    color: #7d7d7d;
    float: left;
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
    text-align: left;
}

.recent-feature-item-rating span {
    float: right;
    font-size: 13px;
    position: relative;
    top: 7px;
}

    .recent-feature-item-rating span i.fa {
        color: #60b0bd;
    }

.listing-boxes-text a h3 {
    font-family: "Poppins", sans-serif;
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 6px;
}

.recent-listing-box-item .recent-feature-item-rating h2 i {
    color: #60b0bd;
    font-size: 14px;
    margin-right: 3px;
}

.listing-boxes-text p {
    color: #7d7d7d;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 10px;
    letter-spacing: 0.3px;
}

.listing-boxes-text a {
    font-family: "Poppins", sans-serif;
    color: #60b0bd;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.2px;
}

    .listing-boxes-text a i.fa {
        color: #60b0bd;
        margin-right: 3px;
    }

/*********************** vfx counter block *********************/
.vfx-counter-block {
    background: #fafafa url(/Content/themes/viavi/images/vfx_counter_bg.png) no-repeat center top;
    background-position: cover;
    background-attachment: fixed;
    background-size: 100% 100%;
    padding: 60px 0px 30px 0;
}

.vfx-item-countup {
    background: rgba(255, 255, 255, 0.4);
    width: 262px;
    height: 262px;
    border-radius: 8px;
    text-align: center;
    padding: 55px 0;
    border: 5px solid #60b0bd;
    box-shadow: 0 7px 12px rgba(0, 0, 0, 0.20);
    margin-bottom: 30px;
}

.vfx-item-counter-up .count_number {
    font-family: "Poppins", sans-serif;
    color: #4a4a4a;
    font-size: 50px;
    line-height: 60px;
    font-weight: 800;
    margin-top: 5px;
}

.vfx-item-counter-up .counter_text {
    font-family: "Poppins", sans-serif;
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.vfx-item-black-top-arrow {
    line-height: 45px;
}

    .vfx-item-black-top-arrow i {
        font-size: 46px;
        line-height: 50px;
        color: #60b0bd;
    }

/*********************** pricing plan **********************/
#pricing-item-block {
    background: #f2f2f2;
    padding: 80px 0px;
}

#pricing-section {
    padding-bottom: 60px;
    background: #f7f7f7;
    border-bottom: 2px solid #60b0bd;
}

.pricing-heading-title {
    margin-bottom: 50px;
}

    .pricing-heading-title h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .pricing-heading-title h1 span {
            color: #60b0bd;
        }

.price-table-feature-block {
    padding: 35px 0px;
    background: #ffffff;
    border: 1px solid #ebebeb;
    position: relative;
}

    .price-table-feature-block.active {
        box-shadow: -2px 5px 15px 7px #e2e2e2;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.15);
    }

    .price-table-feature-block:hover {
        transition: all 0.3s ease 0s;
        box-shadow: -2px 5px 15px 7px #e2e2e2;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        -webkit-transition: ease-out .5s;
        -moz-transition: ease-out .5s;
        -o-transition: ease-out .5s;
        transition: ease-out .5s;
        transition: all .5s ease-in-out 0;
    }

    .price-table-feature-block h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        font-size: 22px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .price-table-feature-block > hr {
        width: 90px;
        margin: 10px auto 15px auto;
        border-color: #60b0bd;
    }

    .price-table-feature-block p {
        color: #999999;
        font-size: 16px;
        font-weight: 400;
        padding: 0px 40px;
    }

        .price-table-feature-block p span {
            color: #60b0bd;
        }

.vfx-price-list-item {
    display: block;
    width: auto;
    background: rgba(0, 0, 0, 0.02);
    padding: 25px 0;
    border-bottom: 1px solid #ebebeb;
}

    .vfx-price-list-item:nth-child(even) {
        background: #ffffff;
    }

    .vfx-price-list-item h2 {
        margin: 0px;
        color: #01273a;
        font-size: 16px;
        font-weight: 500;
    }

    .vfx-price-list-item > h2:before {
        content: "";
        font-family: "FontAwesome";
        color: #60b0bd;
        margin-right: 10px;
    }

    .vfx-price-list-item p {
        margin: 0px;
        color: #999999;
        font-size: 13px;
        line-height: 22px;
        font-weight: 400;
        margin-top: 10px;
    }

.vfx-pl-seperator {
    background: #ebebeb none repeat scroll 0 0;
    display: inline-block;
    height: 1px;
    margin-bottom: -6px;
    margin-top: 15px;
    position: relative;
    width: 100%;
}

    .vfx-pl-seperator > span {
        background: none;
        color: #d0d0d0;
        display: inline-block;
        font-family: "FontAwesome";
        font-size: 0;
        height: 18px;
        margin-left: -9px;
        position: absolute;
        top: -9px;
        width: 11px;
    }

    .vfx-pl-seperator span i.fa-caret-down {
        font-size: 24px;
        margin-left: -1px;
    }

.list hr {
    width: 100%;
}

.vfx-price-btn {
    margin-top: 35px;
    display: inline-block;
}

    .vfx-price-btn button.purchase-btn {
        font-family: "Poppins", sans-serif;
        background: -webkit-linear-gradient(left, #262626 50%, #60b0bd 50%) repeat scroll right bottom/207% 100% transparent;
        background: linear-gradient(to right, #262626 50%, #60b0bd 50%) repeat scroll right bottom/207% 100% transparent;
        color: #ffffff;
        text-transform: uppercase;
        border-radius: 5px;
        padding: 15px 30px;
        font-weight: 500;
        -webkit-transition: background 350ms ease-in-out;
        transition: background 350ms ease-in-out;
        border: none;
        outline: 0;
    }

.price-table-feature-block:hover button.purchase-btn {
    color: #ffffff;
    background-position: left bottom;
    box-shadow: 0px 6px 6px -2px rgba(0, 0, 0, 0.4);
}

.vfx-price-btn button.purchase-btn i {
    margin-right: 3px;
}

/******************** listing product **********************/
#vfx-product-inner-item {
    background: #ffffff;
    padding: 80px 0;
}

.news-search-lt {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
}

    .news-search-lt input.form-control {
        background-color: #fff;
        border: 1px solid #ededed;
        border-radius: 0;
        color: #3d3d3d;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 28px;
        padding: 10px;
        width: 100%;
        height: 50px;
    }

    .news-search-lt input.form-control {
        box-shadow: none;
    }

    .news-search-lt span.input-search i {
        bottom: 0;
        color: #60b0bd;
        cursor: pointer;
        display: inline-table;
        float: right;
        position: absolute;
        right: 15px;
        top: 17px;
        z-index: 0;
    }

.left-slide-slt-block {
    margin-bottom: 30px;
    width: 100%;
}

    .left-slide-slt-block h3:first-child {
        margin-top: 0px;
    }

    .left-slide-slt-block h3 {
        background: #f1f1f1;
        border: 1px solid #ededed;
        color: #6b6b6b;
        font-size: 16px;
        font-weight: 500;
        padding: 15px;
        text-align: left;
        letter-spacing: 0.4px;
    }

.list-group-item {
    background: transparent linear-gradient(to right, #60b0bd 50%, #ffffff 50%) repeat scroll right bottom / 207% 100%;
    border: 1px solid #ddd;
    display: block;
    margin-bottom: 8px;
    position: relative;
    color: #3d3d3d;
    font-size: 13px;
    border-radius: 30px;
    line-height: 46px;
    padding: 0 12px 0 15px;
    font-weight: 500;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}

#vfx-product-inner-item .list-group a {
    color: #3d3d3d;
    letter-spacing: 0.3px
}

a.list-group-item,
button.list-group-item {
    text-align: inherit;
    width: 100%;
}

.list-group-item i {
    color: #60b0bd;
    padding-right: 5px;
}

.archive-tag {
    width: 100%;
}

    .archive-tag ul {
        display: inline-block;
        margin-bottom: 15px;
        padding: 0;
    }

        .archive-tag ul li {
            float: left;
            list-style: outside none none;
            padding: 5px 0;
        }

            .archive-tag ul li a {
                background: transparent linear-gradient(to right, #60b0bd 50%, #f1f1f1 50%) repeat scroll right bottom / 206% 100%;
                color: #3d3d3d;
                display: inline-block;
                font-size: 13px;
                font-weight: 500;
                margin-right: 7px;
                padding: 7px 13px;
                border-radius: 4px;
                text-align: center;
                -webkit-transition: all .6s ease 0;
                transition: all .6s ease 0;
                transition: all 0.3s ease 0s;
            }

                .archive-tag ul li a:hover {
                    background: transparent linear-gradient(to right, #60b0bd 50%, #f1f1f1 50%) repeat scroll right bottom / 206% 100%;
                    color: #fff;
                    background-position: left bottom;
                }

                .archive-tag ul li a.active {
                    background: transparent linear-gradient(to right, #dadada 50%, #60b0bd 50%) repeat scroll right bottom / 206% 100%;
                    color: #ffffff;
                }

.left-location-item {
    width: 100%;
}

    .left-location-item ul {
        margin-bottom: 30px;
        padding: 0;
        width: auto;
    }

    .left-location-item .list-lt {
        font-family: "Poppins", sans-serif;
        background: #01273a;
        border-radius: 30px;
        color: #fff;
        float: right;
        font-size: 11px;
        font-weight: 500;
        margin-right: 8px;
        padding: 4px 2px;
        text-align: center;
        width: 28px;
        height: 28px;
        line-height: 20px;
        vertical-align: middle;
    }

    .left-location-item ul li {
        list-style: outside none none;
        padding: 7px 0 7px 10px;
        line-height: 28px;
        border-top: 1px solid rgba(241, 241, 241, 0.8)
    }

        .left-location-item ul li i {
            margin-right: 5px;
        }

        .left-location-item ul li:last-child {
            border-bottom: 1px solid rgba(241, 241, 241, 0.8)
        }

        .left-location-item ul li a {
            color: #3d3d3d;
            font-size: 13px;
            text-align: left;
            font-weight: 500;
            letter-spacing: 0.3px;
        }

            .left-location-item ul li a:hover {
                padding-left: 6px;
                color: #60b0bd;
                -webkit-transition: all .6s ease 0;
                transition: all .6s ease 0;
                transition: all 0.3s ease 0s;
            }

.left-archive-categor {
    width: 100%;
}

    .left-archive-categor ul {
        margin-bottom: 30px;
        padding: 0;
        width: auto;
    }

    .left-archive-categor .list-lt {
        font-family: "Poppins", sans-serif;
        background: #01273a;
        border-radius: 30px;
        color: #fff;
        float: right;
        font-size: 11px;
        font-weight: 500;
        margin-right: 8px;
        padding: 6px 8px;
        text-align: center;
        width: 30px;
        height: 30px;
        line-height: 18px;
        vertical-align: middle;
    }

    .left-archive-categor ul li {
        list-style: outside none none;
        padding: 7px 0 7px 10px;
        line-height: 30px;
        border-top: 1px solid rgba(241, 241, 241, 0.8)
    }

        .left-archive-categor ul li:last-child {
            border-bottom: 1px solid rgba(241, 241, 241, 0.8)
        }

        .left-archive-categor ul li a {
            color: #3d3d3d;
            font-size: 13px;
            text-align: left;
            font-weight: 500;
            letter-spacing: 0.3px
        }

            .left-archive-categor ul li a i {
                margin-right: 5px;
            }

            .left-archive-categor ul li a:hover {
                padding-left: 6px;
                color: #60b0bd;
                -webkit-transition: all .6s ease 0;
                transition: all .6s ease 0;
                transition: all 0.3s ease 0s;
            }

.working-hours .days {
    border-bottom: 1px solid rgba(241, 241, 241, 0.8);
    line-height: 44px;
    color: #3d3d3d;
    padding-left: 8px;
    padding-right: 8px;
    letter-spacing: 0.5px;
}

    .working-hours .days:first-child {
        border-top: 1px solid rgba(241, 241, 241, 0.8);
    }

.working-hours .name {
    font-size: 13px;
    font-weight: 500;
}

.working-hours .hours {
    float: right;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    color: #969595;
}

/******************* footer block********************/



/******************* breadcrum ***********************/
#breadcrum-inner-block {
    padding: 78px 0px;
    background: url(/Content/themes/viavi/images/listing-detail.png) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-size: 100% auto;
}

.breadcrum-inner-header {
    text-align: left;
    padding-left: 20px;
}

    .breadcrum-inner-header::before {
        background-color: #60b0bd;
        bottom: 2px;
        content: "";
        left: 15px;
        position: absolute;
        top: 2px;
        width: 4px;
    }

.detail-view-header::before {
    background-color: transparent;
}

.breadcrum-inner-header h1 {
    font-family: "Poppins", sans-serif;
    color: #ffffff;
    letter-spacing: 0.4px;
    margin: 0px;
    font-size: 32px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.breadcrum-inner-header a {
    font-family: "Poppins", sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

    .breadcrum-inner-header a:hover {
        color: #60b0bd
    }

.breadcrum-inner-header i.fa {
    color: #ffffff;
    margin: 0px 5px;
    font-size: 6px;
    position: relative;
    bottom: 2px;
}

.breadcrum-inner-header a span {
    color: #60b0bd;
    font-size: 14px;
    font-weight: 500;
}

@media(min-width:200px) and (max-width:1199px) {
    #breadcrum-inner-block {
        background-size: auto 100%;
        background-attachment: scroll;
    }
}

/**************************** about company ********************************/
#about-company {
    background: #ffffff;
    padding: 80px 0 0 0;
}

.about-heading-title {
    margin-bottom: 35px;
}

    .about-heading-title h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .about-heading-title h1 span {
            color: #60b0bd
        }

p.inner-secon-tl {
    font-family: "Poppins", sans-serif;
    color: #3d3d3d;
    font-size: 14px;
    line-height: 27px;
    font-weight: 400;
    letter-spacing: 0.3px;
}

.user-lt-above img {
    transform: translateX(-5%);
    vertical-align: bottom;
}

@media(min-width:979px) and (max-width:1199px) {
    .user-lt-above img {
        transform: translateY(16%);
        vertical-align: bottom;
    }

    #about-company {
        padding-bottom: 30px;
    }
}

/******************************* featured service block **************************************/
#featured-service-block {
    background: #f2f2f2;
    padding: 80px 0 60px 0;
}

.service-item-fearured {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 1px 14px 2px rgba(0, 0, 0, 0.05);
    padding: 30px 30px 20px;
    margin-bottom: 30px;
    border: 5px solid rgba(0, 0, 0, 0.02);
    border-radius: 6px;
}

    .service-item-fearured:hover {
        background: #01273a;
        border: 5px solid rgba(0, 0, 0, 0.02);
        box-shadow: 0 3px 14px 3px rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: ease-out 1.0s;
        -moz-transition: ease-out 1.0s;
        -o-transition: ease-out 1.0s;
        transition: ease-out 1.0s;
        transition: all 1.0s ease-in-out 0;
    }

.svt-spec-service-icon {
    margin-bottom: 25px;
}

    .svt-spec-service-icon i {
        background: #60b0bd;
        border-radius: 50%;
        color: #fff;
        display: block;
        font-size: 17px;
        height: 50px;
        line-height: 51px;
        margin: 0 auto;
        text-align: center;
        width: 50px;
    }

.service-item-fearured h3 {
    font-family: "Poppins", sans-serif;
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    text-transform: none;
}

.service-item-fearured p {
    font-family: "Poppins", sans-serif;
    color: #3d3d3d;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
}

.service-item-fearured:hover h3,
.service-item-fearured:hover p {
    color: #ffffff;
}

.service-item-fearured:hover .hi-icon-effect-8 .hi-icon {
    background: #60b0bd;
    color: #ffffff;
    cursor: pointer;
}

    .service-item-fearured:hover .hi-icon-effect-8 .hi-icon::after {
        animation: 1.3s ease-out 75ms normal none 2 running sonarEffect
    }

/* HORIZONTAL */

@-webkit-keyframes horizontal {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    6% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    12% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    18% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    24% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    30% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    36% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes horizontal {
    0% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    6% {
        -webkit-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    12% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    18% {
        -webkit-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    24% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    30% {
        -webkit-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    36% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

/**************************** Login Forms and Register Form Style ***************************/
#m-info-window .info-window-hding {
    margin-top: 0px;
    font-size: 16px;
}

#m-info-window .info-window-desc {
    margin-bottom: 0px;
    line-height: 1.6em;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    margin: 78px auto;
    width: 600px;
}

.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}

    .modal.in .modal-dialog {
        transform: translate(0px, 0px);
    }

    .modal.fade .modal-dialog {
        transform: translate(0px, 0%);
        transition: transform 0.3s ease-out 0s;
    }

.listing-modal-1.modal-dialog {
    width: 395px;
}

.listing-modal-1 .modal-content {
    background: #f7fbfc none repeat scroll 0 0;
    border-radius: 0;
    padding: 40px 30px;
}

/* .modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: 0 none;
    position: relative;
} */

.listing-modal-1 .modal-header {
    border-bottom: medium none;
    padding: 0;
}

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px;
    padding: 15px;
}

.listing-modal-1 .modal-header .close {
    color: #08c2f3;
    font-size: 24px;
    line-height: 1;
    margin-top: 3px;
    opacity: 1;
}

button.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

.close {
    color: #000;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
}

.listing-modal-1 .modal-header .modal-title {
    color: #08c2f3;
    line-height: 1;
    text-align: left;
}

.modal-title {
    line-height: 1.42857;
    margin: 0;
}

.listing-modal-1 .modal-body {
    padding: 30px 0 0;
}

.listing-form-field {
    position: relative;
}

    .listing-form-field input.form-field {
        border: 1px solid #eee;
        box-shadow: none;
        margin-bottom: 10px;
        padding: 15px;
    }

    .listing-form-field input {
        text-transform: normal;
        width: 100%;
    }

/*input[type="checkbox"], input[type="radio"] {
	line-height: normal;
	margin: 4px 0 0;
}*/
.regular-checkbox {
    display: none;
}

    .regular-checkbox + label {
        border: 2px solid #60b0bd;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        position: relative;
        top: -4px;
        width: 20px;
        border-radius: 30px;
    }

label.checkbox-lable {
    color: #999;
    position: relative;
    top: -8px;
}

.listing-register-form .listing-form-field a {
    color: #60b0bd;
    float: none;
    top: -8px;
}

.listing-modal-1.modal-dialog {
    width: 395px;
}

.listing-modal-1 .modal-content {
    background: #f7fbfc;
    border-radius: 10px;
    padding: 35px 30px;
}

.listing-form-field label {
    margin-bottom: -1px;
    font-weight: 500;
}

.listing-modal-1 .modal-header {
    border-bottom: medium none;
    padding: 0;
}

    .listing-modal-1 .modal-header .modal-title {
        font-family: "Poppins", sans-serif;
        color: #60b0bd;
        font-size: 20px;
        line-height: 1;
        text-align: left;
        font-weight: 500;
        display: block;
        float: left;
        text-transform: none
    }

    .listing-modal-1 .modal-header .close {
        background: #eaeaea;
        border-radius: 20px;
        color: #01273a;
        font-size: 25px;
        height: 36px;
        line-height: 34px;
        margin-top: -9px;
        opacity: 1;
        width: 36px;
        display: block;
    }

.listing-modal-1 .modal-body {
    padding: 40px 0 0;
}

.listing-form-field {
    position: relative;
}

    .listing-form-field i {
        background: #ededed;
        font-size: 20px;
        border-left: 1px solid #eee;
        height: 51px;
        line-height: 50px;
        position: absolute;
        left: 0;
        text-align: center;
        top: 0;
        color: #c1c1c1;
        width: 51px;
    }

    .listing-form-field input {
        text-transform: normal;
        width: 100%;
    }

        .listing-form-field input.form-field {
            border: 1px solid #eee;
            box-shadow: none;
            margin-bottom: 10px;
            padding: 15px;
        }

    .listing-form-field a {
        font-family: "Poppins", sans-serif;
        display: inline-block;
        float: right;
        position: relative;
        text-align: right;
        top: -4px;
        color: #60b0bd;
    }

.listing-register-form .listing-form-field a {
    color: #60b0bd;
    float: none;
    top: -8px;
}

.listing-form-field input.submit {
    border: medium none;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
}

.regular-checkbox:checked + label::after {
    color: #60b0bd;
    content: "✔";
    font-size: 12px;
    left: 0;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -2px;
}

label.checkbox-lable {
    font-family: "Poppins", sans-serif;
    color: #999;
    position: relative;
    top: -8px;
    margin-left: 5px;
}

.listing-register-form .listing-form-field a {
    color: #60b0bd;
    float: none;
    top: -8px;
}

    .listing-register-form .listing-form-field a:hover {
        color: #999999;
        text-decoration: underline;
    }

.listing-form-field input {
    text-transform: normal;
    width: 100%;
}

.bottom-links p {
    font-family: "Poppins", sans-serif;
    text-align: center;
    font-weight: 500;
    text-transform: normal;
}

    .bottom-links p a {
        color: #60b0bd;
        display: inline-block;
        margin-left: 10px;
    }

        .bottom-links p a:hover {
            color: #999999;
            text-decoration: underline;
        }

.bgwhite {
    background: #fff none repeat scroll 0 0;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.listing-form-field input.submit {
    background: transparent linear-gradient(to right, #01273a 50%, #60b0bd 50%) repeat scroll right bottom / 207% 100%;
    border: none;
    margin: 0 auto;
    width: 68%;
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 14px 0;
    margin-bottom: 15px;
    border-radius: 40px;
    font-weight: 600;
    color: #01273a;
    text-transform: uppercase;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
}

    .listing-form-field input.submit:hover {
        background-position: left bottom;
        color: #ffffff;
    }

.listing-form-field input.form-field {
    font-family: "Poppins", sans-serif;
    box-shadow: none;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 14px 10px 14px 60px;
}

    .listing-form-field input.form-field:focus {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

.listing-form-field input {
    text-transform: normal;
    width: 100%;
}

.listings-images {
    margin-right: 3px;
    overflow: hidden;
    position: relative;
}

    .listings-images img {
        height: 450px;
        transition: all 0.5s ease 0s;
    }

    .listings-images:hover img {
        transform: scale(1.2);
    }

.listings-images1 {
    display: inline-block;
    margin-bottom: 3px;
    float: left;
    margin-right: 3px;
    overflow: hidden;
    position: relative;
}

    .listings-images1 img {
        transition: all 0.5s ease 0s;
    }

    .listings-images1:hover img {
        transform: scale(1.2);
    }

.listing-detail {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

    .listing-detail h1 {
        color: #242424;
        font-weight: 500;
        font-size: 18px;
        text-transform: uppercase;
        margin: 0px;
    }

.listing-detail-text {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    background: #ffffff;
    border: 1px solid #e8e8e8;
}

    .listing-detail-text h1 {
        margin: 0px;
        color: #636363;
        text-transform: capitalize;
        font-weight: normal;
        padding: 10px 14px 10px 14px;
        font-size: 14px;
        line-height: 20px;
    }

    .listing-detail-text p {
        margin: 0px;
        color: #999999;
        font-size: 14px;
        padding: 10px 14px 10px 14px;
        border-left: 1px solid #e8e8e8;
        text-transform: capitalize;
    }

        .listing-detail-text p span i.fa {
            color: #60b0bd;
        }

        .listing-detail-text p i.fa-map-marker,
        .listing-detail-text p a {
            color: #999999;
            margin-right: 5px;
        }

#tags-share {
    margin-top: 45px;
    position: relative;
    display: inline-block;
    width: 100%;
}

#listings-tags p {
    color: #636363;
    margin: 0px;
    font-size: 14px;
    text-transform: capitalize;
}

    #listings-tags p i.fa {
        color: #636363;
        margin-right: 10px;
    }

    #listings-tags p span {
        margin-left: 30px;
    }

        #listings-tags p span a {
            color: #999999;
            display: inline-block;
            font-size: 14px;
            padding: 10px 12px;
            background: #ffffff;
            border-radius: 3px;
            margin-bottom: 5px;
        }

            #listings-tags p span a:hover {
                color: #ffffff;
            }

#listings-share p {
    color: #636363;
    margin: 0px;
    font-size: 14px;
    text-transform: capitalize;
    display: inline-block;
}

    #listings-share p i.fa {
        color: #636363;
        margin-right: 10px;
    }

#listings-share .social {
    margin: 0px 30px 0px 30px;
    display: inline-block;
}

    #listings-share .social a {
        background: #ffffff;
        color: #cccccc;
    }

        #listings-share .social a:hover {
            color: #ffffff;
        }

/************************ reviews section *********************/
#reviews-section {
    background: #ffffff;
    padding: 50px 0px;
    border-bottom: 2px solid #60b0bd;
}

.reviews-section,
.reviews-section-new {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
}

.reviews-section-new {
    padding: 30px 0px;
}

.reviews-section-text h1 {
    margin: 0px;
}

    .reviews-section-text h1 a {
        color: #000000;
        font-weight: 500;
        margin: 0px;
        font-size: 16px;
        text-transform: capitalize;
    }

.reviews-section-text h4 {
    font-weight: normal;
    color: #636363;
    margin: 7px 0px;
    text-transform: uppercase;
    font-size: 12px;
}

.reviews-section-text p {
    color: #636363;
    font-size: 14px;
    margin: 0px;
    line-height: 25px;
}

    .reviews-section-text p a {
        margin-left: 10px;
        color: #636363;
    }

        .reviews-section-text p a:hover,
        .reviews-section-text h1 a:hover {
            color: #60b0bd;
        }

#write-review h1,
#reviews h1 {
    color: #242424;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0px;
    border-left: 2px solid #60b0bd;
    padding: 5px 15px;
}

#write-review hr,
#reviews hr,
.contact-heading hr {
    border-color: #e8e8e8;
}

#review-form,
#contact-form {
    position: relative;
    display: inline-block;
    margin-top: 15px;
    width: 100%;
}

.review-form .form-control,
.contact-form .form-control {
    height: 45px;
    border: 1px solid #cccccc;
    border-left-color: #60b0bd;
    font-size: 14px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    margin-bottom: 30px;
    padding: 10px 12px;
}

.contact-form .form-control {
    background: transparent;
}

    .review-form .form-control:focus,
    .contact-form .form-control:focus {
        border-color: #60b0bd;
    }

.review-form textarea.form-control {
    height: 170px;
}

.contact-form textarea.form-control {
    height: 235px;
}

#review-button,
#contact-button {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

    #review-button button,
    #contact-button button {
        background: -webkit-linear-gradient(left, #262626 50%, #60b0bd 50%) repeat scroll right bottom/207% 100% transparent;
        background: linear-gradient(to right, #262626 50%, #60b0bd 50%) repeat scroll right bottom/207% 100% transparent;
        color: #ffffff;
        border-radius: 4px;
        border: none;
        outline: 0;
        font-weight: 500;
        font-size: 14px;
        padding: 10px 25px;
        -webkit-transition: background 350ms ease-in-out;
        transition: background 350ms ease-in-out;
    }

        #review-button button:hover,
        #contact-button button:hover {
            background-position: left bottom;
        }

/************************** contact section *********************/
#contact-section {
    padding: 30px 0px 60px;
    background: #f7f7f7;
}

.contact-heading {
    position: relative;
    width: 100%;
    display: inline-block;
}

    .contact-heading h1 {
        margin: 0px;
        text-transform: uppercase;
        padding: 5px 15px;
        border-left: 2px solid #60b0bd;
        font-weight: 500;
        font-size: 18px;
        color: #242424;
    }

#contact-section-info p {
    margin: 0px 0px 10px;
    color: #636363;
    font-size: 14px;
    margin-top: 12px;
}

.contact-text .social {
    margin-top: 15px;
}

    .contact-text .social a {
        background: #ffffff;
        color: #cccccc;
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

        .contact-text .social a:hover {
            color: #ffffff;
        }

.contact-icon i.fa {
    font-size: 20px;
}

.contact-icon .fa.fa-share-alt {
    font-size: 16px;
}

#contact-map {
    border-bottom: 2px solid #60b0bd;
}

/******************** listing section ********************/
#listing-section {
    background: #f7f7f7;
    padding-bottom: 55px;
    border-bottom: 2px solid #60b0bd;
}

.sorts-by-results {
    border: 1px solid #ededed;
    background: #fff;
    background-color: #fff;
    display: block;
    /*float: left;*/
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
    white-space: nowrap;
    height: auto;
    line-height: 42px;
    width: 100%;
}

    .sorts-by-results.search-header {
        background-color: #fff;
    }

    .sorts-by-results span.result-item-view {
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #6b6b6b;
    }

        .sorts-by-results span.result-item-view span.yellow {
            color: #60b0bd;
            font-weight: 500;
        }

    .sorts-by-results .disp-f-right {
        float: right;
    }

.disp-f-right .disp-style {
    float: right;
    margin: 3px 5px 0 5px;
}

    .disp-f-right .disp-style:last-child {
        margin-right: 0px;
    }

.sorts-by-results .disp-style a {
    background: #fcfcfc;
    border-radius: 5px;
    border: 2px solid transparent;
    float: right;
    font-size: 14px;
    line-height: 32px;
    padding: 0px 9px;
    color: #01273a;
}

    .sorts-by-results .disp-style a:hover {
        border: 2px solid rgba(255, 193, 7, 0.9);
        color: #60b0bd;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    }

.sorts-by-results .disp-style.active a {
    border: 2px solid rgba(255, 193, 7, 0.9);
    color: #60b0bd;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.list-view-item {
    padding: 5px;
}

    .list-view-item .listing-boxes-text p {
        min-height: 90px;
        height: 90px;
    }

        .list-view-item .listing-boxes-text p:before {
            background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) repeat scroll 0 0
        }

    .list-view-item:hover {
        border: 1px solid #60b0bd;
        box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
    }

    .list-view-item.active {
        border: 1px solid #60b0bd;
        box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
    }

        .list-view-item.active .recent-listing-box-item a h3 {
            color: #60b0bd;
        }

        .list-view-item.active .recent-listing-box-item a,
        .list-view-item.active .recent-listing-box-item a i {
            color: #969595;
        }

    .list-view-item:hover .recent-listing-box-item a h3 {
        color: #4a4a4a;
    }

.vfx-person-block {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    float: left;
}

.vfx-pagination {
    border-radius: 0.25rem;
    display: inline-flex;
    list-style-type: none;
    margin: 15px 0;
}

ul.vfx-pagination a {
    background-color: #60b0bd;
    border: medium none;
    border-radius: 30px;
    color: #fff;
    float: left;
    padding: 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 34px;
    line-height: 15px;
    transition: all 0.2s linear 0s;
    width: 34px;
}

ul.vfx-pagination li {
    margin: 0 4px;
}

    ul.vfx-pagination li.active a,
    ul.vfx-pagination li:hover a {
        background-color: #00283b;
        border: 0 none;
        color: #fff;
        border-radius: 30px;
    }

/************************** add listings ***********************/
#add-listings {
    background: #f7f7f7;
    padding: 60px 0px;
    border-bottom: 2px solid #60b0bd;
}

#user-option {
    background: #ffffff;
    padding: 50px 30px;
    display: inline-block;
    width: 100%;
    height: 300px;
}

    #user-option h1 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #242424;
    }

    #user-option hr {
        border-color: #e8e8e8;
    }

    #user-option p {
        color: #636363;
        font-size: 16px;
        margin: 0px;
        padding-top: 10px;
    }

        #user-option p span {
            text-transform: capitalize;
            color: #242424;
            cursor: pointer;
            font-weight: normal;
            transition: all 0.3s ease 0s;
        }

            #user-option p span.selected {
                color: #60b0bd;
            }

#user-signup,
#user-signin {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    transition: all 0.3s ease 0s;
}

    #user-signup .form-group,
    #user-signin .form-group,
    #title-form .form-group {
        margin-bottom: 0px;
    }

    #user-signup .form-control,
    #user-signin .form-control,
    #title-form .form-control,
    #locations .form-control {
        border-color: #cccccc;
        background: transparent;
        padding-left: 20px;
        height: 45px;
        line-height: 30px;
    }

.hide-form {
    display: none;
    transition: all 0.3s ease 0s;
}

#enter-listings {
    padding: 50px 30px 20px;
    margin-top: 40px;
    background: #ffffff;
    display: inline-block;
    width: 100%;
}

    #enter-listings h1 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #242424;
    }

    #enter-listings hr {
        border-color: #e8e8e8;
    }

#title-form {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

    #title-form input {
        margin-bottom: 30px;
    }

.detail-content h2 {
    color: #313131;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    margin: 20px 0 30px;
}

.detail-content .detail-amenities {
    list-style: outside none none;
    margin-bottom: 20px;
    margin-top: 30px;
    padding-left: 0;
}

    .detail-content .detail-amenities li {
        width: 31%;
    }

        .detail-content .detail-amenities li.yes::before {
            background-color: #60b0bd;
            border-color: #60b0bd;
            color: #ffffff;
            content: "";
        }

        .detail-content .detail-amenities li::before {
            background-color: #01273a;
            border: 2px solid #01273a;
            border-radius: 15px;
            color: #ffffff;
            content: "";
            display: inline-block;
            font-family: "FontAwesome";
            font-size: 10px;
            height: 20px;
            line-height: 15px;
            margin-right: 10px;
            text-align: center;
            vertical-align: 2px;
            width: 20px;
        }

    .detail-content .detail-amenities li {
        display: inline-block;
        font-size: 14px;
        line-height: 40px;
        color: #3d3d3d;
        font-weight: 500;
        margin-right: 10px;
    }

.dlt-title-item {
    margin-bottom: 25px;
}

    .dlt-title-item h2 {
        color: #4a4a4a;
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .dlt-title-item div {
        color: #3d3d3d;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.3px;
        line-height: 18px;
        padding-bottom: 6px;
        text-transform: none;
    }

        .dlt-title-item div span {
            font-family: "Poppins", sans-serif;
            color: #ffbf02;
        }

    .dlt-title-item p {
        margin-top: 25px;
        color: #3d3d3d;
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0.2px;
        text-align: justify;
        padding-top: 10px;
        font-family: "Poppins", sans-serif;
    }

i.hi-icon.ab.fa.fa-user-plus {
    background: #83c715;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 24px;
    height: 54px;
    line-height: 51px;
    margin: 0 auto;
    text-align: center;
    width: 55px;
}

i.hi-icon.ab1.fa.fa-file-text {
    background: #3ab6ca;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 24px;
    height: 54px;
    line-height: 51px;
    margin: 0 auto;
    text-align: center;
    width: 55px;
}


i.hi-icon.ab2.fa.fa-thumbs-o-up {
    background: #42d29e;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 24px;
    height: 54px;
    line-height: 51px;
    margin: 0 auto;
    text-align: center;
    width: 55px;
}


.dlt-title-item ul {
    list-style: none;
    margin-top: 20px;
    margin-bottom: 30px;
}

    .dlt-title-item ul li {
        list-style-image: url(/Content/themes/viavi/images/ic_right.png);
        list-style-position: inside;
        color: #3d3d3d;
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0.2px;
    }

.dlt-spons-item {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}

    .dlt-spons-item a:first-child {
        margin-left: 0;
    }

    .dlt-spons-item a {
        background: transparent linear-gradient(to right, #60b0bd 50%, #f1f1f1 50%) repeat scroll right bottom / 206% 100%;
        color: #3d3d3d;
        display: inline-block;
        font-size: 13px;
        margin: 0 3px;
        padding: 7px 15px;
        font-weight: 500;
        border-radius: 2px;
        -webkit-transition: all .6s ease 0;
        transition: all .6s ease 0;
        transition: all 0.3s ease 0s;
    }

        .dlt-spons-item a:hover {
            background: transparent linear-gradient(to right, #60b0bd 50%, #f1f1f1 50%) repeat scroll right bottom / 206% 100%;
            color: #ffffff;
            background-position: left bottom;
        }

        .dlt-spons-item a.active {
            background: transparent linear-gradient(to right, #f1f1f1 50%, #60b0bd 50%) repeat scroll right bottom / 207% 100%;
            color: #ffffff;
        }

.dlt-com-lt-block {
    background: #f8f8f8;
    border: 1px solid #f5f5f5;
    float: left;
    padding: 30px;
    width: 100%;
}

    .dlt-com-lt-block:hover {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2)
    }

.dlt-com-lt-img img {
    border: 2px solid #e1e1e1;
    border-radius: 50%;
    height: auto;
    width: 150px;
}

.dlt-com-lt-img {
    display: block;
    float: left;
    margin-right: 20px;
}

    .dlt-com-lt-img .social-icons {
        margin: 15px auto 0;
        text-align: center;
    }

.social-icons li {
    display: inline-block;
    margin-bottom: 0.125rem;
}

.dlt-com-lt-img .social-icons a {
    background: transparent linear-gradient(to right, #ffffff 50%, #60b0bd 50%) repeat scroll right bottom / 207% 100%;
    border: 1px solid #60b0bd;
    border-radius: 100%;
    color: #fff;
    margin: 0 5px;
    width: 36px;
    height: 36px;
    line-height: 34px;
    font-size: 16px;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}

    .dlt-com-lt-img .social-icons a:hover {
        background: transparent linear-gradient(to right, #ffffff 50%, #60b0bd 50%) repeat scroll right bottom / 207% 100%;
        border: 1px solid #60b0bd;
        border-radius: 100%;
        background-position: left bottom;
        color: #60b0bd;
    }

.dlt-com-lt-text {
    color: #969696;
    font-size: 14px;
    padding-left: 180px;
    text-align: left;
}

.dlt-com-lt-title {
    color: #4a4a4a;
    float: left;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 4px;
    padding-left: 3px;
    width: 100%;
}

.dlt-com-clt {
    color: #60b0bd;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
}

.dlt-com-lt-block p {
    color: #3d3d3d;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.2px
}

.dlt-com-lt-comment-user {
    display: block;
    float: left;
}

    .dlt-com-lt-comment-user h2 {
        color: #4a4a4a;
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
        margin: 20px 0 30px;
    }

.comments-wrapper {
    float: left;
    margin-top: 20px;
    width: 100%;
}

    .comments-wrapper h2 {
        color: #313131;
        font-size: 24px;
        font-weight: 400;
        line-height: 24px;
        margin: 20px 0 30px;
    }

    .comments-wrapper .media {
        background-color: #fff;
        border: 1px solid #eee;
        margin-top: 40px;
        overflow: visible;
        position: relative;
    }

.media {
    display: flex;
    /*	margin-bottom: 1rem; */
}

.comments-wrapper .media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.comments-wrapper .media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.comments-wrapper .media .media-left img {
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #eee #eee;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    border-color: #eeeeee;
    bottom: -13px;
    height: 56px;
    left: -1px;
    padding: 0 8px 8px;
    position: absolute;
    width: 65px;
}

.comments-wrapper .media-body p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #3d3d3d;
    margin: 0;
    padding: 20px 25px 20px 15px;
    text-align: left;
    letter-spacing: 0.2px
}

.comment-meta {
    background: #f9f9f9 none repeat scroll 0 0;
    border-top: 1px solid #eee;
    color: #969595;
    font-size: 10px;
    padding: 8px 10px 8px 65px;
}

    .comment-meta a {
        font-weight: 600;
        color: #01273a;
        line-height: 15px;
    }

    .comment-meta .author-name {
        font-size: 14px;
        margin-right: 5px;
    }

    .comment-meta .rating-box {
        margin-left: 20px;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .comment-meta .rating {
        color: #f9a630;
        vertical-align: middle;
    }

span.comment-lt-time {
    color: #969595;
    font-size: 12px;
}

.comment-meta .comment-reply-link {
    font-family: "Poppins", sans-serif;
    background: transparent linear-gradient(to right, #60b0bd 50%, #ffffff 50%) repeat scroll right bottom / 207% 100%;
    border: 1px solid #eee;
    color: #969595;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 20px;
    text-transform: uppercase;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}

    .comment-meta .comment-reply-link:hover {
        background: transparent linear-gradient(to right, #60b0bd 50%, #ffffff 50%) repeat scroll right bottom / 207% 100%;
        color: #00283b;
        background-position: left bottom;
    }

.comment-respond .form-group {
    margin-bottom: 20px;
}

.comment-respond {
    margin-top: 50px;
}

.comments-wrapper h2 {
    color: #4a4a4a;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin: 20px 0 30px;
}

.comment-respond .rating-box span.rating i {
    font-size: 20px;
    color: #ffcc58;
    margin-right: 5px;
    margin-bottom: 10px;
}

.comments-wrapper .form-control {
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    display: block;
    font-size: 14px;
    height: 46px;
    line-height: 24px;
    font-weight: 400;
    padding: 15px 20px;
    color: #969595;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    box-shadow: none;
}

    .comments-wrapper .form-control:focus {
        border-color: #60b0bd;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

.comments-wrapper textarea.form-control {
    height: auto;
}

.comments-wrapper .comment-respond .btn {
    background: transparent linear-gradient(to right, #60b0bd 50%, #60b0bd 50%) repeat scroll right bottom / 207% 100%;
    border-radius: 0;
    color: #01273a;
    font-size: 17px;
    font-weight: 500;
    height: 44px;
    line-height: 44px;
    border-radius: 30px;
    letter-spacing: 0.3px;
    padding: 0 40px;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.25);
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}

    .comments-wrapper .comment-respond .btn:hover {
        background: transparent linear-gradient(to right, #01273a 50%, #dadada 50%) repeat scroll right bottom / 207% 100%;
        color: #ffffff;
        background-position: left bottom;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25)
    }

.mce-tinymce iframe {
    height: 220px;
}

#mceu_14-body,
#mceu_28-body {
    display: none;
}

.mce-btn {
    background: #e8e8e8;
}

div.mce-edit-area {
    border: 1px solid #cccccc;
    border-top: none;
}

.mce-panel {
    background-color: #e8e8e8;
    border: 0 solid rgba(0, 0, 0, 0);
}

.mce-container,
.mce-container *,
.mce-widget,
.mce-widget *,
.mce-reset {
    color: #787878;
}

#mceu_28 {
    border-width: 0px;
}

.mce-toolbar-grp {
    padding: 10px 0px;
}

.mce-btn-group:not(:first-child) {
    border-left: none;
}

#mceu_22 > div {
    display: none;
}

.mce-btn.mce-disabled button,
.mce-btn.mce-disabled:hover button {
    opacity: 1;
}

/******************** tags *****************/
.tagsinput {
    min-height: auto;
    margin-top: 30px;
    height: 45px;
    border-radius: 4px;
    border: 1px solid #cccccc;
}

div.tagsinput input {
    width: 100%;
    margin-bottom: 0px;
}

div.tagsinput span.tag {
    background: #60b0bd;
    font-size: 12px;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    margin: 3px 2px 0px 2px;
}

#tags_1_addTag > input {
    color: #d0d0d0;
    font-size: 14px;
}

div.tagsinput span.tag a {
    color: #ffffff;
}

div.tagsinput {
    padding-left: 20px;
}

#select-category {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 30px;
}

    #select-category select {
        height: 45px;
        color: #999999;
        background: url(/Content/themes/viavi/images/slt_btn_cat.png) top 50% right 15px no-repeat;
        margin-bottom: 25px;
    }

        #select-category select:disabled {
            color: #d0d0d0;
            background: #e8e8e8 url(/Content/themes/viavi/images/slt_btn_cat.png) top 50% right 15px no-repeat;
            border: none;
        }

#location-detail {
    padding: 50px 30px 50px;
    margin-top: 40px;
    background: #ffffff;
    display: inline-block;
    width: 100%;
}

#locations {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.inner-addon i.fa {
    bottom: 0;
    color: #999999;
    left: 3%;
    position: absolute;
    text-align: center;
    top: 34%;
}

.inner-addon .form-control {
    padding-left: 45px;
    color: #c2c2c2;
}

#location-detail h1 {
    margin: 0px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #242424;
}

#location-detail hr {
    border-color: #e8e8e8;
}

#locations .form-group {
    margin-bottom: 30px;
}

    #locations .form-group .form-control {
        color: #c2c2c2;
    }

#gallery-images {
    padding: 50px 30px 50px;
    margin-top: 40px;
    background: #ffffff;
    display: inline-block;
    width: 100%;
}

    #gallery-images h1 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #242424;
    }

    #gallery-images hr {
        border-color: #e8e8e8;
    }

    #gallery-images span {
        display: inline-block;
        color: #636363;
        text-transform: capitalize;
        font-size: 14px;
        font-weight: 500;
        margin-top: 20px;
        cursor: pointer;
    }

#add-images {
    position: relative;
    display: inline-block;
    width: 100%;
}

.file-upload {
    position: relative;
    overflow: hidden;
    width: 250px;
    height: 250px;
    background: #ffffff url(./images/add-image.png) top left no-repeat;
    text-align: center;
    margin-top: 20px;
}

    .file-upload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        height: 100%;
        width: 100%;
    }

#price-package {
    padding: 50px 30px 50px;
    margin-top: 40px;
    background: #ffffff;
    display: inline-block;
    width: 100%;
}

    #price-package h1 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #242424;
    }

    #price-package hr {
        border-color: #e8e8e8;
    }

    #price-package p {
        color: #636363;
        font-size: 14px;
        margin: 0px;
        padding-top: 20px;
    }

#packages {
    margin: 30px 20px 0px;
    color: #636363;
    font-size: 14px;
}

/*input[type="checkbox"], input[type="radio"] {
	margin-right: 10px;
	margin-bottom: 15px;
}*/
input[type=radio]:checked {
    color: #60b0bd;
    background: #60b0bd;
}

#preview-add {
    display: inline-block;
    margin-top: 30px;
}

    #preview-add button {
        background: -webkit-linear-gradient(left, #262626 50%, #60b0bd 50%) repeat scroll right bottom/207% 100% transparent;
        background: -o-linear-gradient(left, #262626 50%, #60b0bd 50%) repeat scroll right bottom/207% 100% transparent;
        background: linear-gradient(to right, #262626 50%, #60b0bd 50%) repeat scroll right bottom/207% 100% transparent;
        border: none;
        color: #ffffff;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        padding: 10px 20px;
        font-weight: 500;
        font-size: 14px;
        text-transform: capitalize;
        border-radius: 4px;
        outline: 0;
    }

        #preview-add button:hover {
            background-position: left bottom;
        }

/**************************** right side bar ***************************/
#process,
#sidebar-navigation {
    padding: 40px 25px;
    background: #ffffff;
    display: inline-block;
    width: 100%;
}

#scroll-element {
    position: relative;
}

#sidebar-navigation {
    margin-top: 30px;
    display: none;
}

    #process h1,
    #sidebar-navigation h1 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #242424;
        padding-bottom: 30px;
    }

    #process a,
    #sidebar-navigation a {
        color: #636363;
        font-size: 14px;
        text-transform: capitalize;
        list-style: none;
        padding: 0px;
    }

#process-section a span {
    color: #60b0bd;
    margin-right: 10px;
}

#process ul li a:hover,
#process ul li a:focus,
#process ul li a:active,
#sidebar-navigation a:hover,
.active a {
    color: #60b0bd;
    background-color: transparent;
}

#process hr,
#sidebar-navigation hr {
    border-color: #e8e8e8;
}

.navbar ul {
    padding: 0;
    list-style: none;
}

    .navbar ul li {
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }

        .navbar ul li a {
            display: block;
            padding: 8px 25px;
            color: #333;
            text-decoration: none;
        }

            .navbar ul li a:hover {
                color: #fff;
                background: #939393;
            }

ul.dropdown li a {
    background: transparent linear-gradient(to right, #60b0bd 50%, #ffffff 50%) repeat scroll right bottom / 207% 100%;
    text-transform: none;
    width: 100%;
    display: block;
    transition: all .6s ease 0;
    -webkit-transition: background 350ms ease-in-out;
    transition: background 350ms ease-in-out;
}

    ul.dropdown li a:hover {
        background: transparent linear-gradient(to left, #ffffff 50%, #60b0bd 50%) repeat scroll left bottom / 207% 100% !important;
        color: #262626 !important;
        background-position: left bottom;
    }

ul.dropdown i.fa {
    color: #262626;
    margin-right: 5px;
}

.navbar ul li ul.dropdown {
    width: 230px;
    background: #f2f2f2;
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
    border: 5px solid rgba(0, 0, 0, 0.1);
    line-height: 30px !important;
}

    .navbar ul li ul.dropdown li a {
        padding: 12px 10px !important;
        width: 220px;
        margin-bottom: 0 !important;
    }

#nav_menu_list a i.fa {
    margin-left: 5px;
}

.navbar ul li ul.dropdown li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .navbar ul li ul.dropdown li:last-child {
        border-bottom: 0px;
        margin-bottom: 0px;
    }

.navbar ul li:hover ul.dropdown {
    display: block;
}

.navbar ul li ul.dropdown li {
    display: block;
    width: 220px;
}

.details-lt-block {
    background-attachment: fixed;
    background-position: right center;
    background-size: auto 100%;
}

    .details-lt-block .slt_block_bg img {
        height: auto;
        width: 100%;
    }

.slt_block_bg img {
    position: relative;
    z-index: -1;
}

.slt_block_bg {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.95) 100%) repeat scroll 0 0;
    transition: all 0.3s ease 0s;
}

.header_slt_block {
    position: relative;
}

.slt_item_head {
    bottom: 100px;
    position: absolute;
    width: 100%;
}

.header_slt_block .user_logo_pic {
    background: rgba(0, 0, 0, 0.15) linear-gradient(to bottom, rgba(16, 14, 13, 0.0) 0%, rgba(16, 14, 13, 0.8) 100%) repeat scroll 0 0;
    border-radius: 90px;
    height: 180px;
    left: 0px;
    padding: 10px;
    position: relative;
    text-align: center;
    top: 0px;
    width: 180px;
    float: left;
}

    .header_slt_block .user_logo_pic img {
        border-radius: 90px;
        height: auto;
        margin: 0;
        width: 100%;
    }

.slt_item_contant {
    float: left;
    left: 185px;
    margin-bottom: 10px;
    margin-left: 25px;
    position: absolute;
}

.slt_item_head h1 {
    font-family: "Poppins", sans-serif;
    color: #ffffff;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0px;
}

.slt_item_head .contact_number i,
.slt_item_head .email_detail i,
.slt_item_head .location i {
    padding-right: 8px;
    text-align: center;
    width: 24px;
    height: auto;
    color: #60b0bd;
}

.slt_item_head .contact_number {
    font-family: "Poppins", sans-serif;
    color: #fff;
    margin-right: 0px;
    font-size: 16px;
    font-weight: 400;
}

.slt_item_head .email_detail {
    color: #fff;
    margin-right: 0px;
    font-weight: 400;
}

    .slt_item_head .email_detail a {
        color: #fff;
        font-weight: 400;
    }

        .slt_item_head .email_detail a:hover {
            text-decoration: none;
            color: #ffcc58;
        }

.slt_item_head .location {
    color: #fff;
    margin-right: 0px;
    font-weight: 400;
}

.head-bookmark-bock {
    float: left;
    margin-top: 12px;
    width: 100%;
    line-height: 40px;
    display: block;
}

.slt_item_head .detail-banner-btn {
    display: inline-block;
    margin-right: 10px;
}

    .slt_item_head .detail-banner-btn a {
        background: transparent linear-gradient(to right, #ffffff 50%, #60b0bd 50%) repeat scroll right bottom / 207% 100%;
        color: #01273a;
        cursor: pointer;
        padding: 9px 15px;
        font-weight: 600;
        font-size: 14px;
        border-radius: 30px;
        -webkit-transition: all .6s ease 0;
        transition: all .6s ease 0;
        transition: all 0.3s ease 0s;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

        .slt_item_head .detail-banner-btn a:hover {
            background: transparent linear-gradient(to right, #ffffff 50%, #60b0bd 50%) repeat scroll right bottom / 207% 100%;
            background-position: left bottom;
            color: #01273a;
            -webkit-transition: all .6s ease 0;
            transition: all .6s ease 0;
            transition: all 0.3s ease 0s;
        }

            .slt_item_head .detail-banner-btn a:hover i {
                color: #323232;
            }

.rating-box,
.venue-action {
    color: #ffcc58;
    margin-bottom: 5px;
}

.slt_item_head .detail-banner-btn {
    color: #fff;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

    .slt_item_head .detail-banner-btn i {
        font-size: 16px;
        margin-right: 5px;
        color: #01273a;
    }

@media(min-width:980px) and (max-width:1199px) {
    .slt_item_head {
        width: 100%;
        left: 0;
        bottom: 70px;
        padding: 0 10px;
    }

        .slt_item_head h1 {
            font-size: 32px;
        }
}

@media(min-width:768px) and (max-width:979px) {
    .slt_item_head {
        bottom: 70px;
        width: 100%;
        left: 0;
        padding: 0 10px;
    }

    .details-lt-block .slt_block_bg img {
        height: 300px;
        width: 100%;
    }

    .slt_item_head h1 {
        font-size: 26px;
    }
}

@media(max-width:640px) {
    .slt_item_head h1 {
        color: #fff;
        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .slt_item_head .location {
        float: none;
    }

    .slt_item_head .contact_number,
    .slt_item_head .email_detail a,
    .slt_item_head .location {
        font-size: 14px;
    }
}

@media(max-width:767px) {
    .header_slt_block .user_logo_pic {
        height: 130px;
        left: 0px;
        padding: 10px;
        position: relative;
        text-align: center;
        top: 0;
        float: none;
        width: 130px;
    }

    .slt_item_contant {
        float: none;
        left: 0;
        margin-bottom: 10px;
        margin-left: 0px;
        position: relative;
    }

    .slt_block_bg {
        min-height: 460px;
    }

    .slt_item_head {
        left: 0;
        padding: 0 15px;
        width: 100%;
    }

        .slt_item_head .detail-banner-btn {
            margin-right: 10px;
        }
}

.sidebar-listing-search-wrap {
    padding: 0px;
    width: 100%;
}

    .sidebar-listing-search-wrap form p {
        font-size: 16px;
        font-weight: 500;
        color: #555;
        margin-top: 15px;
        text-align: left;
    }

    .sidebar-listing-search-wrap form select.sidebar-listing-search-select {
        -moz-appearance: none;
        border: medium none;
        background: #f9f9f9 url("/Content/themes/viavi/images/form-icon-2.png") no-repeat scroll 100% 0px;
        box-shadow: 0 0 0 1px #ececec;
        color: #3d3d3d;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        margin-bottom: 8px;
        margin-top: 8px;
        padding: 0 0 0 15px;
        font-weight: 500;
        text-transform: capitalize;
        width: 100%;
    }

        .sidebar-listing-search-wrap form select.sidebar-listing-search-select option {
            background-color: #fff;
            border-color: rgba(0, 0, 0, 0.2);
            border-style: solid none none;
            border-width: 1px medium medium;
            font-size: 13px;
            padding: 10px 12px;
            font-weight: 500;
        }

    .sidebar-listing-search-wrap form input.sidebar-listing-search-input {
        background-color: #f9f9f9;
        box-shadow: 0 0 1px 1px #ececec;
        border: medium none;
        margin-bottom: 8px;
        margin-top: 8px;
        padding: 10px 15px;
        width: 100%;
        font-weight: 500;
    }

        .sidebar-listing-search-wrap form input.sidebar-listing-search-input::before {
            -moz-appearance: none;
            border: medium none;
            background: #f9f9f9 url("/Content/themes/viavi/images/form-icon-2.png") no-repeat scroll 100% 0px;
            box-shadow: 0 0 0 1px #ececec;
            color: #3d3d3d;
            font-size: 14px;
            height: 44px;
            line-height: 56px;
            margin-bottom: 8px;
            margin-top: 8px;
            padding: 0 0 0 15px;
            text-overflow: "";
            text-transform: capitalize;
            width: 100%;
        }

    .sidebar-listing-search-wrap form .listing-search-btn::before {
        content: "";
        font-family: "FontAwesome";
        left: 30%;
        position: absolute;
        text-align: center;
        top: 48%;
        color: #ffffff;
        transform: translateY(-50%);
    }

    .sidebar-listing-search-wrap form .listing-search-btn {
        margin-top: 15px;
        margin-bottom: 25px;
        position: relative;
    }

    .sidebar-listing-search-wrap form input.sidebar-listing-search-btn {
        border: 2px solid #01273a;
        margin-top: 0;
        padding: 10px;
        width: 100%;
        font-weight: 500;
        background: transparent linear-gradient(to right, #60b0bd 50%, #01273a 50%) repeat scroll right bottom / 206% 100%;
        color: #ffffff;
        -webkit-transition: all .6s ease 0;
        transition: all .6s ease 0;
        transition: all 0.3s ease 0s;
    }

        .sidebar-listing-search-wrap form input.sidebar-listing-search-btn:hover {
            border: 2px solid #60b0bd;
            background: transparent linear-gradient(to right, #60b0bd 50%, #01273a 50%) repeat scroll right bottom / 206% 100%;
            background-position: left bottom;
            color: #ffffff;
        }

.detail-content h2 {
    color: #4a4a4a;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 5px;
}

.detail-content .detail-video {
    margin: 25px 0;
    max-width: 100%;
    float: left;
    display: block;
}

.contact-heading-title {
    margin-bottom: 50px;
}

    .contact-heading-title h1 {
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .contact-heading-title h1 span {
            color: #60b0bd;
        }

.clt-content {
    font-family: "Poppins", sans-serif;
    color: #3d3d3d;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 60px;
    padding: 0 15px;
    text-align: left;
}

.from-list-lt input {
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    padding-left: 60px;
}

    .from-list-lt input:focus {
        border-color: #60b0bd;
    }

.from-list-lt .from-input-ic {
    border-right: 1px solid rgba(216, 216, 216, 0.6);
    bottom: 0;
    left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 0;
    width: 44px;
}

    .from-list-lt .from-input-ic i {
        color: #d8d8d8;
        font-size: 17px;
        margin-left: 15px;
        margin-top: 13px;
    }

.form-float {
    transform: translateY(0%);
}

.from-list-lt .form-control:focus {
    background: #fff none repeat scroll 0 0;
    opacity: 1;
}

.from-list-lt textarea {
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
    padding-left: 60px;
}

    .from-list-lt textarea:focus {
        border-color: #60b0bd;
    }

textarea.form-control {
    height: 110px;
    line-height: 26px;
    font-weight: 400;
}

.from-list-lt .from-input-ic {
    border-right: 1px solid rgba(216, 216, 216, 0.6);
    bottom: 0;
    left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 0;
    width: 44px;
}

.from-list-lt .btn {
    background: transparent linear-gradient(to right, #60b0bd 50%, #60b0bd 50%) repeat scroll right bottom / 207% 100%;
    border-radius: 0;
    color: #01273a;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    line-height: 46px;
    border-radius: 30px;
    padding: 0 30px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25);
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}

    .from-list-lt .btn:hover {
        background: transparent linear-gradient(to right, #01273a 50%, #dadada 50%) repeat scroll right bottom / 207% 100%;
        color: #fff;
        background-position: left bottom;
        box-shadow: 0 3px 1px rgba(0, 0, 0, 0.25)
    }

input.verifi_code {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    padding-left: 20px;
}

#captcha {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 0 7px -4px rgba(0, 0, 0, 0.3);
    margin-top: 0;
}

.buttons input,
.captchareload {
    background: #60b0bd;
    border-color: #60b0bd;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    padding: 2px 5px;
    vertical-align: middle;
}

.captchareload {
    margin-left: 15px;
}

.lt-co-icon {
    display: block;
    float: left;
}

.lt-co-blok-text {
    padding-left: 55px;
}

.lt-co-title {
    color: #343d46;
    font-size: 18px;
    font-weight: 600;
}

.lt-co-blok-text hr {
    border: 0 none;
    bottom: 0;
    height: 2px;
    left: 0;
    margin: 10px 0;
    position: relative;
    right: 0;
    text-align: left;
    top: -3px;
    width: 10%;
}

.lt-co-yellow-hr {
    background: #494e53;
}

.media-iconic .media-body p {
    color: #343d46;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    padding-bottom: 10px;
}

.lt-bdr-one {
    border-bottom: 1px solid #D3D3D3;
}

.lt-co-blok-text hr {
    border: 0 none;
    bottom: 0;
    height: 1px;
    left: 0;
    margin: 10px 0;
    position: relative;
    right: 0;
    text-align: left;
    top: -3px;
    width: 25%;
}

.lt-co-green-hr {
    background: rgb(92, 164, 176);
    /*#f5c026;*/
}

.lt-bdr-two {
    border-bottom: 1px solid #D3D3D3;
}

.media-iconic .media-body p b {
    font-weight: 600;
}

.lt-co-blok-text hr {
    border: 0 none;
    bottom: 0;
    height: 2px;
    left: 0;
    margin: 10px 0;
    position: relative;
    right: 0;
    text-align: left;
    top: -3px;
    width: 10%;
}

.lt-bg-blue-hr {
    background: #39a2e9;
}

.media-iconic .media-body p {
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 10px;
}

    .media-iconic .media-body p a {
        color: #555
    }

        .media-iconic .media-body p a:hover {
            color: #f5c026
        }

.lt-bdr-three {
    border-bottom: 1px solid #D3D3D3;
}

/************************************ dashboard page **************************************/
#leftcol_item {
    margin-bottom: 30px;
}

.user_dashboard_pic {
    background: #f9f9f9;
    border: 1px dashed #e9e9e9;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
}

    .user_dashboard_pic img {
        height: auto;
        width: 100%;
        border: 1px dashed #e9e9e9;
        border-radius: 10px;
    }

.user-photo-action {
    background: rgba(255, 255, 255, 0.85);
    bottom: 10px;
    color: #363636;
    font-family: "Poppins", sans-serif;
    left: 10px;
    padding: 10px 0;
    border-radius: 0 0 10px 10px;
    position: absolute;
    height: 44px;
    line-height: 22px;
    font-weight: 500;
    right: 10px;
    text-align: center;
}

.dashboard_nav_item {
    margin-bottom: 25px;
}

    .dashboard_nav_item ul {
        display: block;
        float: left;
        list-style-type: none;
        margin-bottom: 20px;
        width: 100%;
    }

        .dashboard_nav_item ul li {
            background: transparent linear-gradient(to right, #60b0bd 50%, #f9f9f9 50%) repeat scroll right bottom / 207% 100%;
            width: 100%;
            float: left;
            margin-bottom: 12px;
            display: block;
            border-radius: 30px;
            -webkit-transition: background 350ms ease-in-out;
            transition: background 350ms ease-in-out;
            border: 1px solid #e9e6e0;
        }

            .dashboard_nav_item ul li a {
                font-family: "Poppins", sans-serif;
                font-size: 14px;
                font-weight: 500;
                color: #4e4e4e;
                height: 46px;
                line-height: 26px;
                padding: 10px 15px;
                text-align: left;
                display: block;
                letter-spacing: 0.3px;
                vertical-align: middle;
            }

                .dashboard_nav_item ul li a i {
                    float: left;
                    font-size: 17px;
                    padding-right: 10px;
                    padding-top: 3px;
                    text-align: center;
                }

            .dashboard_nav_item ul li:hover {
                background: transparent linear-gradient(to right, #60b0bd 50%, #f9f9f9 50%) repeat scroll right bottom / 207% 100%;
                background-position: left bottom;
                border: 1px solid #e9e6e0;
                box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
            }

            .dashboard_nav_item ul li.active {
                background: transparent linear-gradient(to right, #60b0bd 50%, #f9f9f9 50%) repeat scroll right bottom / 207% 100%;
                background-position: left bottom;
                border: 1px solid #e9e6e0;
                box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
            }

                .dashboard_nav_item ul li.active:last-child,
                .dashboard_nav_item ul li:hover:last-child {
                    border-bottom: 0px;
                }

#dashboard_listing_blcok {
    display: block;
    margin-bottom: 30px;
}

    #dashboard_listing_blcok .statusbox {
        background: #fcfcfc;
        padding: 0;
        margin-bottom: 30px;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
        border-radius: 6px;
        border: 1px solid #e9e6e0;
    }

        #dashboard_listing_blcok .statusbox h3 {
            font-family: "Poppins", sans-serif;
            background: rgba(0, 0, 0, 0.04);
            border-radius: 4px 4px 0 0;
            padding: 10px;
            text-align: center;
            font-size: 16px;
            font-weight: 500;
            color: rgba(54, 54, 54, 0.7);
            text-transform: uppercase;
            height: 50px;
            vertical-align: middle;
            line-height: 30px;
            margin: 0;
            border-bottom: 1px solid #e9e6e0;
        }

    #dashboard_listing_blcok .statusbox-content {
        padding: 25px 0;
        text-align: center;
    }

    #dashboard_listing_blcok .statusbox .statusbox-content .ic_status_item {
        display: inline-block;
        text-align: center;
        margin: 0 auto 15px auto;
    }

        #dashboard_listing_blcok .statusbox .statusbox-content .ic_status_item i {
            border-radius: 50px;
            font-size: 30px;
            height: 90px;
            line-height: 90px;
            text-align: center;
            vertical-align: middle;
            width: 90px;
            box-shadow: 0 0px 7px rgba(0, 0, 0, 0.08);
        }

    #dashboard_listing_blcok .statusbox .statusbox-content .ic_col_one i {
        background: #d5f6fd;
        border: 2px solid #0e8bcb;
        color: #0e8bcb;
    }

    #dashboard_listing_blcok .statusbox .statusbox-content .ic_col_two i {
        background: #ffe2ec;
        border: 2px solid #fd6b9c;
        color: #fd6b9c;
    }

    #dashboard_listing_blcok .statusbox .statusbox-content .ic_col_three i {
        background: #e3e0f3;
        border: 2px solid #7264bc;
        color: #7264bc;
    }

    #dashboard_listing_blcok .statusbox .statusbox-content .ic_col_four i {
        background: #e7f4e0;
        border: 2px solid #81c860;
        color: #81c860;
    }

    #dashboard_listing_blcok .statusbox-content h2 {
        font-family: "Open Sans", sans-serif;
        color: #6e6e6e;
        display: block;
        font-size: 26px;
        font-weight: 600;
        margin: 0;
    }

    #dashboard_listing_blcok .statusbox-content span {
        color: rgba(54, 54, 54, 0.6);
        display: block;
        font-size: 13px;
        font-weight: 500;
        margin-top: 10px;
    }

.submit_listing_box {
    background: #f9f9f9;
    padding: 20px;
    border: 1px solid #e9e6e0;
    border-radius: 4px;
    margin-bottom: 25px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

    .submit_listing_box h3 {
        padding-bottom: 25px;
        margin-top: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e9e6e0;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #4a4a4a;
    }

    .submit_listing_box .form-alt label {
        display: block;
        text-align: left;
        margin-bottom: 8px;
        color: #3d3d3d;
        font-size: 14px;
        font-weight: 500;
    }

        .submit_listing_box .form-alt label span {
            color: #ff0000;
        }

    .submit_listing_box .btn_change_pass {
        margin: 10px auto;
        text-align: center;
        display: inline-block;
    }

    .submit_listing_box .form-alt input {
        background-color: #fff;
        border: 0 none;
        border-radius: 4px;
        color: #9d9795;
        height: 44px;
        border: 1px solid #e9e6e0;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 10px;
        box-shadow: none;
    }

    .submit_listing_box .form-alt textarea {
        background-color: #fff;
        border: 0 none;
        border-radius: 4px;
        color: #535353;
        border: 1px solid #e9e6e0;
        font-size: 14px;
        font-weight: 400;
        height: auto;
        padding: 10px;
        box-shadow: none;
    }

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

    .submit_listing_box .form-alt input:focus {
        border-color: #60b0bd;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

    .submit_listing_box .form-alt textarea:focus {
        border-color: #60b0bd;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

    .submit_listing_box select.selectcategory {
        background: #ffffff url("/Content/themes/viavi/images/slt_btn_cat.png") no-repeat scroll right 15px top 50%;
        color: #999999;
        height: 44px;
        border: 1px solid #e9e6e0;
        box-shadow: none;
        font-size: 14px;
        font-weight: 400;
    }

        .submit_listing_box select.selectcategory option {
            padding: 8px 15px;
            border-bottom: 1px solid #e9e6e0;
            font-size: 14px;
            font-weight: 400;
        }

#location-map {
    display: block;
    margin-top: 10px;
}

    #location-map iframe {
        width: 100%;
        height: 320px;
        border: 0;
    }

    #location-map .map_view_location {
        cursor: pointer;
        min-height: 300px;
        width: 100%;
    }

.fileupload_block {
    border: 1px solid #c8d1d3;
    border-radius: 2px;
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
}

    .fileupload_block #fileupload {
        float: left;
        margin-top: 6%;
    }

.fileupload_img {
    display: inline-block;
    float: left;
    margin-top: 0;
}

    .fileupload_img img {
        display: inline-block;
        height: 120px;
        width: 120px;
        border-radius: 60px;
    }

.submit_listing_box .amenities_block {
    display: block;
}

.submit_listing_box ul.detail-amenities {
    list-style-type: none;
}

.amenities_block .detail-amenities li {
    display: inline-block;
    font-size: 14px;
    line-height: 2.4;
    margin-right: 15px;
    width: 30%;
    text-align: left;
    float: left;
}

.checkbox {
    padding-left: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .checkbox label {
        font-weight: 500;
        color: #3d3d3d;
        display: inline-block;
        line-height: 20px;
        /* padding-left: 10px; */
        position: relative;
        vertical-align: middle;
    }

        .checkbox label input {
            margin-right: 10px;
        }

        /*input[type="checkbox"] {
	line-height: normal;
	margin: 12px 0 0;
}*/
        .checkbox label::before {
            background-color: #ffffff;
            border: 1px solid #e0dcd1;
            border-radius: 20px;
            /* content: ""; */
            outline: 0;
            display: inline-block;
            height: 20px;
            left: 0;
            margin-left: -23px;
            position: absolute;
            transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
            width: 20px;
        }

        .checkbox label::after {
            color: #555;
            display: inline-block;
            font-size: 11px;
            height: 20px;
            left: 0;
            margin-left: -23px;
            margin-top: 0;
            padding-left: 5px;
            padding-top: 0;
            position: absolute;
            top: 0;
            width: 20px;
        }

    .checkbox input[type="checkbox"],
    .checkbox input[type="radio"] {
        cursor: pointer;
        /* opacity: 0; */
        z-index: 1;
    }

        .checkbox input[type="checkbox"]:focus + label::before,
        .checkbox input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after,
        .checkbox input[type="radio"]:checked + label::after {
            content: "";
            font-family: "FontAwesome";
        }

        .checkbox input[type="checkbox"]:disabled + label,
        .checkbox input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before,
            .checkbox input[type="radio"]:disabled + label::before {
                background-color: #eee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
    background-color: #01273a;
    border-color: #01273a;
}

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}

.tg-listing {
    float: left;
    padding: 0;
    width: 100%;
    text-align: left;
}

.tg-listing-head {
    background: #01273a;
    color: #fff;
    float: left;
    padding: 0px 10px;
    text-transform: uppercase;
    width: 100%;
}

    .tg-listing-head .tg-titlebox {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        float: left;
        padding: 20px 10px;
        width: 38.33%;
    }

        .tg-listing-head .tg-titlebox:last-child {
            border-right: 0px;
        }

        .tg-listing-head .tg-titlebox h3 {
            font-family: "Poppins", sans-serif;
            color: #fff;
            font-size: 18px;
            line-height: 18px;
            margin: 0;
            font-weight: 500;
        }

        .tg-list .tg-listbox + .tg-listbox,
        .tg-listing-head .tg-titlebox + .tg-titlebox {
            width: 22%;
        }

.tg-lists {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.tg-list:nth-child(2n+1) {
    background: #f3f3f3;
}

.tg-list {
    float: left;
    padding: 10px;
    width: 100%;
    background: #ebebeb;
}

.tg-listbox .tg-listdata {
    overflow: hidden;
    padding-top: 3px;
}

    .tg-listbox .tg-listdata h4 {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 10px;
        text-transform: uppercase;
    }

.tg-list .tg-listbox {
    float: left;
    padding: 6px 10px;
    width: 38.33%;
}

    .tg-list .tg-listbox + .tg-listbox,
    .tg-listing-head .tg-titlebox + .tg-titlebox {
        width: 22%;
    }

    .tg-list .tg-listbox:last-child,
    .tg-listing .tg-titlebox:last-child {
        width: 14.5%;
    }

.tg-listbox span {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    display: block;
}

.list_user_thu {
    border: 1px solid #c7c5d2;
    float: left;
    margin: 0 15px 0 0;
    border-radius: 50px;
    padding: 4px;
}

    .list_user_thu img {
        width: 75px;
        height: 75px;
        border-radius: 50px;
    }

.tg-btn-list {
    background: #01273a;
    color: #fff;
    float: left;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
    line-height: 40px;
    text-align: center;
    width: 40px;
    border-radius: 30px;
}

a.tg-btn-list:hover,
a.tg-btn-list:focus {
    background: #60b0bd;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
    color: #373542;
}

.tg-listbox .tg-btn-list + .tg-btn-list {
    margin: 0 0 0 10px;
}

.tg-listdata h4 a {
    font-family: "Poppins", sans-serif;
    color: #4e4e4e;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
}

    .tg-listdata h4 a:hover {
        color: #60b0bd;
    }

.tg-listbox .tg-listdata span,
.tg-listbox .tg-listdata time {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    color: #6f6f6f;
}

@media(min-width:768px) and (max-width:1199px) {
    .tg-list .tg-listbox::after {
        background: #01273a;
        color: #fff;
        content: attr(data-title);
        font-family: "Poppins", sans-serif;
        font-size: 18px;
        height: 100%;
        left: 0;
        line-height: 102px;
        padding: 0 15px;
        position: absolute;
        text-transform: uppercase;
        top: 0;
        width: 46%;
    }

    .tg-list .tg-listbox:nth-child(2)::after {
        content: attr(data-viewed);
        line-height: 50px;
    }

    .tg-list .tg-listbox:nth-child(3)::after {
        content: attr(data-favorites);
        line-height: 40px;
    }

    .tg-list .tg-listbox:nth-child(4)::after {
        content: attr(data-action);
        line-height: 40px;
    }

    .tg-listing-head {
        display: none;
    }

    .tg-list .tg-listbox + .tg-listbox,
    .tg-list .tg-listbox {
        padding: 15px 15px 15px 50%;
        position: relative;
        width: 100%;
    }

    .tg-listing-head {
        background: #373542 none repeat scroll 0 0;
        color: #fff;
        float: left;
        padding: 15px;
        text-transform: uppercase;
        width: 100%;
    }
}

@media (max-width:767px) {
    .tg-list .tg-listbox::after {
        background: #01273a;
        color: #fff;
        content: attr(data-title);
        font-family: "Poppins", sans-serif;
        font-size: 18px;
        height: 100%;
        left: 0;
        line-height: 102px;
        padding: 0 15px;
        position: absolute;
        text-transform: uppercase;
        top: 0;
        width: 46%;
    }

    .affix {
        position: static;
    }

    .tg-list .tg-listbox:nth-child(2)::after {
        content: attr(data-viewed);
        line-height: 50px;
    }

    .tg-list .tg-listbox:nth-child(3)::after {
        content: attr(data-favorites);
        line-height: 40px;
    }

    .tg-list .tg-listbox:nth-child(4)::after {
        content: attr(data-action);
        line-height: 40px;
    }

    .tg-listing-head {
        display: none;
    }

    .tg-list .tg-listbox + .tg-listbox,
    .tg-list .tg-listbox {
        padding: 15px 15px 15px 50%;
        position: relative;
        width: 100%;
    }

    .tg-listing-head {
        background: #373542 none repeat scroll 0 0;
        color: #fff;
        float: left;
        padding: 15px;
        text-transform: uppercase;
        width: 100%;
    }
}

@media (max-width:480px) {
    .tg-list .tg-listbox::after {
        font-size: 14px;
        height: 100%;
        padding: 0 7px;
        width: 34%;
    }

    .tg-list .tg-listbox + .tg-listbox,
    .tg-list .tg-listbox {
        padding: 15px 15px 15px 36%;
        position: relative;
        width: 100%;
    }

    .tg-listbox span {
        display: inline-block;
        float: none;
        margin: 0 auto 15px 0;
        text-align: left;
    }
}

/************************************ error page **************************************/
div.error-page-alt {
    background: #ffffff url(/Content/themes/viavi/images/error-page-bg.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 7rem 0;
    position: relative;
    z-index: 0;
}

.f-title-error span {
    color: #01273a;
    font-size: 13.0769em;
    line-height: 0.76471;
}

.b-title-error span,
.b-title-error strong {
    display: block;
    text-align: center;
}

.f-title-error strong {
    color: #60b0bd;
    font-size: 44px;
    font-weight: 400;
    margin-top: 10px;
}

.f-error-description span,
.f-error-description strong {
    color: #6d7a83;
}

.f-error-description strong {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}

.f-title-error .f-primary-eb {
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
}

.f-error-description span,
.f-error-description strong {
    color: #6d7a83;
}

.f-error-description span {
    font-size: 14px;
    line-height: 22px;
}

.b-error-search .b-input-search {
    padding-right: 40px;
}

.b-form-row,
.b-form-row--big {
    margin-bottom: 10px;
}

.b-error-description {
    margin: 20px 0 0;
}

    .b-error-description span,
    .b-error-description strong {
        display: block;
        text-align: center;
    }

.b-error-search .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #d3dadc;
    border-radius: 4px;
    color: #666;
    box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.14);
    display: block;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    padding: 6px 12px;
    width: 100%;
}

.b-error-search {
    margin: 20px auto 0;
    max-width: 375px;
}

    .b-error-search .b-btn-search {
        height: 42px;
        width: 44px;
    }

    .b-error-search .f-btn-search {
        font-size: 18px;
        line-height: 26px;
    }

.b-form-row .b-btn {
    background: #01273a none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    padding: 8px 14px;
}

.b-input-search {
    padding-right: 47px;
    position: relative;
}

.b-btn-search {
    color: #60b0bd;
    font-size: 1.07692em;
    line-height: 2.42857;
    text-align: center;
    border-radius: 2px 4px 4px 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
}

.question-block a {
    color: #60b0bd;
}

.question-answer p {
    color: black !important;
}

.question-block p {
    color: #60b0bd;
}

.policy {
    padding: 30px;
}

    .policy ul {
        list-style: none;
    }

    .policy li {
        list-style: none;
        color: grey;
    }

.policy-0 {
    padding-top: 0px;
}

.policy p {
    color: #434343;
}

.policy h5 {
    color: #60b0bd;
}

.policy h4 {
    color: #77C8D9;
}


.signum-login {
    padding-top: 30px;
}

    .signum-login h4 {
        color: #60b0bd;
    }

.signum-register {
    padding-bottom: 30px;
}

    .signum-register h4 {
        color: #60b0bd;
    }

.primarySignum {
    color: white !important;
    background-color: #477F89 !important;
}

    .primarySignum a {
        color: white !important;
    }

no-margin {
    margin-top: 0px !important;
}

#search-form {
    padding-top: 30px;
}

.top-margin-search {
    /* padding-top : 30px; */
}

.recent-listing-box-image h4 {
    font-family: "Poppins", sans-serif;
    background: #f25c21;
    color: white;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 15px;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0;
}

.result-detail h2 h3 h6 {
    color: white !important;
}


.hdr {
    background-color: #f8f9fa !important;
}



.search-categories-boxes h2 {
    background-color: #f8f9fa !important;
}

.td a {
    font-family: "Poppins", sans-serif;
    color: #262626;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
    margin-bottom: 5px;
    padding: 35px 13px 33px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#businessUserTable {
    background: white !important;
}

.card-body-s {
    padding: 0 !important;
}

.card-s {
    margin-bottom: 25px !important;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) !important;
}

.categorie-list-box-s {
    box-shadow: 0 rgba(0, 0, 0, 0) !important;
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}

.card-s h3 {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #4a4a4a;
}

.detail-header-btn {
    font-size: 11px;
    color: white !important;
}

.breadcrum-inner-header i.fa.detail-header-btn-icon {
    font-size: 18px !important;
    position: unset;
}

.progress-bar-signum {
    background-color: #83ccbf !important;
}

.form-box {
    background: #f9f8f8;
    padding: 80px 0;
}

.form-design {
    background: #fff;
    padding: 50px;
    border-radius: 7px;
    -webkit-box-shadow: 2px 6px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 6px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 6px 5px 0px rgba(0, 0, 0, 0.15);
}


input#si {
    height: 50px;
    border-radius: 32px;
    padding-left: 27px;
    padding-top: 3px;
    border: 1px solid #a7a3a3;
}

    input#si:focus {
        border-color: #6aacb6;
        box-shadow: 0 0 0 2px rgba(43, 141, 156, 0.42);
    }

.forgot-si {
    text-align: right;
}

a.line-si {
    text-decoration: underline !important;
}

.v-si {
    margin-bottom: 10px;
    border-radius: 32px !important;
    width: 100% !important;
    height: 50px;
}

.si-text {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #b5afaf;
    line-height: 0.5em;
    margin: 10px 0 20px;
}


.si-span {
    background: #ffffff;
    padding: 0 10px;
    color: #989595;
}

.btn-info {
    /* background: rgb(101, 174, 189); */
    /* border: none !important; */
    padding: 10px;
}

button#Google.btn.btn-info,
button#Facebook.btn.btn-info {
    background: none !important;
}


.btn-info.v-go {
    background: white;
    border: 1px solid #f30c0c;
    color: #f30c0d;
    width: 100%;
    border-radius: 32px;
    height: 50px;
}

    .btn-info.v-go:hover {
        color: #fff;
        background-color: #f30c0c;
        border-color: #f30c0c;
    }

.btn-info.v-fb {
    background: white;
    border: 1px solid #065bbf;
    color: #075bbf;
    width: 100%;
    border-radius: 32px;
    height: 50px;
}

    .btn-info.v-fb:hover {
        color: #fff;
        background-color: #065bbf;
        border-color: #065bbf;
    }

.btn-info.v-btn.bottom-margin,
.btn-danger.v-btn.bottom-margin {
    border: none !important;
    border-radius: 10px !important;
    padding: 10px 0;
}

.btn-info.v-btn.bottom-margin {
    background: #77C8D9 !important;
}

.btn-danger.v-btn.bottom-margin {
    background: #eb6733 !important;
}

.form-control.si {
    height: 50px;
    border-radius: 10px;
    padding-left: 20px;
    padding-top: 2px;
    background: #fff !important;
    font-size: 14px;
    border: 1px solid #c3e0e6;
    ;
    box-shadow: 0 2px 6px #e1e3e9;
}

    .form-control.si:focus {
        border-color: #6aacb6;
        box-shadow: 0 0 0 2px rgba(43, 141, 156, 0.42);
    }


.registersi {
    background-color: #f4f5fa;
    padding: 80px 0;
}

.registersi-no-margin {
    background-color: #f4f5fa;
}

.registersi .form-desc {
    width: 100%;
}

    .registersi .form-desc .create-user {
        text-align: center;
        color: #80B9C4;
        font-weight: 500;
    }

.registersiAdmin {
    padding: 0px 0;
}

.register1 {
    background: #17a2b8;
}


.form1 {
    padding: 30px;
    color: #ffffff;
}

.form2 {
    padding: 30px;
}

.regi.referral-detail {
    background-color: #fff;
    border-radius: 30px;
}



.v-co {
    background: white;
    color: #17a2b8;
    margin-bottom: 10px;
    border-radius: 32px !important;
    width: 100% !important;
    height: 50px;
}

.vi {
    height: auto;
    line-height: 34px !important;
    border-top-right-radius: 32px !important;
    border-bottom-right-radius: 32px !important;
    float: right;
    margin-top: -49px;
}

.icon {
    padding: 8px;
    border: 1px solid #d4d2d254;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 11px;
}

.icon-pro {
    padding: 8px;
    border: 1px solid #d4d2d254;
    -webkit-box-shadow: -2px 8px 14px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -2px 8px 14px 2px rgba(0, 0, 0, 0.75);
    box-shadow: -6px 7px 8px -2px rgba(0, 0, 0, 0.42);
    border-radius: 11px;
}

.icon:hover {
    background: #60b0bd;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    border-radius: 11px;
}

    .icon:hover h4 {
        color: #fff;
    }

.icon-pro:hover {
    box-shadow: 6px 7px 8px -2px rgba(40, 37, 37, 0.76);
}


.disable {
    cursor: no-drop;
}

a.btn.btn-primary.btn-lg.disable1 {
    cursor: no-drop;
    pointer-events: none;
}

#submit.btn-primary,
.btn-secondary {
    border-radius: 10px !important;
    font-size: 14px !important;
    padding: 10px 30px !important;
    margin-top: 20px;
}

    .btn-secondary.signup-btn {
        padding: 3px 9px !important;
        border-radius: 0 !important;
    }

.btn-primary {
    background-color: #77C8D9 !important;
    border-color: #77C8D9 !important;
}

.hole {
    padding: 16px;
}

h4.icon1 {
    font-size: 19px;
    color: #495057;
}

p.icon1 {
    font-size: 12px;
    color: #495057;
}

.text-danger.si {
    text-align: center;
}



select.si.drop {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Some browsers will not display the caret when using calc, so we put the fallback first */
    background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important;
    /* !important used for overriding all other customisations */
    background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 21px) !important;
    /* Better placement regardless of input width */
}

/*For IE*/
select::-ms-expand {
    display: none;
}


textarea.si.drop1 {
    height: 143px;
}


textarea.si.drop2 {
    height: 61px;
    margin-bottom: 10px;
}



.box1 {
    border: 1px solid #e7e2e2;
    box-shadow: 3px 2px 4px 0px rgba(11, 11, 11, 0.25);
}

.box2 {
    border-bottom: 2px solid #eee;
    background-color: #fff;
    /* border-radius: 30px; */
    padding: 30px;
}

.bo {
    padding: 20px;
}

.finduser {
    padding: 30px;
}

.org {
    border: 1px solid #e7e2e2;
    box-shadow: 3px 2px 4px 0px rgba(11, 11, 11, 0.25);
    padding: 20px 40px 20px 40px;
}

p.cont {
    text-align: center;
    background: #ebebeb;
    padding: 7px 0px 7px 0px;
}

ul.cont {
    list-style-type: none;
    padding: 10px;
}

li.cont {
    padding-bottom: 17px;
    font-size: 14px;
}

i#vu {
    padding-right: 10px;
}

a.cont {
    color: #343432;
}

.k {
    padding: 30px;
}

.uv {
    font-size: 14px;
}

.title {
    background: #60b0bd;
    color: #fff;
    padding: 7px 5px 1px 9px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.admin1 {
    box-shadow: -6px 7px 8px -2px rgba(0, 0, 0, 0.42);
}

.ti-h2 {
    font-size: 18px;
}

.in-admin {
    list-style-type: none;
}

li.in-admin1 {
    border-bottom: 1px solid #e7e7e7;
    padding: 5px 1px 6px 29px;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

    li.in-admin1:before {
        content: "\f0a4";
        /* FontAwesome Unicode */
        font-family: FontAwesome;
        display: inline-block;
        margin-left: -1.3em;
        /* same as padding-left set on li */
        width: 1.3em;
        /* same as padding-left set on li */
    }

#dtBasicExample_wrapper {
    width: 100% !important;
}

.dataTables_wrapper.dt-bootstrap4 {
    width: 100% !important;
    overflow-x: auto;
}

.table th,
.table td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.bi {
    padding: 40px;
}

.regi2 {
    border: 1px solid #a2a2a254;
    box-shadow: -6px 7px 8px -2px rgba(0, 0, 0, 0.42);
    border-radius: 18px;
}

#so {
    float: right;
    padding: 9px;
}

button.btn.btn-secondary.bu-i {
    padding: 3px 9px 3px 9px;
    background: #17a2b8;
    border: 1px solid #fff;
}

/**new css**/
.mlr-0 {
    margin-left: 0;
    margin-right: 0;
}

.admin-dashboard {
    padding: 40px 0px !important;
}

    .admin-dashboard .align-admin-panel {
        width: 80%;
    }

.total-grid {
    display: inline-block;
    background: #60b0bd;
    width: 100%;
    background-image: linear-gradient(to right bottom, #60b0bd, #4fa0ad, #3d8f9e, #29808f, #0f7080);
    border-radius: 8px;
    padding: 20px 20px;
    text-align: center;
    box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.2);
    position: relative;
    z-index: 0;
}

    .total-grid h4 {
        color: #fff;
        font-size: 1rem;
        font-weight: 600;
        text-align: left;
    }

    .total-grid p {
        color: #fff;
        font-weight: 600;
        font-size: 48px;
        text-align: right;
        margin-bottom: 0;
    }

    .total-grid:before {
        content: "\f0ac";
        position: absolute;
        font-family: FontAwesome;
        display: inline-block;
        font-size: 90px;
        z-index: -1;
        color: #fff;
        opacity: 0.5;
        right: 90px;
        top: 0px;
    }

    .total-grid.male:before {
        content: "\f183";
    }

    .total-grid.female:before {
        content: "\f182";
    }

    .total-grid.ot:before {
        content: "\f29c";
    }

    .total-grid.admin:before {
        content: "\f013";
    }

    .total-grid.gp:before {
        content: "\f0f0";
    }

    .total-grid.lw:before {
        content: "\f1cd";
    }

    .total-grid.sp:before {
        content: "\f132";
    }

.admin-gird-item {
    margin-bottom: 30px;
}

.chart {
    /*padding: 80px;
    border: 1px solid #c7c7c7;*/
    border-radius: 8px;
    margin-bottom: 40px;
    text-align: center;
    border: 5px solid #5dadba;
}

.df-flex {
    display: flex;
    justify-content: space-between;
}

.plr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.chart a.canvasjs-chart-credit {
    font-size: 0 !important;
}

/*.chart1 {
       padding: 19px 15px;
}*/
.chart1 {
    margin: 0 auto;
    display: inline-block;
    padding: 20px 0px;
    height: 290px;
}

    .chart1 canvas {
    }

.chart2 {
    padding: 20px;
    height: 290px;
}

.chart3 {
    padding: 20px;
    display: inline-block;
    height: 290px;
}

.chart h4 {
    margin-bottom: 20px;
    font-size: 1.2rem;
}

.chart4 {
    padding: 20px 20px;
    height: 290px;
}

table#appointmentsTable tr td {
    width: 40%;
}

.dropdown-menu.members-login {
    padding: 0;
}

    .dropdown-menu.members-login a {
        font-weight: 400 !important;
        margin-bottom: 1px !important;
    }

        .dropdown-menu.members-login a:nth-child(1) {
            background-color: #8bdbe8;
        }

        .dropdown-menu.members-login a:nth-child(2) {
            background-color: #72c9d8;
        }

        .dropdown-menu.members-login a:nth-child(3) {
            background-color: #60b0bd;
        }

.dropdown-menu.members-login {
    left: 24px;
}

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

.feature-item-container-box .feature-box-text.home-feature p {
    max-height: 100%;
}

a.morelink {
    text-align: right;
    margin-top: 10px;
}

.control .icon img {
    padding: 30px 0px;
}

.control h4.icon1 {
    font-size: 16px;
    font-weight: 600;
}

.user-not-found .modal-dialog {
    width: 350px;
}

.user-not-found .modal-title {
    width: 100%;
}

.user-not-found .modal-footer {
    padding: 0.5rem 1rem;
}

.user-not-found button.close {
    background-color: #f15b21;
    color: #fff;
    padding: 4px 6px;
    border-radius: 5px;
}

    .user-not-found button.close span {
        position: relative;
        top: -4px;
    }

.user-not-found .modal-body p {
    margin-bottom: 0px;
}


/***************** New Form Style ******************/
.regi.create-referrals {
    background-color: #f4f5fa;
}

.create-referrals .form-desc {
    color: #77C8D9;
    font-weight: 500;
}

.form-group.submit-and-back {
    margin-top: 30px;
    display: flex;
    align-items: center;
}

    .form-group.submit-and-back div.back {
        margin: 30px 0 0 20px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

div.back p {
    color: #434343;
    border-bottom: 1px solid #434343;
}

    div.back p:hover {
        color: #77C8D9;
        border-bottom: 1px solid #77C8D9;
    }

.create-user {
    border: 1p solid black;
}


label select {
    border: 1px solid #c3e0e6 !important;
    box-shadow: 0 2px 6px #eee;
}

.referral-detail.appointment-detail {
    padding: 20px 40px;
    border: 1px solid #eee;
    box-shadow: 0 2px 6px #e1e3e9;
}

section.referral-detail-display {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

    section.referral-detail-display .detail-display-title {
        margin-bottom: 10px;
    }

/* options area */

.choice u {
    text-decoration: none;
    border-bottom: 1px solid #434343;
}

.content-display {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

    .content-display .choice a.choice-item {
        color: #434343;
        display: flex !important;
        align-items: center;
        cursor: pointer !important;
        text-decoration: none !important;
    }


    .content-display .choice a p {
        margin: 0;
        margin-right: 8px;
        display: inline-block;
    }

    .content-display .choice a:hover p,
    .content-display .choice a i {
        color: #80B9C4;
    }

    .content-display .choice a p:hover u {
        color: #80B9C4;
        border-bottom: 1px solid #80B9C4;
    }


/***************** Link Worker - Referral *******************/

body .Manage-Index {
    background-color: #f4f5fa !important;
}

.referral-wrapper {
    width: 100%;
}

    .referral-wrapper .new-referrals .title {
        background: none !important;
    }

        .referral-wrapper .new-referrals .title h3 {
            color: #434343;
        }

    .referral-wrapper .new-referrals {
        display: flex;
        justify-content: space-between;
    }

        .referral-wrapper .new-referrals .title {
            margin-bottom: 5px;
        }

        .referral-wrapper .new-referrals .search-area {
            position: relative;
        }

            .referral-wrapper .new-referrals .search-area a {
                position: absolute;
                bottom: 0;
                right: 0;
                display: flex;
                align-items: flex-end;
                margin-right: 45px;
                justify-content: space-around;
                align-items: center;
            }

                .referral-wrapper .new-referrals .search-area a p {
                    margin-top: 0;
                }

                .referral-wrapper .new-referrals .search-area a:link {
                    text-decoration: none;
                }

                .eferral-wrapper .new-referrals .search-area a i,
                .referral-wrapper .new-referrals .search-area a p {
                    color: #77C8D9 !important;
                    font-size: 14px;
                }

                .referral-wrapper .new-referrals .search-area a p {
                    font-weight: 500;
                    margin-bottom: 0;
                }

                .referral-wrapper .new-referrals .search-area a i {
                    margin-left: 5px;
                }

#displaylogomapview {
    width: 50px;
    height: 55px;
}

#Contentmapview,
th,
td {
    padding-left: 2px;
}

.k-grid-header .k-header > .k-link {
    padding-right: 1.5em;
}

    .k-grid-header .k-header > .k-link > .k-icon {
        position: absolute;
        top: 50%;
        right: 0.5em;
        transform: translateY(-50%);
        margin-left: 0;
    }

.k-grid-header .k-sort-order {
    position: absolute;
    right: 0.25em;
}
/* single detail slider superlist.css */
/* ====================================================== */

.detail-banner:before {
    background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.3) -10%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 40%, transparent 80%);
    background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0.3) -10%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 40%, transparent 80%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3) -10%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 40%, transparent 80%);
    bottom: 0px;
    content: '';
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.detail-banner .container {
    height: 100%;
    position: relative;
}

.detail-banner .detail-banner-left, .detail-banner .detail-banner-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1;
}

@media (max-width: 767px) {
    .detail-banner .detail-banner-left, .detail-banner .detail-banner-right {
        margin-left: 15px;
    }

    .detail-banner {
        height: 400px;
        background-size: 100% 100%;
    }
}

.detail-banner .detail-banner-left {
    left: 15px;
}

.detail-banner .detail-banner-right {
    background-color: #fff;
    right: 15px;
    width: 25%;
}

.detail-banner h2 {
    color: #fff;
    font-size: 36px;
    text-shadow: 0px 0px 20px #000;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .detail-banner h2 {
        font-size: 30px;
    }
}

.detail-banner .detail-banner-address {
    color: #fff;
    font-weight: 300;
    text-shadow: 0px 0px 20px #000;
}

    .detail-banner .detail-banner-address i {
        margin-right: 10px;
    }

.detail-banner .detail-banner-rating {
    color: #ffd925;
    font-size: 21px;
    margin-top: 10px;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.detail-banner .detail-banner-btn {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    margin-right: 20px;
    padding: 9px 15px;
    cursor: pointer;
    transition: all linear .15s;
}

    .detail-banner .detail-banner-btn i {
        font-size: 16px;
        margin-right: 5px;
    }

    .detail-banner .detail-banner-btn:hover {
        background-color: #fff;
        color: #363636;
        text-shadow: none;
    }

    .detail-banner .detail-banner-btn.heart.marked {
        background-color: #fff;
        color: #444;
        text-shadow: none;
    }

        .detail-banner .detail-banner-btn.heart.marked i:before {
            content: "\f004";
            color: #d81814;
        }

    .detail-banner .detail-banner-btn.bookmark.marked {
        background-color: #fff;
        color: #444;
        text-shadow: none;
    }

        .detail-banner .detail-banner-btn.bookmark.marked i:before {
            content: "\f02e";
            color: #009f8b;
        }

.detail-content #listing-detail-location {
    border-bottom: none;
}

    .detail-content #listing-detail-location a {
        background-color: #f7f8f9;
        border: none;
        border-radius: 0px;
        color: rgba(54, 54, 54, 0.6);
        font-size: 13px;
        margin-bottom: 4px;
        margin-right: 3px;
        transition: all linear .12s;
    }

        .detail-content #listing-detail-location a:hover {
            background-color: #e8ebee;
        }

    .detail-content #listing-detail-location li.active a {
        background-color: rgba(54, 54, 54, 0.6);
        color: #fff;
    }

        .detail-content #listing-detail-location li.active a:hover {
            background-color: rgba(41, 41, 41, 0.6);
        }

    .detail-content #listing-detail-location i {
        display: inline-block;
        margin-right: 10px;
    }

        .detail-content #listing-detail-location i.fa-map-o, .detail-content #listing-detail-location i.fa-map {
            font-size: 10px;
            vertical-align: 1px;
        }

        .detail-content #listing-detail-location i.fa-street-view {
            font-size: 12px;
        }

.detail-content #listing-detail-map img, .detail-content #listing-detail-street-view img {
    height: auto;
}

.detail-content .detail-actions.row, .detail-content .categories > ul.detail-actions {
    margin-left: -10px;
    margin-right: -10px;
}

.detail-content .detail-actions .col-sm-4, .detail-content .detail-actions .categories > ul > li {
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 767px) {
    .detail-content .detail-actions .col-sm-4, .detail-content .detail-actions .categories > ul > li {
        margin-bottom: 20px;
    }

        .detail-content .detail-actions .col-sm-4:last-child, .detail-content .detail-actions .categories > ul > li:last-child {
            margin-bottom: 0px;
        }
}

.detail-content .detail-actions .btn, .detail-content .detail-actions .detail-gallery .owl-next, .detail-gallery .detail-content .detail-actions .owl-next, .detail-content .detail-actions .detail-gallery .owl-prev, .detail-gallery .detail-content .detail-actions .owl-prev {
    width: 100%;
}

.detail-content .detail-actions i {
    margin-right: 4px;
}

.detail-content .detail-overview-hearts, .detail-content .detail-overview-rating {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
}

    .detail-content .detail-overview-hearts strong, .detail-content .detail-overview-rating strong {
        color: #363636;
        font-size: 24px;
        font-weight: 400;
    }

    .detail-content .detail-overview-hearts i, .detail-content .detail-overview-rating i {
        font-size: 24px;
        margin-right: 5px;
    }

    .detail-content .detail-overview-hearts i {
        color: #d81814;
    }

.detail-content .detail-overview-rating {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

    .detail-content .detail-overview-rating i {
        color: #ffd925;
    }

    .detail-content .detail-overview-rating a {
        border-bottom: 1px solid #f1f1f1;
        color: rgba(54, 54, 54, 0.6);
        transition: all 0.15s linear;
    }

        .detail-content .detail-overview-rating a:hover {
            border-color: transparent;
            color: #009f8b;
        }

        .detail-content .detail-overview-rating a:focus {
            text-decoration: none;
        }

.detail-content .btn-share .share-wrapper {
    color: rgba(54, 54, 54, 0.6);
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    position: absolute;
    transition: opacity ease .35s, padding-top ease .35s;
    visibility: hidden;
    width: 150px;
    z-index: 3;
}

    .detail-content .btn-share .share-wrapper .share {
        background-color: #fff;
        border: 2px solid #f7f8f9;
        list-style: none;
        padding: 5px 25px;
        position: relative;
        width: 100%;
    }

        .detail-content .btn-share .share-wrapper .share:before {
            border: 14px solid transparent;
            border-bottom-color: #f7f8f9;
            content: '';
            display: block;
            left: 50%;
            position: absolute;
            top: -30px;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
        }

        .detail-content .btn-share .share-wrapper .share:after {
            border: 13px solid transparent;
            border-bottom-color: #fff;
            content: '';
            display: block;
            left: 50%;
            position: absolute;
            top: -26px;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
        }

        .detail-content .btn-share .share-wrapper .share li {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            display: block;
            padding: 10px 0px;
            transition: color linear .15s;
        }

            .detail-content .btn-share .share-wrapper .share li:last-of-type {
                border-bottom: none;
            }

            .detail-content .btn-share .share-wrapper .share li:hover {
                color: #444;
            }

.detail-content .btn-share:hover .share-wrapper {
    padding-top: 15px;
    opacity: 1;
    visibility: visible;
}

.detail-content .detail-video iframe {
    max-width: 100%;
    border: 0;
}

.detail-content .detail-vcard {
    border-bottom: 1px solid #e9e9e9;
    display: table;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
}

.detail-content .detail-logo {
    display: table-cell;
    padding-right: 20px;
    text-align: center;
    vertical-align: middle;
    width: 40%;
}

    .detail-content .detail-logo img {
        max-width: 100%;
    }

.detail-content .detail-contact {
    display: table-cell;
}

    .detail-content .detail-contact div {
        padding-bottom: 12px;
        padding-left: 30px;
        position: relative;
    }

        .detail-content .detail-contact div i {
            color: #c6af5c;
            left: 0px;
            margin-top: 3px;
            position: absolute;
            text-align: center;
            width: 15px;
        }

            .detail-content .detail-contact div i.fa-mobile-phone {
                font-size: 20px;
                margin-top: 0px;
            }

            .detail-content .detail-contact div i.fa-globe {
                font-size: 17px;
                margin-top: 1px;
            }

        .detail-content .detail-contact div:last-of-type {
            padding-bottom: 0px;
        }

    .detail-content .detail-contact a {
        border-bottom: 1px solid #f1f1f1;
        color: rgba(54, 54, 54, 0.6);
        transition: all 0.15s linear;
    }

        .detail-content .detail-contact a:hover {
            border-color: transparent;
            color: #009f8b;
        }

        .detail-content .detail-contact a:focus {
            text-decoration: none;
        }

.detail-content .detail-description {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.detail-content .detail-follow {
    display: table;
    width: 100%;
}

    .detail-content .detail-follow h5 {
        display: table-cell;
        white-space: nowrap;
    }

    .detail-content .detail-follow .follow-wrapper {
        display: table-cell;
        text-align: center;
        width: 100%;
    }

    .detail-content .detail-follow .follow-btn {
        background-color: #b6b7b8;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        height: 30px;
        opacity: .85;
        padding-top: 5px;
        margin-right: 8px;
        text-align: center;
        transition: all linear .07s;
        width: 30px;
    }

.detail-content .add-review button, .detail-content .add-review p {
    margin-top: 10px;
}

.detail-content .reasons .reason {
    position: relative;
}

    .detail-content .reasons .reason .reason-icon {
        display: block;
        position: absolute;
        left: 0;
    }

        .detail-content .reasons .reason .reason-icon i {
            display: block;
            background-color: #c6af5c;
            border-radius: 50%;
            color: #fff;
            font-size: 24px;
            height: 50px;
            line-height: 20px;
            padding-top: 14px;
            text-align: center;
            width: 50px;
        }

    .detail-content .reasons .reason .reason-content {
        border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
        margin-left: 70px;
        padding-bottom: 20px;
    }

        .detail-content .reasons .reason .reason-content p {
            margin-bottom: 0px;
        }

    .detail-content .reasons .reason:last-of-type .reason-content {
        border-bottom: none;
        margin-bottom: 2px;
        padding-bottom: 0px;
    }

.detail-gallery {
    margin-bottom: 40px;
}

.detail-label {
    background-color: #c6af5c;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 3px 15px;
}

    .detail-label a {
        color: #fff;
    }

        .detail-label a:hover {
            color: #fff;
            text-decoration: none;
        }

.detail-verified {
    background-color: #8dc63f;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    margin: 0px 0px 0px 10px;
    padding: 3px 15px;
    text-shadow: none;
    text-align: center;
}

.detail-payments {
    border-top: 1px solid #e9e9e9;
    margin: 50px 0px;
}

    .detail-payments h3 {
        color: rgba(54, 54, 54, 0.6);
        font-size: 18px;
        margin-top: 35px;
        text-align: center;
    }

    .detail-payments ul {
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

        .detail-payments ul li {
            display: inline-block;
            font-size: 34px;
            margin: 0px 15px;
        }

            .detail-payments ul li a {
                color: rgba(0, 0, 0, 0.25);
            }

                .detail-payments ul li a:hover {
                    color: rgba(0, 0, 0, 0.35);
                }
/*------------------------------------------------------------------
[ 31. Listing Detail Gallery ]
*/
.detail-gallery img {
    max-width: 100%;
    height: auto;
}

.detail-gallery .owl-carousel .owl-stage {
    margin-right: auto;
    margin-left: auto;
}

.detail-gallery .owl-next, .detail-gallery .owl-prev {
    line-height: 1;
    padding: 0px;
    position: absolute;
    transition: all linear .15s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
}

    .detail-gallery .owl-next i, .detail-gallery .owl-prev i {
        background-color: transparent;
        font-size: 18px;
        height: auto;
        margin: 0px;
        padding: 3px 1px;
        transition: all linear .15s;
    }

    .detail-gallery .owl-next:hover, .detail-gallery .owl-prev:hover {
        background-color: #fec418;
    }

        .detail-gallery .owl-next:hover i, .detail-gallery .owl-prev:hover i {
            color: #fff;
        }

.detail-gallery .owl-next {
    background: #01273a none repeat scroll 0 0;
    color: #fff;
    padding: 6px 14px;
    border-radius: 18px 0 0 18px;
    right: 0px;
    width: 36px;
    height: 36px;
}

.detail-gallery .owl-prev {
    background: #01273a none repeat scroll 0 0;
    color: #fff;
    padding: 6px 7px;
    left: 0px;
    border-radius: 0 18px 18px 0;
    width: 36px;
    height: 36px;
}

.owl-carousel {
    background: #f9f8f8;
}

.bootstrap-select .dropdown-toggle {
    display: none;
}

.detail-gallery .detail-gallery-index {
    background: #f9f8f8;
    border: 1px solid #f1f1f1;
    margin: 0px;
    position: relative;
    padding: 15px 56px;
}

.detail-gallery-index::before {
    background: #f1f1f1 none repeat scroll 0 0;
    border-radius: 100px / 0;
    bottom: 0;
    box-shadow: 0 17px 10px rgba(0, 0, 0, 0.25);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.detail-gallery .detail-gallery-index .owl-stage-outer {
    cursor: pointer;
}

.detail-gallery .detail-gallery-preview {
    position: relative;
}

.detail-gallery .detail-gallery-list-item {
    border: 1px solid #cccccc;
    display: none;
    list-style: outside none none;
    margin: 0 10px;
    padding: 5px;
    width: auto;
    transition: all 0.15s linear 0s;
}

    .detail-gallery .detail-gallery-list-item a {
        border-bottom: none;
        display: block;
        height: 70px;
        overflow: hidden;
    }

        .detail-gallery .detail-gallery-list-item a img {
            height: 100%;
            max-width: none;
            min-width: 100%;
        }

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-gallery .detail-gallery-list-item a {
        height: 70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .detail-gallery .detail-gallery-list-item a {
        height: 54px;
    }

    .detail-gallery .detail-gallery-list-item {
        width: 100%;
    }

    #cboxWrapper {
        display: none;
    }

    #cboxOverlay {
        display: none;
    }

    #colorbox {
        display: none;
    }
}

@media (max-width: 767px) {
    .detail-gallery .detail-gallery-list-item a {
        height: 45px;
    }

    .detail-gallery .detail-gallery-list-item {
        width: 100%;
        margin: 0;
    }

    .detail-gallery .detail-gallery-index {
        background-color: #fff;
        margin: 0;
        padding: 10px 6px;
        position: relative;
    }

    #cboxWrapper {
        display: none;
    }

    #cboxOverlay {
        display: none;
    }

    #colorbox {
        display: none;
    }
}

.detail-gallery .owl-item .detail-gallery-list-item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .6;
    transition: all linear .15s;
}

.detail-gallery .owl-item .detail-gallery-list-item.active img, .detail-gallery .owl-item .detail-gallery-list-item:hover img {
    -webkit-filter: grayscale(0%);
    opacity: 1;
    filter: grayscale(0%);
}

.detail-gallery .owl-item .detail-gallery-list-item {
    display: inline-block;
}
.w-180px {
    width:180px !important;
    height:65px !important;
}
a.navbar-brand.align-self-start.py-0 {
    padding: 0px 5px !important;
}
.navbar-expand-lg .navbar-collapse {
    align-items: end !important;
}