/* Minification failed. Returning unminified contents.
(9,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,170): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,213): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,545): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(9,593): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(9,755): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(9,811): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(9,976): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(9,1032): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(9,1164): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(9,1201): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(9,1334): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(9,1379): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(9,1515): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(9,1560): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(9,1696): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(9,1741): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(9,1877): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(9,1922): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(9,2067): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,2118): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,2264): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,2316): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,2461): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,2512): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,2658): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,2709): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,14951): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,15004): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,21544): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,21597): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,27819): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,27872): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,47629): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,47682): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,48590): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,48643): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,57053): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(9,57104): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
 */
.app-sorting-wrapper {
    text-align: right
}

@media(max-width:640px) {
    .app-sorting-wrapper {
        text-align: left;
        margin-bottom: 10px
    }
}

.app-sorting-wrapper .dropdown-menu {
    min-width: 180px
}

.app-sorting-wrapper .btn {
    box-shadow: none;
    text-align: left;
    display: inline-block;
    width: 100%;
    border-radius: 3px !important
}

@media(max-width:640px) {
    .app-transactions-wrapper {
        margin-bottom: 10px
    }
}

.search-servies.on-recent-transactions {
    display: block
}

.search-servies.on-recent-transactions .search {
    width: 100%;
    min-width: 100%
}

@media(max-width:992px) and (min-width:640px) {
    .search-servies {
        margin-top: 10px
    }
}

.filter-panel {
    border: 1px dashed #ccc;
    border-radius: 3px;
    padding: 10px 15px
}

.transaction-filter .filter-caption {
    display: none
}

@media(max-width:640px) {
    .transaction-filter {
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 10px 15px;
        margin-bottom: 10px
    }

    .transaction-filter .filter-caption {
        text-align: right;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 5px;
        display: inline-block
    }

    .transaction-filter .dropdown-menu-right {
        left: 0
    }
}

@media(max-width:320px) {
    .transaction-filter {
        padding: 12px
    }

    .transaction-filter .app-sorting-wrapper .btn {
        padding: 6px
    }
}

@media(max-width:767px) and (min-width:640px) {
    .transaction-filter .col-xs-12 {
        width: 50%
    }
}

.recent-transactions-list {
    margin-top: 15px
}

.recent-transactions-list .list-group-item {
    padding: 15px;
    position: relative
}

.recent-transactions-list .transaction-date {
    font-weight: bold;
    margin-bottom: 8px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 5px
}

.recent-transactions-list .application-name {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px dashed;
    color: #122d69
}

.recent-transactions-list .transaction-number {
    font-weight: bold;
    text-transform: uppercase
}

.recent-transactions-list .transaction-amount {
    font-size: 1.8em;
    color: #122d69;
    font-weight: 900;
    text-align: center;
    padding: 10px;
    border: 1px solid #eee
}

@media(min-width:995px) {
    .recent-transactions-list .transaction-amount {
        border: none;
        padding: 0
    }
}

.recent-transactions-list .transaction-status {
    min-width: 210px;
    display: inline-block;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1em;
    position: absolute;
    right: 15px;
    top: 0
}

@media(min-width:995px) {
    .recent-transactions-list .transaction-status {
        position: relative;
        right: auto
    }
}

@media(max-width:320px) {
    .recent-transactions-list .transaction-status {
        position: relative;
        right: auto;
        top: auto
    }
}

.recent-transactions-list .transaction-status.pending {
    color: #331e00;
    background-color: #ffd699;
    border: 1px dashed #995b00
}

.recent-transactions-list .transaction-status.success {
    color: #0e210f;
    background-color: #b5dfb7;
    border: 1px dashed #2d682f
}

.recent-transactions-list .transaction-status.fail {
    color: #000;
    background-color: #f88981;
    border: 1px dashed #430804
}

.recent-transactions-list .recent-transactions-block {
    margin-bottom: 20px
}

@media(min-width:995px) {
    .recent-transactions-list .recent-transactions-block {
        margin-bottom: 0
    }
}

.recent-transactions-list .button-control {
    font-weight: 700;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    background: #122d69;
    color: #fff;
    border: 1px solid #122d69;
    padding: 6px 20px !important
}

.recent-transactions-list .button-control:hover {
    color: #fff;
    background: #1b2f6d;
    border-color: #1b2f6d
}

.transaction-outer-block {
    position: relative;
    margin-bottom: 30px
}

.transaction-outer-block .transaction-date {
    background: #fff;
    z-index: 9;
    position: relative;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 1.2em;
    padding-left: 5px
}

.transaction-inner-block {
    min-height: 100px;
    position: relative;
    padding: 15px;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    border: 1px solid #e5e5e5;
    margin-bottom: -1px
}

.transaction-inner-block:hover {
    background: #f8f8f8
}

.transaction-inner-block:hover .transaction-status {
    background: #f8f8f8
}

.transaction-status {
    position: relative;
    left: auto;
    top: auto
}

.transaction-status.icon-success span:before {
    display: inline-block;
    font-family: 'FontAwesome';
    content: '';
    color: #4caf50;
    z-index: 999
}

.transaction-status.icon-failure span:before {
    font-family: 'FontAwesome';
    content: '';
    color: #f44336;
    z-index: 999
}

.transaction-details {
    float: left;
    padding-left: 40px;
    width: 100%;
    display: block
}

.transaction-details img {
    opacity: .5;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    height: 54px;
    width: auto;
    display: inline-block;
    padding-top: 5px
}

.transaction-details:hover img {
    opacity: 1
}

.transaction-details .application-name,
.transaction-details .receipt-number,
.transaction-details .srno,
.transaction-details .transaction-status-details {
    color: #333;
    font-weight: bold
}

.transaction-details .transaction-amount {
    display: inline-block;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 16px
}

.transaction-details .text-success {
    position: relative;
    background-color: #fff;
    color: #0e1e0f;
    padding: 6px 6px 6px 26px;
    border-radius: 3px;
    border: 2px solid #4caf50
}

.transaction-details .text-success:before {
    position: absolute;
    top: 9px;
    left: 6px;
    content: "";
    color: #4caf50;
    font: 1.1em FontAwesome
}

.transaction-details .text-failure {
    position: relative;
    background-color: #fff;
    color: #280d0b;
    padding: 6px 6px 6px 26px;
    border-radius: 3px;
    display: block;
    border: 2px solid #f44336
}

.transaction-details .text-failure:before {
    position: absolute;
    top: 9px;
    left: 6px;
    content: "";
    color: #f44336;
    font: 1.1em FontAwesome
}

.transaction-details .button-control {
    font-weight: 700;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    background: #122d69;
    color: #fff;
    border: 1px solid #122d69;
    padding: 6px 20px !important;
    margin: 15px 0 15px 10px
}

.transaction-details .button-control:hover {
    color: #fff;
    background: #1b2f6d;
    border-color: #1b2f6d
}

/*!
  * animate.css - https://animate.style/
  * Version - 4.1.1
  * Licensed under the MIT license - http://opensource.org/licenses/MIT
  *
  * Copyright (c) 2020 Animate.css
  */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media(prefers-reduced-motion:reduce), print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

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

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

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

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

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

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

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

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

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .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)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

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

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .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)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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 shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

@keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

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

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

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        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)
    }

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

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

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

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

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

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

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

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

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

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

.animate__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) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

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

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

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

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

.animate__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) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

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

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

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -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) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

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

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

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes lightSpeedInLeft {
    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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

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

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

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

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

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

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

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

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

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

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

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

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

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

.animate__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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

.animate__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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes pulseAnim {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .2)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

@font-face {
    font-family: 'SMC-Arun';
    src: url("../Content/LMGArun/LMG-Arun.eot");
    src: url("../Content/LMGArun/LMG-Arun.eot?#iefix") format("embedded-opentype"), url("../Content/LMGArun/LMG-Arun.woff2") format("woff2"), url("../Content/LMGArun/LMG-Arun.woff") format("woff"), url("../Content/LMGArun/LMG-Arun.ttf") format("truetype"), url("../Content/LMGArun/LMG-Arun.svg#LMG-Arun") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: shrutiregular;
    src: url(../Content/fonts/shruti.eot);
    src: url(../Content/fonts/shruti.eot?#iefix) format("embedded-opentype"), url(../Content/fonts/shruti.woff) format("woff"), url(../Content/fonts/shruti.ttf) format("truetype"), url(../Content/fonts/shruti.svg#shrutireg) format("svg");
    font-weight: 400;
    font-style: normal
}

.mar-t5 {
    margin-top: 5px !important
}

.pad-t5 {
    padding-top: 5px !important
}

.mar-b5 {
    margin-bottom: 5px !important
}

.pad-b5 {
    padding-bottom: 5px !important
}

.mar-l5 {
    margin-left: 5px !important
}

.pad-l5 {
    padding-left: 5px !important
}

.mar-r5 {
    margin-right: 5px !important
}

.pad-r5 {
    padding-right: 5px !important
}

.mar-t10 {
    margin-top: 10px !important
}

.pad-t10 {
    padding-top: 10px !important
}

.mar-b10 {
    margin-bottom: 10px !important
}

.pad-b10 {
    padding-bottom: 10px !important
}

.mar-l10 {
    margin-left: 10px !important
}

.pad-l10 {
    padding-left: 10px !important
}

.mar-r10 {
    margin-right: 10px !important
}

.pad-r10 {
    padding-right: 10px !important
}

.mar-t15 {
    margin-top: 15px !important
}

.pad-t15 {
    padding-top: 15px !important
}

.mar-b15 {
    margin-bottom: 15px !important
}

.pad-b15 {
    padding-bottom: 15px !important
}

.mar-l15 {
    margin-left: 15px !important
}

.pad-l15 {
    padding-left: 15px !important
}

.mar-r15 {
    margin-right: 15px !important
}

.pad-r15 {
    padding-right: 15px !important
}

.mar-t20 {
    margin-top: 20px !important
}

.pad-t20 {
    padding-top: 20px !important
}

.mar-b20 {
    margin-bottom: 20px !important
}

.pad-b20 {
    padding-bottom: 20px !important
}

.mar-l20 {
    margin-left: 20px !important
}

.pad-l20 {
    padding-left: 20px !important
}

.mar-r20 {
    margin-right: 20px !important
}

.pad-r20 {
    padding-right: 20px !important
}

.mar-t25 {
    margin-top: 25px !important
}

.pad-t25 {
    padding-top: 25px !important
}

.mar-b25 {
    margin-bottom: 25px !important
}

.pad-b25 {
    padding-bottom: 25px !important
}

.mar-l25 {
    margin-left: 25px !important
}

.pad-l25 {
    padding-left: 25px !important
}

.mar-r25 {
    margin-right: 25px !important
}

.pad-r25 {
    padding-right: 25px !important
}

.mar-t30 {
    margin-top: 30px !important
}

.pad-t30 {
    padding-top: 30px !important
}

.mar-b30 {
    margin-bottom: 30px !important
}

.pad-b30 {
    padding-bottom: 30px !important
}

.mar-l30 {
    margin-left: 30px !important
}

.pad-l30 {
    padding-left: 30px !important
}

.mar-r30 {
    margin-right: 30px !important
}

.pad-r30 {
    padding-right: 30px !important
}

.mar-t35 {
    margin-top: 35px !important
}

.pad-t35 {
    padding-top: 35px !important
}

.mar-b35 {
    margin-bottom: 35px !important
}

.pad-b35 {
    padding-bottom: 35px !important
}

.mar-l35 {
    margin-left: 35px !important
}

.pad-l35 {
    padding-left: 35px !important
}

.mar-r35 {
    margin-right: 35px !important
}

.pad-r35 {
    padding-right: 35px !important
}

.mar-t40 {
    margin-top: 40px !important
}

.pad-t40 {
    padding-top: 40px !important
}

.mar-b40 {
    margin-bottom: 40px !important
}

.pad-b40 {
    padding-bottom: 40px !important
}

.mar-l40 {
    margin-left: 40px !important
}

.pad-l40 {
    padding-left: 40px !important
}

.mar-r40 {
    margin-right: 40px !important
}

.pad-r40 {
    padding-right: 40px !important
}

.mar-t45 {
    margin-top: 45px !important
}

.pad-t45 {
    padding-top: 45px !important
}

.mar-b45 {
    margin-bottom: 45px !important
}

.pad-b45 {
    padding-bottom: 45px !important
}

.mar-l45 {
    margin-left: 45px !important
}

.pad-l45 {
    padding-left: 45px !important
}

.mar-r45 {
    margin-right: 45px !important
}

.pad-r45 {
    padding-right: 45px !important
}

.mar-t50 {
    margin-top: 50px !important
}

.pad-t50 {
    padding-top: 50px !important
}

.mar-b50 {
    margin-bottom: 50px !important
}

.pad-b50 {
    padding-bottom: 50px !important
}

.mar-l50 {
    margin-left: 50px !important
}

.pad-l50 {
    padding-left: 50px !important
}

.mar-r50 {
    margin-right: 50px !important
}

.pad-r50 {
    padding-right: 50px !important
}

.mar-t55 {
    margin-top: 55px !important
}

.pad-t55 {
    padding-top: 55px !important
}

.mar-b55 {
    margin-bottom: 55px !important
}

.pad-b55 {
    padding-bottom: 55px !important
}

.mar-l55 {
    margin-left: 55px !important
}

.pad-l55 {
    padding-left: 55px !important
}

.mar-r55 {
    margin-right: 55px !important
}

.pad-r55 {
    padding-right: 55px !important
}

.mar-t60 {
    margin-top: 60px !important
}

.pad-t60 {
    padding-top: 60px !important
}

.mar-b60 {
    margin-bottom: 60px !important
}

.pad-b60 {
    padding-bottom: 60px !important
}

.mar-l60 {
    margin-left: 60px !important
}

.pad-l60 {
    padding-left: 60px !important
}

.mar-r60 {
    margin-right: 60px !important
}

.pad-r60 {
    padding-right: 60px !important
}

.mar-t75 {
    margin-top: 75px !important
}

.pad-t75 {
    padding-top: 75px !important
}

.mar-b75 {
    margin-bottom: 75px !important
}

.pad-b75 {
    padding-bottom: 75px !important
}

.mar-l75 {
    margin-left: 75px !important
}

.pad-l75 {
    padding-left: 75px !important
}

.mar-r75 {
    margin-right: 75px !important
}

.pad-r75 {
    padding-right: 75px !important
}

.mar-t100 {
    margin-top: 100px !important
}

.pad-t100 {
    padding-top: 100px !important
}

.mar-b100 {
    margin-bottom: 100px !important
}

.pad-b100 {
    padding-bottom: 100px !important
}

.mar-l100 {
    margin-left: 100px !important
}

.pad-l100 {
    padding-left: 100px !important
}

.mar-r100 {
    margin-right: 100px !important
}

.pad-r100 {
    padding-right: 100px !important
}

.primary-color {
    color: #122d69
}

.secondary-color {
    color: #cc7a00
}

.btn {
    border-radius: 3px !important
}

.btn-group>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 !important
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.btn-default.active.focus {
    background-color: #e6e6e6;
    border-color: #adadad;
    outline: none
}

.btn-circle {
    border-radius: 30px !important;
    width: 30px;
    height: 30px;
    line-height: 27px;
    padding: 0 !important
}

a.button-control {
    cursor: pointer;
    color: #fff
}

.button-control[disabled] {
    background: #c3c3c3;
    border: 1px solid #c3c3c3
}

.button-control[disabled]:active,
.button-control[disabled]:focus,
.button-control[disabled]:hover,
.button-control[disabled].active {
    background: #c3c3c3;
    border: 1px solid #c3c3c3
}

.button-control.disabled,
.button-control[disabled],
.button-control.disabled:hover,
.button-control[disabled]:hover {
    background: #ccc;
    color: #333;
    cursor: not-allowed;
    border-color: #ccc
}

.button-control {
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    min-width: 110px;
    outline: none;
    border: none;
    border: 1px solid #122d69;
    margin-left: 2px;
    margin-right: 2px;
    background: #122d69;
    color: #fff;
    font-size: 1em;
    padding: 10px 22px;
    text-decoration: none;
    display: inline-block;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: default;
    text-transform: uppercase;
    white-space: normal;
    -ms-word-break: break-word;
    word-break: break-word
}

.button-control:visited {
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    min-width: 110px;
    outline: none;
    border: none;
    border: 1px solid #122d69;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0;
    background: #122d69;
    color: #fff;
    font-size: 1em;
    padding: 10px 22px;
    text-decoration: none;
    display: inline-block;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: default;
    text-transform: uppercase
}

.button-control:active,
.button-control:focus,
.button-control:hover,
.button-control.active {
    color: #fff;
    border-color: #09a5fc;
    background: #09a5fc;
    text-decoration: none
}

.button-control.small {
    min-width: 100px;
    padding: 6px 7px
}

.button-control.inverse {
    outline: none;
    border: none;
    background: transparent;
    color: #05578e
}

.button-control.inverse:hover {
    background: #ccc;
    color: #000;
    text-decoration: none
}

.button-control.secondary {
    background: #ff9800;
    border-color: #ff9800;
    color: #000 !important;
    border-radius: 24px;
    outline: none
}

.button-control.secondary:active,
.button-control.secondary:focus,
.button-control.secondary:hover,
.button-control.secondary:visited {
    outline: none
}

.button-control.button-control-default {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333
}

.button-control.button-control-default:visited {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333
}

.button-control.button-control-default:active,
.button-control.button-control-default:focus,
.button-control.button-control-default:hover {
    background-color: #f2f2f2
}

.button-control.button-control-success {
    background-color: #58c75c;
    border-color: #4caf50
}

.button-control.button-control-success:visited {
    background-color: #58c75c;
    border-color: #4caf50
}

.button-control.button-control-success:active,
.button-control.button-control-success:focus,
.button-control.button-control-success:hover {
    background-color: #4caf50
}

.button-control.button-control-info {
    background-color: #2196f3;
    border-color: #0c7cd5;
    color: #000
}

.button-control.button-control-info:visited {
    background-color: #2196f3;
    border-color: #0c7cd5;
    color: #000
}

.button-control.button-control-info:active,
.button-control.button-control-info:focus,
.button-control.button-control-info:hover {
    background-color: #0c7cd5;
    border-color: #0960a5;
    color: #000
}

.button-control.button-control-warning {
    background-color: #ff9800;
    border-color: #f57c00;
    color: #331f00
}

.button-control.button-control-warning:visited {
    background-color: #ff9800;
    border-color: #f57c00
}

.button-control.button-control-warning:active,
.button-control.button-control-warning:focus,
.button-control.button-control-warning:hover {
    background-color: #f57c00;
    color: #331f00
}

.button-control.button-control-danger {
    background-color: #a41309;
    border-color: #740d06
}

.button-control.button-control-danger:visited {
    background-color: #a41309;
    border-color: #740d06
}

.button-control.button-control-danger:active,
.button-control.button-control-danger:focus,
.button-control.button-control-danger:hover {
    background-color: #740d06;
    border-color: #430804
}

.button-control.Pulse {
    position: relative
}

.button-control.Pulse:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: pulseAnim2 2s infinite;
    -moz-animation: pulseAnim2 2s infinite;
    -o-animation: pulseAnim2 2s infinite;
    animation: pulseAnim2 2s infinite
}

@keyframes pulseAnim2 {
    0% {
        box-shadow: 0 0 0 0 rgba(33, 150, 243, .2)
    }

    70% {
        box-shadow: 0 0 0 20px rgba(33, 150, 243, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(33, 150, 243, 0)
    }
}

.btn-group.radiobtn-group>.btn {
    padding-left: 30px
}

.btn-group.radiobtn-group>.btn:after {
    color: #ccc;
    font-family: 'FontAwesome';
    content: "";
    position: absolute;
    left: 10px;
    top: 7px
}

.btn-group.radiobtn-group>.btn.active:after {
    content: "";
    color: #4caf50
}

.btn-group.radiobtn-group>.button-control {
    padding-left: 30px
}

.btn-group.radiobtn-group>.button-control:after {
    color: #fff;
    font-family: 'FontAwesome';
    content: "";
    position: absolute;
    left: 13px;
    top: 12px
}

.btn-group.radiobtn-group>.button-control.active:after {
    content: "";
    color: #fff
}

.btn-group.checkboxbtn-group>.btn {
    white-space: normal;
    text-align: left;
    padding: 0 0 0 30px
}

.btn-group.checkboxbtn-group>.btn:after {
    color: #ccc;
    font-family: 'FontAwesome';
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.3em;
    line-height: 1.3em
}

.btn-group.checkboxbtn-group>.btn.active,
.btn-group.checkboxbtn-group>.btn:focus,
.btn-group.checkboxbtn-group>.btn:active {
    box-shadow: none
}

.btn-group.checkboxbtn-group>.btn.active:after {
    content: "";
    color: #4caf50
}

.btn-group.checkboxbtn-group>.button-control {
    padding-left: 30px
}

.btn-group.checkboxbtn-group>.button-control:after {
    color: #fff;
    font-family: 'FontAwesome';
    content: "";
    position: absolute;
    left: 13px;
    top: 12px
}

.btn-group.checkboxbtn-group>.button-control.active:after {
    content: "";
    color: #fff
}

[data-toggle="buttons"]>.button-control input[type="radio"],
[data-toggle="buttons"]>.btn-group>.button-control input[type="radio"],
[data-toggle="buttons"]>.button-control input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.button-control input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.button-control-circle {
    background: #10bede;
    border-radius: 50%;
    min-width: auto;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border: 1px #10bede solid
}

.button-control-circle.i-2x i {
    font-size: 1.1em
}

.button-control-circle:focus,
.button-control-circle:active {
    outline: none
}

.google-btn {
    width: 100%;
    border: 1px solid #dd4b39;
    border-radius: 3px;
    color: #fff;
    background-color: #dd4b39;
    font-weight: bold;
    text-align: center;
    font-size: 1em;
    padding: 10px 22px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.google-btn:hover {
    text-decoration: none;
    color: #fff;
    background-color: #c23321
}

.google-btn:active,
.google-btn:focus {
    text-decoration: none;
    color: #fff;
    background-color: #c23321
}

[noclick] {
    pointer-events: none
}

.no-resize {
    resize: none
}

.pad-0 {
    padding: 0
}

.border-0 {
    border: 0
}

.border-r0 {
    border-right: 0
}

.mar-none {
    margin: 0 !important
}

.hide {
    display: none
}

.display-block {
    display: block
}

.display-inline-block {
    display: inline-block
}

.text-info-highlighted {
    background: linear-gradient(90deg, #ff8a00, #e52e71);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-text-decoration-color: #ff8a00 !important;
    text-decoration-color: #ff8a00 !important;
    font-weight: 700;
    padding-bottom: .15rem
}

.guj-font {
    font-family: 'LMG-Arun', SMC-Arun;
    font-size: 1.36em
}

.guj-font-Shruti {
    font-family: shrutiregular;
    font-size: 1em
}

.eng-font {
    font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px
}

.search-servies {
    display: inline-block;
    position: relative
}

.search-servies .listjs-close-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    width: 34px;
    height: 100%;
    border: none;
    background-color: transparent;
    outline: none;
    color: #ccc;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.search-servies .listjs-close-btn:hover {
    color: #122d69
}

.search-servies .search {
    min-width: 300px;
    position: relative;
    z-index: 2
}

body {
    background-attachment: fixed;
    color: #333;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

body .page-wrapper {
    min-height: 700px;
    position: relative
}

body.other-pages .page-wrapper {
    padding-bottom: 30px
}

body.other-pages header {
    margin-bottom: 35px
}

@media(max-width:767px) {
    body.other-pages header {
        margin-bottom: 10px
    }
}

body.other-pages:before {
    content: '';
    background: #122d69;
    background-image: linear-gradient(#764ba2 0, #122d69 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 350px;
    border-bottom: 3px solid #ff9800
}

body,
header {
    width: 100%;
    -moz-transition: top .6s ease-in-out;
    -o-transition: top .6s ease-in-out;
    -webkit-transition: top .6s ease-in-out;
    transition: top .6s ease-in-out;
    padding-bottom: 0;
    position: relative
}

header {
    box-shadow: 0 0 2px rgba(0, 0, 0, .7)
}

h1,
h2,
h3,
h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700
}

h1 {
    margin-top: 0;
    font-size: 1.96em;
    line-height: 1em
}

h2 {
    font-size: 1.8em;
    margin-top: 0
}

h3 {
    font-size: 1.5em;
    margin-top: 0
}

h4 {
    font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
    font-size: 1.3em;
    color: #666;
    margin-top: 0
}

.headerscroll {
    margin: 10px 0 30px 0;
    position: fixed;
    top: 0
}

.alink {
    color: #09f;
    text-decoration: none
}

.alink:link,
.alink:hover,
.alink:active,
.alink:visited {
    color: #09f;
    text-decoration: none
}

.scrolltotop {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    width: 60px;
    background: #ff9800;
    color: #000 !important;
    border: none;
    text-align: center;
    cursor: pointer;
    display: none;
    z-index: 10;
    outline: none;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.scrolltotop.FadeIn {
    display: inline-block;
    opacity: 1;
    -webkit-animation: fadeInRight 1s 1 cubic-bezier(.77, 0, .175, 1);
    -moz-animation: fadeInRight 1s 1 cubic-bezier(.77, 0, .175, 1);
    -o-animation: fadeInRight 1s 1 cubic-bezier(.77, 0, .175, 1);
    animation: fadeInRight 1s 1 cubic-bezier(.77, 0, .175, 1)
}

.scrolltotop:focus,
.scrolltotop:active {
    outline: none
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.mar-section {
    margin-top: 50px !important
}

.text-bold {
    font-weight: bold !important
}

.text-normal {
    font-weight: normal !important
}

.text-success {
    color: #4caf50
}

.text-danger {
    color: #a41309
}

.text-2x {
    font-size: 1.2em !important
}

.text-3x {
    font-size: 1.5em !important
}

a {
    color: #1b2f6d
}

a:hover,
a:focus {
    color: #1b2f6d
}

.alert-tip {
    /* background: #f6f6f6 url(../icons/icon-tip.png) no-repeat center 15px; */
    background: #f6f6f6 url(../icons/icon-tip.png) no-repeat center 15px;
    padding: 90px 15px 15px 15px;
    border-radius: 3px;
    border: 1px solid #ccc
}

.absolute-link {
    position: absolute;
    right: 15px;
    top: -20px
}

.header-print {
    display: none
}

.badge+.tooltip>.tooltip-inner {
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    font-size: 1.2em
}

.badge+.tooltip.top>.tooltip-arrow {
    border-top: 5px solid #333
}

.badge+.tooltip.bottom>.tooltip-arrow {
    border-bottom: 5px solid #333
}

.badge+.tooltip.left>.tooltip-arrow {
    border-left: 5px solid #333
}

.badge+.tooltip.right>.tooltip-arrow {
    border-right: 5px solid #333
}

.bg-gray {
    padding: 60px 0;
    background: #f5f5f5 url("../Images/online-services-bg.png") repeat
}

.topbar {
    background: #f1f1f1;
    padding: 2px 0;
    z-index: 1;
    position: relative;
    font-size: 1em;
    border-bottom: 1px solid #e5e5e5
}

.topbar a {
    color: #333;
    padding: 1px 0
}

#wrapper2 {
    display: none
}

.table-customized {
    background-color: #fff;
    color: #333;
    margin-top: 5px
}

.table-customized.first-child,
.table-customized:first-child {
    margin-top: 0
}

.table-customized.withTotal tr:last-child {
    font-weight: bold
}

.table-customized>tbody>tr>th,
.table-customized>thead>tr>th {
    background: #ececec;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    color: #333
}

.table-customized .odd {
    background-color: #fafafa
}

.table-customized .table-heading {
    text-transform: uppercase;
    font: 400 1em "Open Sans Condensed", sans-serif
}

.default-month {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    display: inline-block;
    width: 100%
}

.default-month>div {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.default-month>div:last-child>div {
    border-top: 0
}

td.rate-range {
    background-color: #efefef
}

[data-month] input[type="number"] {
    max-width: 70px
}

.main-section {
    background: #fff;
    padding: 20px;
    margin: 0 0 15px 0;
    position: relative;
    min-height: 680px;
    border-radius: 3px
}

.main-section.default-height {
    min-height: 160px;
    margin-bottom: 0;
    padding-bottom: 0
}

.main-section.login-section {
    position: relative;
    box-shadow: 0 0 12px rgba(0, 0, 0, .3);
    padding: 0 15px;
    overflow: hidden
}

.main-section.login-section .login-wrapper {
    padding: 118px 0;
    min-width: 360px;
    text-align: left;
    display: inline-block
}

.main-section.login-section .login-wrapper h1 {
    text-align: center;
    background-color: transparent;
    color: #122d69;
    padding-top: 0
}

.main-section.login-section .login-wrapper .new-user-signup {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd
}

.main-section.login-section .login-wrapper .new-user-signup .new-user-signup-btn {
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    padding: 12px 10px;
    display: block;
    background: #ff9800;
    color: #000 !important;
    text-transform: uppercase;
    margin-top: 10px;
    border-radius: 3px;
    text-decoration: none
}

.main-section.login-section .login-slider {
    padding: 125px 100px;
    background: #f5f5f5;
    border-left: 1px solid #ececec;
    display: block;
    min-height: 680px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.main-section.login-section .login-slider .owl-carousel .owl-controls {
    margin-top: 80px
}

.main-section.login-section .login-slider .owl-carousel .owl-controls .owl-dots .owl-dot span {
    width: 16px;
    height: 6px;
    background: #122d69;
    border-radius: 3px
}

.main-section.login-section .login-slider .owl-carousel .owl-controls .owl-dots .owl-dot.active span {
    background: #ff9800
}

.main-section.login-section .login-slider .owl-carousel .owl-item img {
    width: auto;
    display: inline-block
}

.main-section.login-section .login-slider .owl-carousel .slider-caption {
    text-transform: uppercase;
    font-size: 1.8em;
    font-weight: 700;
    color: #122d69
}

.main-section-padding {
    padding: 20px
}

.email-verification .message-success {
    font-family: 'Open Sans', sans-serif;
    color: #41cf18;
    font-weight: 700;
    font-size: 1.6em
}

.email-verification .message-error {
    font-family: 'Open Sans', sans-serif;
    color: #f54600;
    font-weight: 700;
    font-size: 1.6em
}

.inner-section .title {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 700
}

.inner-section .content {
    padding-top: 6px
}

.inner-section .content p {
    margin-bottom: 6px
}

.inner-section .contentblock {
    margin-bottom: 25px
}

.custom-tab .tab-content {
    padding: 15px 15px;
    border: 1px solid #ddd;
    border-top: none;
    clear: both;
    overflow: hidden
}

.captcha-wrapper {
    position: relative;
    border: 1px solid #e3e3e3;
    display: inline-block;
    padding: 10px 10px 45px 10px;
    border-radius: 3px;
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%)
}

.captcha-wrapper .captcha-image {
    display: inline-block
}

.captcha-wrapper .captcha-image img {
    width: 140px;
    height: auto
}

.captcha-wrapper .captcha-input {
    padding: 5px 0 5px 5px;
    display: inline-block;
    vertical-align: middle;
    width: 100px
}

.captcha-wrapper .captcha-refresh-link {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 5px;
    background-color: #fff;
    color: #000;
    border-radius: 3px;
    border: 1px solid #dedede;
    width: 100px;
    text-align: center;
    font-weight: bold;
    text-decoration: none
}

.dataTable .btn-group .action-link.dropdown-toggle {
    margin-bottom: 10px;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    text-decoration: none;
    border: 2px solid #09a5fc;
    margin: 0 3px;
    display: inline-block;
    padding: 4px 8px;
    background: #fff;
    color: #000;
    border-radius: 3px;
    font-weight: bold
}

.dataTable .btn-group .action-link.dropdown-toggle.open {
    margin-bottom: 10px;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    text-decoration: none;
    border: 2px solid #09a5fc !important;
    margin: 0 3px;
    display: inline-block;
    padding: 4px 8px;
    background: #09a5fc !important;
    color: #fff !important;
    border-radius: 3px;
    font-weight: bold
}

.dataTable .action-link {
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    text-decoration: none;
    border: 2px solid #09a5fc;
    margin: 0 3px 6px 3px;
    display: inline-block;
    padding: 4px 8px;
    background: #fff;
    color: #000;
    border-radius: 3px;
    font-weight: bold
}

.dataTable .action-link.remove {
    border: 2px solid #f44336;
    background: #fff;
    color: #000
}

.dataTable .btn-danger {
    color: #000
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom: 1px;
    background: #efefef
}

.custom-tab .nav-tabs>li.active>a {
    color: #333
}

.custom-tab .nav-tabs>li>a {
    color: #2152c0;
    font-weight: bold
}

.group-heading {
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase
}

.hline {
    border-bottom: 1px solid #ccc
}

.block {
    margin-bottom: 30px
}

.inner-block {
    margin-bottom: 15px
}

.modal {
    z-index: 999999999
}

.modal .modal-header {
    font-size: 1.2em;
    font-weight: bold;
    color: #122d69
}

.alert-info a {
    color: #001f2f;
    border-bottom: 1px solid;
    text-decoration: none;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.alert-info a:hover {
    border-bottom: 1px solid
}

.notification-area {
    text-align: left;
    position: fixed;
    top: 15px;
    left: 0;
    z-index: 9999;
    width: 100%
}

.notification-area .alert .close {
    opacity: 1;
    color: #fff
}

.notification-area .alert-info {
    background: #09c;
    color: #fff;
    border-color: #09c
}

.notification-area .alert-warning {
    background: #f80;
    color: #fff;
    border-color: #f80
}

.notification-area .alert-danger {
    background: #c00;
    color: #fff;
    border-color: #c00
}

.notification-area .alert-success {
    background: #007e33;
    color: #fff;
    border-color: #007e33
}

.notification-area .alert {
    box-shadow: 0 0 8px #949494;
    padding-left: 40px;
    position: relative
}

.notification-area .alert-info:after {
    font-family: 'FontAwesome';
    content: "";
    position: absolute;
    left: 15px;
    top: 15px
}

.notification-area .alert-warning:after {
    font-family: 'FontAwesome';
    content: "";
    position: absolute;
    left: 10px;
    top: 15px
}

.notification-area .alert-danger:after {
    font-family: 'FontAwesome';
    content: "";
    position: absolute;
    left: 15px;
    top: 15px
}

.notification-area .alert-success:after {
    font-family: 'FontAwesome';
    content: "";
    position: absolute;
    left: 15px;
    top: 15px
}

.blockMsg {
    background-color: transparent !important;
    border: none !important
}

.blockMsg .alert {
    box-shadow: 0 0 8px #949494;
    padding-left: 40px;
    position: relative
}

.blockMsg .alert-info:after {
    font-family: 'FontAwesome';
    content: "";
    position: absolute;
    left: 15px;
    top: 15px
}

.blockMsg .alert-warning:after {
    font-family: 'FontAwesome';
    content: "";
    position: absolute;
    left: 10px;
    top: 15px
}

.blockMsg .alert-danger:after {
    font-family: 'FontAwesome';
    content: "";
    position: absolute;
    left: 15px;
    top: 15px
}

.blockMsg .alert-success:after {
    font-family: 'FontAwesome';
    content: "";
    position: absolute;
    left: 15px;
    top: 15px
}

.custom-alert {
    position: fixed;
    top: 20px;
    left: 50%;
    width: 90%;
    margin-left: -45%;
    z-index: 99999
}

.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0
}

.error,
.error1 {
    color: #e80c4d
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
    display: block;
    margin-top: 5px
}

.field-validation-valid {
    display: none
}

input.input-validation-error,
input.has-custom-error {
    border: 1px solid #e80c4d
}

input.input-validation-error:focus,
input.input-validation-error:active,
input.input-validation-error:hover,
input.has-custom-error:focus,
input.has-custom-error:active,
input.has-custom-error:hover {
    border: 1px solid #e80c4d
}

input[type="checkbox"].input-validation-error,
input[type="checkbox"].has-custom-error {
    border: 0 none
}

textarea.input-validation-error,
textarea.has-custom-error,
select.input-validation-error,
select.has-custom-error {
    border: 1px solid #e80c4d
}

textarea.input-validation-error:focus,
textarea.input-validation-error:active,
textarea.input-validation-error:hover,
textarea.has-custom-error:focus,
textarea.has-custom-error:active,
textarea.has-custom-error:hover,
select.input-validation-error:focus,
select.input-validation-error:active,
select.input-validation-error:hover,
select.has-custom-error:focus,
select.has-custom-error:active,
select.has-custom-error:hover {
    border: 1px solid #e80c4d
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em
}

.validation-summary-valid {
    display: none
}

.blockUI {
    z-index: 2000
}

.dvLoad {
    display: none;
    position: fixed;
    z-index: 99999999999;
    top: 0;
    left: 50%;
    width: 180px;
    padding: 10px;
    margin-left: -80px;
    background: #ffeb3b;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #ffeb3b;
    border-top: none;
    padding-left: 70px;
    min-height: 50px
}

.dvLoad.static {
    display: none;
    position: relative;
    z-index: 99999999999;
    left: 50%;
    width: 200px;
    padding: 10px;
    margin-left: -100px;
    background: #ffeb3b;
    border-radius: 3px;
    border: 1px solid #ffeb3b;
    padding-left: 70px;
    min-height: 50px
}

.dvLoad i {
    position: absolute;
    top: 10px;
    left: 20px
}

.dvLoad span {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 700
}

.dvLoad span.fa-spinner {
    position: absolute;
    top: 10px;
    left: 20px
}

.dvLoad span.fa-spinner:before {
    font-family: 'FontAwesome';
    font-size: 1.3em
}

#main-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0
}

#main-nav.navbar {
    min-height: 71px;
    margin-bottom: 0;
    border-radius: 0
}

#main-nav .navbar-brand {
    padding: 3px 0;
    height: auto
}

#main-nav.navbar-default {
    background: #fff;
    box-shadow: 0 0 6px #484848;
    border: none
}

#main-nav .navbar-nav li.devider {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1.06em;
    font-weight: 600;
    padding-top: 24px;
    padding-bottom: 24px;
    color: #201d1a
}

#main-nav .navbar-nav>li>a {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1.06em;
    font-weight: 700;
    padding-top: 24px;
    padding-bottom: 24px;
    color: #201d1a
}

#main-nav .navbar-nav .dropdown-menu {
    border: none;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600
}

#main-nav .navbar-nav .dropdown-menu>li>a {
    font-weight: 600;
    padding: 6px 20px
}

#main-nav .main-nav-signup-btn {
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1.06em;
    font-weight: 600;
    background: #ff9800;
    color: #000 !important;
    padding: 8px 26px 8px 26px !important;
    margin: 15px 0 15px 10px;
    border: 2px solid #ff9800
}

#main-nav .main-nav-signup-btn span {
    font-size: 1em;
    line-height: 1.29em;
    opacity: 0;
    position: absolute;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

#main-nav .main-nav-signup-btn:hover {
    background: #ff9800;
    color: #000 !important
}

#main-nav .main-nav-signup-btn:hover span {
    opacity: 1;
    padding-left: 6px
}

#main-nav .main-nav-login-btn {
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1.06em;
    font-weight: 600;
    background: #122d69;
    color: #fff !important;
    padding: 10px 26px !important;
    margin: 15px 0 15px 10px
}

#main-nav .main-nav-login-btn span {
    font-size: 1.29em;
    opacity: 0;
    position: absolute;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

#main-nav .main-nav-login-btn:hover span {
    opacity: 1;
    padding-left: 10px
}

#main-nav .template-btn {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 1.38em;
    background: #00a8ff;
    color: #fff !important;
    padding: 8px 40px !important;
    margin: 15px 0 15px 10px;
    border-radius: 20px
}

.navbar-default .navbar-nav>.open>a {
    background: #f1f1f1
}

.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background: #f1f1f1
}

.navbar-right {
    margin-right: auto
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin-left: auto
}

.navbar-collapse {
    padding-right: 0
}

.create-account-wrapper {
    padding: 10px 0;
    text-align: center;
    color: #122d69;
    background: #e4e4e4;
    font-weight: 700;
    text-transform: uppercase
}

.create-account-wrapper .caption {
    padding-right: 10px
}

.create-account-wrapper .button-control {
    border-color: #122d69;
    background: #122d69;
    color: #fff;
    margin-bottom: 0
}

.main-slider-wrapper {
    position: relative
}

.main-slider-wrapper .owl-theme .owl-dots .owl-dot.active span {
    background-color: #122d69
}

.main-slider-wrapper .owl-theme .owl-dots .owl-dot {
    border: 2px solid transparent;
    margin: 0 4px;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.main-slider-wrapper .owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 6px;
    border-radius: 3px;
    margin: 3px
}

.main-slider-wrapper .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #122d69
}

.main-slider-wrapper .main-slider.owl-carousel.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #ff9800
}

.main-slider-wrapper .main-slider.owl-carousel .owl-item {
    border-bottom: 6px solid #ff9800
}

.main-slider-wrapper .main-slider.owl-carousel .owl-controls .owl-nav .owl-next,
.main-slider-wrapper .main-slider.owl-carousel .owl-controls .owl-nav .owl-prev {
    background: rgba(0, 0, 0, .3);
    height: 48px;
    width: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 48px;
    padding: 0;
    font-size: 1.6em;
    position: absolute;
    bottom: 50%;
    margin: -24px 0 0 0;
    color: #fff;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out
}

.main-slider-wrapper .main-slider.owl-carousel .owl-controls .owl-nav .owl-next {
    right: 24px
}

.main-slider-wrapper .main-slider.owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 24px
}

.main-slider-wrapper .main-slider.owl-carousel .slider-1-Caption {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    bottom: 40px;
    height: 300px;
    margin: auto;
    text-align: center;
    z-index: 99;
    border-bottom: none;
    background-color: transparent;
    text-transform: uppercase;
    color: #fff;
    border-top: 5px solid #e87500;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e87500), to(#f1b628));
    background-image: -webkit-linear-gradient(#e87500, #f1b628);
    background-image: -moz-linear-gradient(#e87500, #f1b628), -moz-linear-gradient(#e87500, #f1b628);
    background-image: -o-linear-gradient(#e87500, #f1b628), -o-linear-gradient(#e87500, #f1b628);
    background-image: linear-gradient(#e87500, #f1b628), linear-gradient(#e87500, #f1b628);
    -moz-background-size: 5px 100%;
    background-size: 5px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat
}

.main-slider-wrapper .main-slider.owl-carousel .slider-1-Caption small {
    font-weight: 300;
    font-size: 1.4em;
    letter-spacing: 10px
}

.main-slider-wrapper .main-slider.owl-carousel .slider-1-Caption .bold-caption {
    font-weight: 700;
    font-size: 4em
}

.main-slider-wrapper .main-slider.owl-carousel .slider-1-Caption .createprofile {
    width: 100%;
    position: absolute;
    bottom: 0
}

.main-slider-wrapper .main-slider.owl-carousel .slider-1-Caption .createprofile::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f1b427;
    width: 30%;
    height: 4px
}

.main-slider-wrapper .main-slider.owl-carousel .slider-1-Caption .createprofile::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: #f1b427;
    width: 30%;
    height: 4px
}

.main-slider-wrapper .main-slider.owl-carousel .slider-1-Caption .createprofile .btn-default {
    padding: 10px 40px;
    font-size: 1.2em;
    font-weight: 600;
    position: relative;
    top: 15px;
    margin-top: 5px;
    background: #09a5fc;
    border-color: #09a5fc;
    border-radius: 3px;
    color: #fff
}

.main-slider-wrapper .main-slider.owl-carousel .middle-caption {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    z-index: 1
}

.main-slider-wrapper .play-button,
.main-slider-wrapper .pause-button {
    position: absolute;
    bottom: 60px;
    right: 24px;
    z-index: 9;
    width: 48px;
    height: 48px;
    border-radius: 3px;
    background-color: #333;
    border: none;
    text-align: center;
    color: #fff;
    font-size: 1.1em;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out
}

.main-slider-wrapper .play-button:hover,
.main-slider-wrapper .pause-button:hover {
    background-color: #ff9800
}

.main-slider-wrapper .play-button {
    display: none
}

.owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 0
}

.owl-carousel .owl-controls .owl-nav .owl-next {
    right: 0
}

.caption-padding {
    padding: 20px
}

.welcome-text {
    margin-top: 35px;
    background: #fff;
    padding-bottom: 80px
}

.welcome-text h1 {
    font-size: 1.8em
}

.welcome-text p {
    line-height: 1.7em
}

.welcome-text .highlighted {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 1.7em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.8em
}

@media(max-width:640px) {
    .welcome-text .highlighted {
        margin-top: 0;
        font-size: 1.4em;
        line-height: 1.5em
    }
}

.online-services {
    padding: 100px 0;
    min-height: 660px;
    background: #122d69 url("../Images/online-services-bg.png")
}

.online-services h2 {
    font-size: 2.8em;
    color: #fff;
    font-weight: 800
}

.online-services .app-details {
    padding: 15px
}

.online-services .online-app {
    border-radius: 3px;
    margin-top: 100px;
    text-align: center;
    width: 100%;
    height: 360px;
    background: #fff;
    position: relative;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.online-services .online-app:hover .app-icon.spin::before {
    border-top-color: #ff9800;
    border-right-color: #ff9800;
    border-bottom-color: #ff9800;
    -moz-transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s;
    -o-transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s;
    -webkit-transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s;
    transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s
}

.online-services .online-app:hover .app-icon.spin::after {
    border: 0 solid transparent;
    border-top: 3px solid #ff9800;
    border-left-width: 3px;
    border-right-width: 3px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -moz-transition: transform .4s linear 0s, border-left-width 0s linear .35s;
    -o-transition: transform .4s linear 0s, border-left-width 0s linear .35s;
    -webkit-transition: transform .4s linear 0s, border-left-width 0s linear .35s;
    transition: border-left-width 0s linear .35s, -webkit-transform .4s linear 0s;
    transition: transform .4s linear 0s, border-left-width 0s linear .35s;
    transition: transform .4s linear 0s, border-left-width 0s linear .35s, -webkit-transform .4s linear 0s
}

.online-services .online-services-list-slider.owl-carousel .owl-controls .owl-nav .owl-next,
.online-services .online-services-list-slider.owl-carousel .owl-controls .owl-nav .owl-prev,
.online-services .online-services-list-slider.owl-carousel .owl-controls .owl-nav .owl-next:hover,
.online-services .online-services-list-slider.owl-carousel .owl-controls .owl-nav .owl-prev:hover {
    background: transparent !important;
    height: 48px;
    width: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 24px;
    padding: 0;
    font-size: 5em;
    position: absolute;
    top: 50%;
    margin: -24px 5px 0 5px;
    color: #fff
}

.online-services .online-services-list-slider.owl-carousel .owl-controls .owl-nav .owl-prev {
    left: -70px
}

.online-services .online-services-list-slider.owl-carousel .owl-controls .owl-nav .owl-next {
    right: -70px
}

.online-services .online-services-list-slider.owl-theme .owl-dots .owl-dot.active span {
    background: #122d69
}

.online-services .app-actions .dropup.btn-group .btn.dropdown-toggle {
    background: #ff9800 !important;
    color: #000 !important
}

.online-services .app-actions .dropup.btn-group.open .btn.dropdown-toggle {
    background: #122d69 !important;
    color: #fff !important
}

.onlineservices {
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.onlineservices .grid-filers {
    display: inline-block
}

.onlineservices .grid-filers .large-grid-btn.active,
.onlineservices .grid-filers .small-grid-btn.active {
    background: #ff9800
}

.onlineservices .grid-filers .large-grid-btn,
.onlineservices .grid-filers .small-grid-btn {
    margin-left: 10px;
    background: #dadada;
    border: none;
    outline: none;
    padding: 0
}

.onlineservices .onlineservices-app-wrapper {
    margin: 0 -15px
}

.onlineservices .onlineservices-app-wrapper .online-app-box {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    float: left
}

.onlineservices .online-app {
    border-radius: 3px;
    margin-top: 100px;
    text-align: center;
    width: 100%;
    height: 360px;
    background: #fff;
    position: relative;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    box-shadow: 0 0 26px rgba(148, 148, 148, .5);
    border: 1px solid #ccc
}

.onlineservices .online-app:hover .spin::after {
    border-top: 3px solid #ff9800;
    border-left-width: 3px;
    border-right-width: 3px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -moz-transition: transform .4s linear 0s, border-left-width 0s linear .35s;
    -o-transition: transform .4s linear 0s, border-left-width 0s linear .35s;
    -webkit-transition: transform .4s linear 0s, border-left-width 0s linear .35s;
    transition: border-left-width 0s linear .35s, -webkit-transform .4s linear 0s;
    transition: transform .4s linear 0s, border-left-width 0s linear .35s;
    transition: transform .4s linear 0s, border-left-width 0s linear .35s, -webkit-transform .4s linear 0s
}

.onlineservices .online-app:hover .app-icon.spin::before {
    border-top-color: #ff9800;
    border-right-color: #ff9800;
    border-bottom-color: #ff9800;
    -moz-transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s;
    -o-transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s;
    -webkit-transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s;
    transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s
}

.onlineservices .online-app:hover .app-icon.spin::after {
    border: 0 solid transparent;
    border-top: 3px solid #ff9800;
    border-left-width: 3px;
    border-right-width: 3px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -moz-transition: transform .4s linear 0s, border-left-width 0s linear .35s;
    -o-transition: transform .4s linear 0s, border-left-width 0s linear .35s;
    -webkit-transition: transform .4s linear 0s, border-left-width 0s linear .35s;
    transition: border-left-width 0s linear .35s, -webkit-transform .4s linear 0s;
    transition: transform .4s linear 0s, border-left-width 0s linear .35s;
    transition: transform .4s linear 0s, border-left-width 0s linear .35s, -webkit-transform .4s linear 0s
}

.onlineservices .online-app .badge {
    position: absolute;
    left: 0;
    bottom: 60px;
    text-align: center;
    background-color: transparent;
    width: 100%
}

.onlineservices .online-app .badge-count-details {
    color: #333;
    font-size: 1.2em;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: auto;
    padding: 10px;
    display: inline-block;
    text-decoration: none
}

.onlineservices .online-app .badge-count-details .badge-count {
    font-size: 1em;
    background: #ff9800;
    padding: 3px;
    border-radius: 50%;
    color: #000;
    min-width: 30px;
    min-height: 30px;
    display: inline-block;
    line-height: 1.5em
}

.onlineservices .online-app:hover .app-icon.spin {
    color: #0eb7da
}

.onlineservices .online-app .app-details {
    margin-top: 10px;
    padding: 15px
}

.onlineservices .app-icon-alt {
    display: none;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.onlineservices.small-grid .online-app {
    height: 140px;
    margin-top: 30px
}

.onlineservices.small-grid .app-icon {
    display: none
}

.onlineservices.small-grid .app-details {
    padding: 15px
}

.onlineservices.small-grid .app-details p {
    display: none
}

.onlineservices.small-grid .app-details h3,
.onlineservices.small-grid .app-details h2 {
    font-size: 1.2em;
    padding-left: 52px
}

.onlineservices.small-grid .app-icon-alt {
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    width: auto;
    opacity: .2
}

.onlineservices.small-grid .badge {
    width: auto;
    top: -15px;
    left: auto;
    right: -15px
}

.onlineservices.small-grid .badge-count-details {
    padding: 0
}

.onlineservices.small-grid .badge-caption {
    display: none
}

.app-icon {
    border: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 0 6px rgba(222, 222, 222, .5);
    -o-box-shadow: 0 0 0 6px rgba(222, 222, 222, .5);
    box-shadow: 0 0 0 6px rgba(222, 222, 222, .5);
    font-size: inherit;
    font-weight: 700;
    position: relative;
    vertical-align: middle;
    margin: -44px auto auto auto;
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 80px;
    background: #fff
}

.app-icon::before,
.app-icon::after {
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%
}

.app-icon.spin {
    padding: 0
}

.app-icon.spin::before {
    top: 0;
    left: 0
}

.spin::after {
    top: 0;
    left: 0
}

.spin::before {
    border: 3px solid transparent
}

.circle {
    border-radius: 100%
}

.circle::before,
.circle::after {
    border-radius: 100%
}

.app-icon img {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    margin: auto;
    width: auto !important
}

.app-actions {
    clear: both;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px
}

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

.app-actions .btn-group .btn {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600;
    width: 80%;
    float: left;
    padding: 8px 12px;
    border-radius: 0;
    background: #122d69;
    border: none;
    color: #fff;
    box-shadow: 0 0 20px #e5e5e5
}

.app-actions .dropup.btn-group .btn.dropdown-toggle {
    border-radius: 3px;
    width: 100%;
    margin-left: 0;
    background: #122d69
}

.app-actions .dropup.open.btn-group .btn.dropdown-toggle {
    background: #ff9800;
    color: #000 !important
}

.app-actions .dropup.btn-group .btn.dropdown-toggle span {
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.app-actions .dropup.open.btn-group .btn.dropdown-toggle span {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.app-actions .dropdown-menu>li>a {
    color: #333;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-weight: 600;
    padding: 6px 10px;
    white-space: normal
}

.app-actions .dropdown-menu>li>a:hover {
    color: #fff;
    background: none;
    background: #ff9800
}

.app-actions .app-btn {
    float: left;
    width: 80%
}

.app-actions .app-btn-group {
    float: left;
    width: 20%
}

.app-actions .seprator {
    margin-top: 10px;
    margin-bottom: 10px
}

.app-actions .dropdown-menu {
    width: 100%;
    border-radius: 0;
    bottom: 12px;
    border: none;
    -moz-box-shadow: 2px 4px 20px #b7b7b7;
    box-shadow: 2px 4px 20px #b7b7b7
}

.app-actions .dropdown-menu:after {
    content: '';
    bottom: -12px;
    right: 0;
    position: absolute;
    width: 0;
    height: 0;
    border-right: 0 solid transparent;
    border-left: 12px solid transparent;
    border-top: 12px solid #fff
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: #122d69
}

.single-profile {
    padding: 100px 0
}

.single-profile h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    color: #122c67;
    font-size: 2.8em
}

.single-profile h2 small {
    font-weight: 200;
    color: #333;
    display: block;
    margin-top: 10px
}

.single-profile h3 {
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.26em;
    font-size: 1.5em
}

.single-profile-content {
    min-height: 413px
}

.profile-content {
    margin-bottom: 40%
}

.main-features-list {
    clear: both;
    overflow: hidden;
    margin-top: 60px
}

.main-features-list li {
    min-height: 180px;
    float: left;
    width: 50%;
    padding: 15px;
    border-bottom: 1px solid #009ced;
    border-right: 1px solid #009ced;
    display: block;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -ms-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear
}

.main-features-list li:hover {
    background: #f4f4f4
}

.main-features-list li:nth-child(even) {
    border-right: none
}

.main-features-list li:nth-child(3),
.main-features-list li:nth-child(4) {
    border-bottom: none
}

.main-features-list li .heading {
    color: #009ced;
    font-size: 1.8em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700
}

.main-features-list li .details {
    margin-top: 10px;
    margin-bottom: 10px
}

.howitworks {
    background: #efefef;
    padding: 100px 0 120px 0;
    border-top: 1px solid #e4e4e4
}

.howitworks h2 {
    text-transform: uppercase;
    margin-bottom: 40px;
    font-size: 2.8em;
    font-weight: 800
}

.howitworks p {
    line-height: 1.8em;
    font-size: 1.1em
}

.howitworks .button-control {
    border-radius: 30px;
    padding: 10px 30px
}

.howitworks .img-responsive {
    display: inline !important
}

.howitworks .list-inline {
    padding-top: 60px
}

.howitworks .list-inline li {
    padding-right: 30px;
    content: '';
    background: url("../Images/HowItWorks-Arrow.png") no-repeat right center
}

.howitworks .list-inline li:last-child {
    background: none;
    padding-right: 0
}

.smc-mobile-apps {
    padding: 40px 0 0 0;
    min-height: 170px;
    background: #32d0fb;
    background-image: url("../Images/mobile-app-bg.png"), -moz-linear-gradient(left, #0085cf 0%, #78eaff 100%);
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url("../Images/mobile-app-bg.png"), -webkit-linear-gradient(left, #0085cf 0%, #78eaff 100%);
    background-image: url("../Images/mobile-app-bg.png"), linear-gradient(to right, #0085cf 0%, #78eaff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0085cf', endColorstr='#78eaff', GradientType=1)
}

.smc-mobile-apps p {
    color: #222;
    text-transform: uppercase;
    font-size: 1.4em
}

.smc-mobile-apps h3 {
    color: #222;
    text-transform: uppercase;
    font-size: 2.7em;
    margin-bottom: 15px;
    font-weight: 800
}

.smc-mobile-apps .home-smc-mobile-app {
    position: relative;
    min-height: 170px
}

.smc-mobile-apps .home-smc-mobile-app img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9
}

.imp-links {
    padding: 30px 0 10px 0;
    text-align: center
}

.imp-links .list-inline {
    margin: 0
}

.imp-links .list-inline li {
    border-right: 1px solid #ccc;
    padding: 0 45px;
    margin-bottom: 20px
}

.imp-links .list-inline li:first-child {
    padding-left: 0
}

.imp-links .list-inline li:last-child {
    border-right: none;
    padding-right: 0
}

.subscribeus {
    background: #009ced;
    color: #fff;
    padding: 10px 0;
    min-height: 34px;
    line-height: 34px
}

.subscribeus .form-control {
    border-color: #fff;
    box-shadow: none
}

.subscribeus .btn-default {
    background: #0685b7;
    border-color: #0685b7;
    color: #fff
}

.b-lazy {
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    max-width: 100%;
    opacity: .5
}

.b-lazy.b-loaded {
    opacity: 1
}

.movetotop {
    background: #007cbe;
    color: #fff;
    padding: 10px 0;
    min-height: 34px;
    line-height: 34px
}

.movetotop a {
    display: block;
    color: #fff;
    text-decoration: none
}

.movetotop a:link,
.movetotop a:focus,
.movetotop a:hover {
    display: block;
    color: #fff;
    text-decoration: none
}

.ContactUs-wrapper h2 {
    font-size: 1.6em;
    margin-bottom: 0
}

.ContactUs-wrapper h3 {
    font-size: 1.36em;
    color: #666
}

.ContactUs-wrapper .list-group {
    margin-bottom: 0
}

.ContactUs-wrapper .list-group-item {
    border: none;
    padding-left: 0
}

.list-group.mar-none {
    margin-bottom: 0
}

.description .list-group-item:last-child {
    font-weight: normal
}

.amount {
    text-align: right
}

.header-contents {
    border-bottom: 1px solid #e3e3e3;
    background: #f8f8f8
}

.card-common-for-app .card-link a {
    font-size: 1em;
    color: #122d69;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 10px;
    display: inline-block
}

.card-common-for-app .card {
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #00a8ff;
    background: #fff;
    min-height: 150px;
    position: relative;
    margin-bottom: 30px;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.card-common-for-app .card .count {
    font-weight: 200;
    text-align: center;
    font-size: 3em;
    color: #fff;
    display: inline-block;
    width: 30%;
    border-right: 1px solid #fff;
    padding-right: 6%;
    margin-right: 6%;
    height: 100%;
    vertical-align: middle
}

.card-common-for-app .card .card-text {
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    line-height: 2em;
    font-size: 1em;
    background-color: transparent
}

.card-common-for-app .card .card-text img {
    display: block
}

.card-common-for-app .card.common {
    padding: 10px;
    border-color: #e1e1e1
}

.card-common-for-app .card.common:hover {
    border-color: #ccc
}

.card-common-for-app .card.common .card-refresh {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.card-common-for-app .card.common:hover .card-refresh {
    display: inline-block
}

.card-common-for-app .card.common .card-name {
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 10px;
    margin-top: 10px
}

.card-common-for-app .card.common .card-icon {
    font-weight: 200;
    text-align: center;
    font-size: 3.8em;
    color: #fff;
    display: inline-block;
    width: 30%;
    border-right: 1px solid #ddd;
    padding-right: 6%;
    margin-right: 6%;
    height: 100%;
    vertical-align: middle
}

.card-common-for-app .card.common .card-text {
    font-size: 1em;
    color: #666
}

.card-common-for-app .card.common .card-text a {
    font-size: 1.14em;
    color: #666
}

.card-common-for-app .card.common .complaint {
    position: relative;
    display: block;
    min-height: 90px;
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #f7f7f7;
    text-decoration: none;
    font-weight: bold
}

.card-common-for-app .card.common .complaint:first-child {
    padding-top: 0
}

.card-common-for-app .card.common .complaint:last-child {
    border-bottom: none
}

.card-common-for-app .card.common .complaint .inner-complaint-caption {
    display: block;
    font-size: 1em
}

.card-common-for-app .card.common .complaint .complaint-count {
    text-align: center;
    font-weight: 900;
    font-size: 2.4em;
    line-height: 1.4em;
    display: inline-block
}

.card-common-for-app .card.common .complaint .complaint-caption {
    font-size: 1.2em
}

.card-common-for-app .card.common .complaint.completed-complaints {
    color: #2d682f
}

.card-common-for-app .card.common .complaint.completed-complaints.recent {
    color: #122d69
}

.card-common-for-app .card.common .complaint.pending-complaints {
    color: #a41309
}

.card-common-for-app .card.complaint {
    padding: 35px 15px;
    color: #fff;
    font-size: 16px;
    line-height: 69px;
    display: block;
    text-decoration: none
}

.card-common-for-app .card.completed-complaints {
    border: none;
    background: #5cb85c;
    background: #1acbb4;
    background: -moz-linear-gradient(left, #1acbb4 0%, #00a2d0 100%);
    background: -webkit-linear-gradient(left, #1acbb4 0%, #00a2d0 100%);
    background: linear-gradient(to right, #1acbb4 0%, #00a2d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1acbb4', endColorstr='#00a2d0', GradientType=1)
}

.card-common-for-app .card.notification-card button.close:focus,
.card-common-for-app .card.notification-card button.close:active {
    outline: none
}

.card-common-for-app .card.notification-card .close {
    opacity: .5;
    text-shadow: none;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out
}

.card-common-for-app .card.notification-card .close:hover {
    opacity: 1
}

.card-common-for-app .card.notification-card p {
    margin-bottom: 10px
}

.card-common-for-app .card.notification-card p:last-child {
    margin-bottom: 0
}

.card-common-for-app .card.notification-card .service-name {
    font-size: 1.3em;
    text-transform: uppercase
}

.card-common-for-app .card.notification-card .service-sr-no {
    font-size: 1.8em;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: bold
}

.card-common-for-app .card.notification-card:after {
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-family: FontAwesome;
    content: "";
    font-size: 1.6em
}

.card-common-for-app .card.notification-card.color1 {
    background-color: #2196f3;
    border-color: #0d8aee
}

.card-common-for-app .card.notification-card.color1 p {
    color: #042844 !important
}

.card-common-for-app .card.notification-card.color1:after {
    color: #0960a5
}

.card-common-for-app .card.notification-card.color2 {
    background-color: #ff9800;
    border-color: #e68900
}

.card-common-for-app .card.notification-card.color2 p {
    color: #331e00 !important
}

.card-common-for-app .card.notification-card.color2:after {
    color: #995b00
}

.card-complaint .card-link a {
    font-size: 1em;
    color: #122d69;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 10px;
    display: inline-block
}

.card-complaint .complaint-dashboard .card2.completed-complaints.recent {
    background: #00a2d0
}

.card-complaint .complaint-dashboard .card2.complaint {
    border-radius: 3px;
    margin-bottom: 30px;
    min-height: 132px;
    padding: 15px;
    color: #111;
    display: block;
    text-decoration: none;
    text-align: center;
    position: relative
}

.card-complaint .complaint-dashboard .card2.completed-complaints {
    border: none;
    background: #5cb85c
}

.card-complaint .complaint-dashboard .card2.common {
    padding: 10px;
    border-color: #e1e1e1
}

.card-complaint .complaint-dashboard .card2.common:hover {
    border-color: #ccc
}

.card-complaint .complaint-dashboard .card2.common .card-refresh {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.card-complaint .complaint-dashboard .card2.common:hover .card-refresh {
    display: inline-block
}

.card-complaint .complaint-dashboard .card2.common .card-name {
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
    color: #122d69;
    margin-top: 10px
}

.card-complaint .complaint-dashboard .card2.common .card-icon {
    font-weight: 200;
    text-align: center;
    font-size: 3.8em;
    color: #fff;
    display: inline-block;
    width: 30%;
    border-right: 1px solid #ddd;
    padding-right: 6%;
    margin-right: 6%;
    height: 100%;
    vertical-align: middle
}

.card-complaint .complaint-dashboard .card2.common .card-text {
    font-size: 1.14em
}

.card-complaint .complaint-dashboard .card2.pending-complaints,
.card-complaint .complaint-dashboard .card2.pending-complaints {
    border: none;
    background: #d9534f
}

.card-complaint .complaint-dashboard .card2 .count {
    font-weight: 700;
    text-align: center;
    font-size: 2.2em;
    color: #111;
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.card-complaint .complaint-dashboard .card2 .card-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.6em;
    font-size: 1.4em;
    font-weight: 600;
    background-color: transparent
}

.card-complaint .complaint-dashboard .card2 .card-text img {
    display: block
}

.well-sm {
    padding: 0;
    background: #fff;
    box-shadow: none;
    overflow: hidden
}

.well-sm .filter-contents,
.well-sm .display-contents {
    padding: 15px
}

.well-sm .alert {
    margin-bottom: 0
}

.well-sm.with-padding {
    padding: 15px;
    background: #f8f8f8
}

.well-sm.with-padding .form-group {
    margin-bottom: 0
}

.well-sm .header-contents {
    padding: 15px
}

.well-sm .header-contents h2 {
    margin-bottom: 0
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background: #e2e2e2;
    border-color: #ddd;
    color: #000
}

.pagination>li>a,
.pagination>li>span {
    color: #077ac7
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #000
}

table.dataTable thead .sorting_asc:after {
    color: #077ac7;
    opacity: 1
}

.action-contents {
    border-top: 1px solid #e3e3e3;
    padding: 10px 15px;
    background: #f8f8f8
}

.action-contents.alternate {
    margin: 15px -15px -15px -15px;
    padding: 15px;
    text-align: center
}

.action-contents.transactions {
    border: none;
    background: transparent;
    padding: 15px 0
}

.action-contents.transactions-alternate {
    border-top: 1px solid #ccc;
    background: #ececec;
    padding: 15px 0;
    text-align: right;
    margin-bottom: -30px
}

.action-contents.transactions .list-unstyled.action-btns {
    text-align: right
}

.action-contents .list-unstyled.action-btns {
    margin-bottom: 0
}

.action-contents .list-unstyled.action-btns li {
    display: inline-block;
    margin: 0 2px
}

.action-contents .list-unstyled.action-btns li:first-child {
    margin-left: 0
}

.action-contents .list-unstyled.action-btns li:last-child {
    margin-right: 0
}

.form .text-danger {
    color: #a41309;
    font-weight: bold
}

label.form-height {
    height: 34px;
    padding-top: 8px
}

.form-group legend {
    border: none;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1em
}

.form h1 {
    font-size: 1.8em;
    margin-bottom: 20px;
    background: #122d69;
    padding: 12px 15px;
    color: #fff;
    text-transform: uppercase
}

.form h1.alternate {
    font-size: 1.8em;
    margin-bottom: 25px;
    background-color: transparent;
    padding: 10px 0 0 0;
    color: #00a8ff
}

.page-heading h1 {
    font-size: 1.9em;
    margin-bottom: 20px;
    background: #00a8ff;
    padding: 12px 15px;
    color: #fff
}

.page-heading h1.alternate {
    text-transform: uppercase;
    font-size: 1.9em;
    margin-bottom: 25px;
    background-color: transparent;
    padding: 10px 0 0 0;
    color: #1b2f6d
}

.form h2 {
    font-size: 1.6em
}

.spl-diplay-block .spl-block {
    font-size: 2.2em;
    font-weight: bold;
    margin-top: 10px
}

.user-profile-wrapper {
    display: inline-block;
    text-align: left
}

.user-profile {
    padding: 8px 40px;
    background: #122d69;
    text-align: center
}

.user-profile img {
    width: 72px;
    height: auto
}

.user-profile-details {
    padding: 20px;
    border: 1px solid #ccc
}

.user-profile-details label {
    font-weight: normal;
    font-size: 1em
}

.user-profile-details .details {
    font-size: 1.1em;
    font-weight: 700;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.profile-completion-wrapper {
    margin-bottom: 30px
}

.profile-completion {
    background: #ccc;
    border-radius: 6px;
    height: 10px;
    overflow: hidden
}

.profile-completion .completed {
    background: #ff9800;
    height: 10px
}

.form.userprofile .form-control {
    border-radius: 3px;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0;
    font-size: 1.2em
}

.form-control {
    -moz-transition: border .3s linear;
    -o-transition: border .3s linear;
    -webkit-transition: border .3s linear;
    transition: border .3s linear;
    font-size: 1em;
    box-shadow: none
}

.form-control:focus {
    box-shadow: none;
    border-color: #03a9f4
}

.form-help {
    margin-top: 5px;
    color: #2e7d32;
    position: relative
}

.form-help span {
    color: #666
}

.form-help.small-text {
    font-size: 1em;
    font-size: .9em
}

.form-help.small-text.bold-text {
    font-weight: bold
}

.form-help.normal-text {
    font-size: 1em
}

.form-help.normal-text.bold-text {
    font-weight: bold
}

.form-help.big-text {
    font-size: 1.4em
}

.form-help.big-text.bold-text {
    font-weight: bold
}

.advanced-search-wrapper {
    margin-bottom: 0
}

.seprator {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #e3e3e3;
    position: relative
}

.OR-text {
    position: absolute;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    margin-left: -21px;
    margin-top: -21px;
    left: 50%;
    top: 50%;
    background: #f8f8f8;
    border: 1px solid #e3e3e3;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #353535;
    font-size: 1.3em;
    text-align: center
}

.advanced-search-filter {
    margin: 0 0 15px 0;
    padding: 0 0 25px 0;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0
}

.advanced-search-filter .close-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    background: none;
    color: #9e9e9e;
    padding: 0;
    border: none;
    font-size: 1.6em;
    outline: none;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.advanced-search-filter .close-btn:focus,
.advanced-search-filter .close-btn:active {
    position: absolute;
    right: 5px;
    top: 5px;
    background: none;
    color: #9e9e9e;
    padding: 0;
    border: none;
    font-size: 1.6em;
    outline: none;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.advanced-search-filter .close-btn:hover {
    color: #e80c4d
}

.adv-btn {
    background: #fff;
    border: 1px solid #3cb0fd;
    color: #3cb0fd;
    padding: 8px 14px;
    border-radius: 24px;
    outline: none
}

.adv-btn.collapsed i:before {
    content: ''
}

.adv-btn i:before {
    content: ''
}

.other-options {
    text-align: right;
    padding: 10px 0 0 0
}

.other-options .btn {
    border: none
}

.other-options .dropdown-menu {
    right: 0;
    left: auto
}

.other-options .btn-group.open i:before {
    content: ""
}

.online-services-concept-image {
    margin-top: -30px;
    min-height: 300px
}

.online-services-concept-image img {
    display: inline-block
}

.status-badge img {
    display: inline-block
}

.form-birth-certificate .birth-certificate-zone {
    display: inline-block;
    width: 70px;
    margin-right: 5px
}

.form-birth-certificate .birth-certificate-reg-year {
    display: inline-block;
    width: 140px;
    margin-right: 5px
}

.form-birth-certificate .birth-certificate-reg-number {
    display: inline-block;
    width: 70px;
    margin-right: 5px
}

.user-login-wrapper {
    min-height: 480px;
    box-shadow: 0 0 12px #ccc;
    background: url(../Images/icon-userlogin.png) center -60px no-repeat;
    border-radius: 3px;
    overflow: hidden
}

.user-login-wrapper h1 {
    background: #ff9800;
    border: none;
    margin-bottom: 0
}

.user-login-wrapper .contents {
    padding: 15px;
    margin-top: 130px;
    border-top: none
}

@-moz-keyframes blinker {
    50% {
        background-color: #2d682f
    }
}

@keyframes blinker {
    50% {
        background-color: #2d682f
    }
}

@keyframes pulseAnim {
    0% {
        box-shadow: 0 0 0 0 rgba(76, 175, 80, .4)
    }

    70% {
        box-shadow: 0 0 0 20px rgba(88, 120, 243, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(88, 120, 243, 0)
    }
}

.userbar {
    background-color: #ffb900;
    padding: 11px 0 8px 0;
    color: #000 !important;
    position: relative;
    border-top: 2px solid #4c093e;
}

.userbar a.link {
    color: #000;
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
    position: relative
}

.userbar a.link.new::before {
    content: "New";
    position: absolute;
    top: -19px;
    right: -22px;
    background-color: #5cb860;
    color: #fff;
    box-shadow: -1px 1px 4px 2px rgba(0, 0, 0, .2);
    font-size: .76em;
    border-radius: 33px;
    border: 1px solid #49a84d;
    padding: 1px 6px;
    text-transform: uppercase;
    -webkit-animation: pulseAnim 2s infinite;
    -moz-animation: pulseAnim 2s infinite;
    -o-animation: pulseAnim 2s infinite;
    animation: pulseAnim 2s infinite
}

.userbar .userbar-more-link,
.userbar .link {
    margin-right: 20px
}

.userbar .userbar-more-link {
    color: #000 !important;
    padding: 0;
    padding-right: 20px !important;
    font-weight: bold
}

.userbar .left-links a {
    color: #333
}

.userbar .user-menu .badge {
    position: absolute;
    top: -5px;
    right: 14px;
    background-color: #f44336
}

.userbar .user-menu hr {
    border-color: #e3e3e3
}

.userbar .user-menu .top-arrow {
    top: -10px;
    right: 10px;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.userbar .user-menu .dropdown-toggle,
.userbar .user-menu.open .dropdown-toggle {
    box-shadow: none;
    background-color: transparent;
    color: #000 !important;
    font-weight: bold;
    border: none
}

.userbar .user-menu .dropdown-menu {
    border-radius: 3px;
    left: auto;
    top: 30px;
    right: 0;
    border: none;
    width: 320px;
    padding: 0;
    color: #333
}

.userbar .user-menu .dropdown-menu .badge.profile-completion {
    right: auto;
    left: 10px;
    top: 10px;
    z-index: 999;
    cursor: help
}

.userbar .user-menu .dropdown-menu .badge.profile-completion.completed {
    background-color: #4caf50
}

.userbar .user-menu .dropdown-menu .badge.profile-completion.partial {
    background-color: #f0ad4e
}

.userbar .user-menu .dropdown-menu .badge.profile-completion.pending {
    background-color: #d9534f
}

.userbar .user-menu .dropdown-menu .profile-block {
    padding: 15px
}

.userbar .user-menu .dropdown-menu .profile-block .user-name {
    color: #122d69;
    font-weight: 700
}

.userbar .user-menu .dropdown-menu .profile-block .user-email {
    color: #122d69;
    margin-bottom: 10px;
    -ms-word-break: break-all;
    word-break: break-all
}

.userbar .user-menu .dropdown-menu .profile-block .edit-profile,
.userbar .user-menu .dropdown-menu .profile-block .change-EmailID,
.userbar .user-menu .dropdown-menu .profile-block .user-email,
.userbar .user-menu .dropdown-menu .profile-block .change-password {
    font-size: .9em
}

.userbar .user-menu .dropdown-menu .logout-block {
    border-top: 1px solid #ccc;
    background: #f8f8f8;
    padding: 10px 15px
}

.userbar .user-menu .dropdown-menu .logout-block .button-control {
    margin-bottom: 0;
    background: #ff9800;
    border-color: #ff9800;
    color: #000 !important
}

.userbar .notification-menu .dropdown-toggle {
    position: relative
}

.userbar .notification-menu .dropdown-toggle .notification {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    background-color: #ff9800;
    -moz-animation: pulse 1.5s infinite;
    -o-animation: pulse 1.5s infinite;
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite
}

.userbar .notification-menu .dropdown-toggle,
.userbar .notification-menu.open .dropdown-toggle {
    box-shadow: none;
    background-color: transparent;
    color: #fff;
    border: none
}

.userbar .notification-menu hr {
    border-color: #e3e3e3
}

.userbar .notification-menu .top-arrow {
    top: -10px;
    right: 10px;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.userbar .notification-menu .dropdown-menu {
    border-radius: 3px;
    left: auto;
    top: 30px;
    right: 16px;
    border: none;
    width: 320px;
    padding: 0;
    color: #333;
    min-height: 200px
}

.userbar .notification-menu .notification-wrapper {
    padding: 10px
}

.userbar .notification-menu .notification-wrapper .notification-commands {
    font-size: .9em;
    margin-bottom: 10px;
    color: #ff9800
}

.userbar .notification-menu .notification-wrapper .notification-commands a {
    text-decoration: none;
    color: #ff9800;
    font-weight: 700
}

.userbar .notification-menu .notification-wrapper .notification-contents .notification-list {
    font-size: .9em;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    display: block;
    margin-bottom: 5px;
    color: #122d69;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in;
    transition: all .6s ease-in
}

.userbar .notification-menu .notification-wrapper .notification-contents .notification-list.unread {
    color: #122d69;
    font-weight: 700
}

.userbar .notification-menu .notification-wrapper .notification-contents .notification-list:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.user-profile-completion-progress {
    padding: 10px 0 0 0
}

.complaint-status {
    display: inline-block;
    padding: 8px 10px;
    background-color: #d9edf7;
    border-radius: 3px;
    border: 1px solid #bce8f1;
    color: #31708f
}

.result-wrapper {
    padding: 25px 0
}

.help-information-wrapper {
    padding: 25px 0;
    margin-top: 25px;
    border-top: 1px solid #ededed
}

.help-information-wrapper h3 {
    font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
    font-size: 1.4em
}

.help-information-wrapper h4 {
    font-size: 1.2em
}

ul.list-unstyled.type1 li {
    padding-left: 15px;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative
}

ul.list-unstyled.type1 li:after {
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    content: "";
    color: #000;
    font-size: 1em
}

.panel-group .panel {
    border-radius: 0
}

.panel-group .panel .panel-heading {
    padding: 0
}

.panel-group .panel .panel-title>a {
    text-decoration: none;
    display: block;
    color: #333
}

.panel-group .panel .panel-title>a:link {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 10px 15px
}

.panel-group .panel .panel-title>a:hover,
.panel-group .panel .panel-title>a:focus,
.panel-group .panel .panel-title>a:active {
    text-decoration: none
}

.panel-customized {
    border-color: #ccc
}

.panel-customized .bookingDetailsHeader {
    border-bottom: 1px solid #ccc;
    padding: 15px 10px;
    font-weight: bold
}

.panel-customized .bookingDetails {
    border-bottom: 1px solid #ccc;
    padding: 15px 10px
}

.panel-customized .bookingDetails.total {
    padding: 15px 10px;
    background: #f5f5f5;
    border-bottom: none
}

.panel-customized.with-form-control .bookingDetails.total {
    padding: 15px 10px;
    background: #f5f5f5
}

.panel-customized.with-form-control .bookingDetails:last-child {
    border-bottom: none
}

.panel-customized .panel-body {
    padding: 0 15px 0 15px
}

.panel-body .action-contents {
    border: none;
    background-color: transparent
}

.collapsible-panel-wrapper .collapsible-panel-block {
    margin-bottom: 15px
}

.collapsible-panel-wrapper .collapsible-panel-block .collapsible-header-panel {
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 15px;
    border: 1px solid #ccc;
    padding-right: 40px;
    position: relative;
    color: #333;
    background: #f8f8f8;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.collapsible-panel-wrapper .collapsible-panel-block .collapsible-header-panel.collapsed {
    border-radius: 3px
}

.collapsible-panel-wrapper .collapsible-panel-block .collapsible-header-panel.collapsed:after {
    position: absolute;
    top: 15px;
    right: 10px;
    font-family: FontAwesome;
    content: "";
    color: #000;
    font-size: 1em
}

.collapsible-panel-wrapper .collapsible-panel-block .collapsible-header-panel:after {
    position: absolute;
    top: 15px;
    right: 10px;
    font-family: FontAwesome;
    content: "";
    color: #000;
    font-size: 1em
}

.collapsible-panel-wrapper .collapsible-panel-block .collapsible-contents-panel {
    border: 1px solid #ccc;
    border-top: none;
    display: block;
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.collapsible-panel-wrapper .collapsible-panel-block .collapsible-contents-panel a {
    -ms-word-break: break-all;
    word-break: break-all
}

@keyframes sonar {
    0% {
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: 1
    }

    100% {
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    80% {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.user-regi-completion-status {
    padding: 60px 0 30px 0;
    background-position: top center;
    background-repeat: repeat-y;
    margin-bottom: 80px
}

.user-regi-completion-status h2 {
    font-size: 1.9em;
    padding: 10px 14px;
    margin-top: 0;
    margin-bottom: 20px
}

.user-regi-completion-status .user-registration-details-wrapper {
    width: 70%;
    padding: 30px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .3);
    margin: 0 auto;
    min-height: 680px
}

.user-regi-completion-status .user-registration-details-wrapper .user-registration-details {
    padding: 15px;
    background: #f7f7f7;
    border: 1px solid #e9e9e9;
    margin-bottom: 25px
}

.user-regi-completion-status .user-registration-details-wrapper .user-registration-details .user-registration-label {
    text-align: right
}

.AboutWebsite .right-panel ul.list-unstyled {
    margin: 5px 0
}

.AboutWebsite .right-panel ul.list-unstyled li {
    margin-left: 0;
    margin-bottom: 10px
}

.AboutWebsite .right-panel ul.list-unstyled li:last-child {
    margin-bottom: 0
}

.badge-success {
    color: #132b14;
    background: #4caf50;
    margin-top: -2px;
    text-transform: uppercase
}

.badge-failure {
    color: #000;
    background: #ff9800;
    margin-top: -2px;
    text-transform: uppercase
}

.multiple-buttons-container li {
    display: inline-block;
    margin-right: 5px
}

.payment-g-box {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 4px;
    margin-right: 10px
}

.payment-g-box img {
    margin-left: 5px
}

.payment-step-process .steps .step-caption {
    background-color: transparent !important;
    color: #888;
    width: auto;
    height: auto
}

.payment-step-process .steps .step-no {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #888;
    color: #fff;
    line-height: 36px;
    text-align: center;
    border-radius: 36px;
    margin-bottom: 5px;
    margin-right: 5px
}

.payment-step-process .steps.active .step-caption {
    color: #333
}

.payment-step-process .steps.active .step-no {
    background-color: #333;
    color: #fff
}

.payment-step-process .steps.step-success .step-no {
    background-color: #4caf50;
    color: #fff
}

.payment-step-process .steps.step-fail .step-no {
    background-color: #f54600;
    color: #fff
}

.step-process {
    margin-bottom: 0;
    border-bottom: none;
    overflow: hidden;
    font-weight: 700;
    clear: both;
    font-size: 1.4em;
    text-transform: uppercase
}

.step-process .step {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #bbb;
    background-color: transparent;
    border: none
}

.step-process .step.active-step {
    color: #333;
    border-color: #00a8ff
}

.step-process .step.completed-step {
    color: #bbb
}

.step-process li {
    float: left;
    width: 33.33%
}

.step-process li:last-child {
    border-right: none
}

.loading {
    text-align: center;
    margin-bottom: 60px
}

.loading .loading-bar {
    display: inline-block;
    width: 4px;
    height: 18px;
    border-radius: 3px;
    -moz-animation: loading 1s ease-in-out infinite;
    -o-animation: loading 1s ease-in-out infinite;
    -webkit-animation: loading 1s ease-in-out infinite;
    animation: loading 1s ease-in-out infinite
}

.loading .loading-bar:nth-child(1) {
    background-color: #3498db;
    -moz-animation-delay: 0;
    -o-animation-delay: 0;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.loading .loading-bar:nth-child(2) {
    background-color: #c0392b;
    -moz-animation-delay: .09s;
    -o-animation-delay: .09s;
    -webkit-animation-delay: .09s;
    animation-delay: .09s
}

.loading .loading-bar:nth-child(3) {
    background-color: #f1c40f;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}

.loading .loading-bar:nth-child(4) {
    background-color: #27ae60;
    -moz-animation-delay: .27s;
    -o-animation-delay: .27s;
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}

.copyrightStatement p {
    line-height: 2em
}

@-moz-keyframes loading {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1, 2.2);
        -ms-transform: scale(1, 2.2);
        -o-transform: scale(1, 2.2);
        -webkit-transform: scale(1, 2.2);
        transform: scale(1, 2.2)
    }

    40% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loading {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1, 2.2);
        -ms-transform: scale(1, 2.2);
        -o-transform: scale(1, 2.2);
        -webkit-transform: scale(1, 2.2);
        transform: scale(1, 2.2)
    }

    40% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loading {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1, 2.2);
        -ms-transform: scale(1, 2.2);
        -o-transform: scale(1, 2.2);
        -webkit-transform: scale(1, 2.2);
        transform: scale(1, 2.2)
    }

    40% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.notification-desc {
    animation: animationFrames linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationFrames linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationFrames linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationFrames linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    z-index: 99999;
    width: 300px;
    position: fixed;
    right: 20px;
    bottom: 100px;
    background: #fff;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .16) !important
}

.notification-desc .heading {
    padding: 15px;
    background: #ff9800;
    color: #fff;
    font-size: 18px
}

.notification-desc .notification-contents {
    padding: 15px;
    border: 1px solid #ccc;
    height: 360px;
    overflow-y: auto;
    border-top: none
}

.notification {
    width: 180px;
    height: 56px;
    z-index: 99999;
    bottom: 25px;
    right: 0;
    position: fixed
}

.notification-link {
    text-align: left;
    padding: 5px 0;
    padding-left: 46px;
    outline: none;
    cursor: pointer;
    border: none;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #ff9800;
    color: #fff;
    -moz-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out
}

.notification-link i {
    position: absolute;
    top: 0;
    left: 0;
    height: 56px;
    line-height: 56px;
    text-align: center;
    width: 46px;
    background-color: transparent;
    font-size: 18px
}

#toggle-close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: transparent;
    color: rgba(0, 0, 0, .5);
    border: none;
    font-size: 20px;
    outline: none
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 25px solid transparent;
    position: absolute;
    bottom: -25px;
    right: 0;
    border-right: 25px solid #ff9800
}

.payment-details .list-group-item:last-child {
    font-weight: bold
}

.TenamentNumber .grid-btn {
    font-size: 24px;
    text-decoration: none;
    line-height: 30px
}

.TenamentNumber .form-control {
    padding: 6px;
    text-align: center
}

.TenamentNumber .form-control.one {
    width: 35px
}

.TenamentNumber .form-control.two {
    width: 40px
}

.TenamentNumber .input-group-addon:first-child .form-control {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.TenamentNumber .input-group-addon:last-child .form-control {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.print-receipt {
    text-align: center
}

.tags-wrapper {
    margin-bottom: 15px
}

.tags-wrapper .tags {
    clear: both;
    overflow: hidden;
    margin-top: 0
}

.tags-wrapper .tags li {
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left
}

.tags-wrapper .tags li .tag {
    text-decoration: none;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: inline-block;
    padding: 4px 6px;
    background: #f1f1f1;
    color: #333;
    border-radius: 3px;
    border: 1px solid #ccc
}

.tags-wrapper .tags li .tag:hover {
    background: #fff;
    color: #00a8ff
}

.related-links {
    padding: 15px;
    background: #122d69;
    background-image: linear-gradient(#764ba2 0, #122d69 100%);
    border-radius: 3px
}

.related-links.btn-group {
    padding: 0
}

.related-links h3 {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 12px
}

.related-links .seprator {
    margin-top: 10px;
    margin-bottom: 10px
}

.related-links .list-unstyled {
    margin-top: 15px
}

.related-links .list-unstyled.type1 li {
    margin-bottom: 10px
}

.related-links .list-unstyled.type1 li:after {
    color: #fff
}

.related-links .list-unstyled.type1 li.seprator {
    margin-left: 0;
    border: none;
    margin-top: 25px
}

.related-links .list-unstyled.type1 li.seprator:after {
    content: none
}

.related-links .list-unstyled a {
    color: #fff;
    font-weight: bold;
    font-size: 1.1em
}

.related-links-mobile .links {
    text-decoration: none;
    font-weight: bold
}

.related-links-mobile .links.collapsed i:before {
    content: ''
}

.related-links-mobile .links i:before {
    content: ''
}

.sitemap a {
    text-decoration: none
}

.sitemap.list-unstyled li {
    margin-bottom: 15px
}

.sitemap .list-unstyled.type1 li {
    margin-left: 20px
}

.sitemap .list-unstyled li:first-child {
    margin-top: 10px
}

.input-group-btn>.btn-default {
    color: #fff;
    background-color: #009ced;
    border-color: #009ced
}

.user-manual-box {
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    padding: 15px;
    min-height: 90px;
    margin-bottom: 30px;
    text-align: left;
    position: relative;
    display: block;
    text-decoration: none
}

.user-manual-box p:last-child {
    margin-bottom: 0
}

.user-manual-box:hover,
.user-manual-box:active,
.user-manual-box:focus {
    text-decoration: none
}

footer {
    background: #122d69;
    color: #fff;
    padding: 40px 0
}

footer .list-inline.links-footer {
    margin-bottom: 20px
}

footer .alternate-color {
    color: #52e4ff
}

footer .link {
    color: #fff;
    text-decoration: none;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
    border-bottom: 1px solid transparent
}

footer .link:hover {
    border-bottom: 1px solid #fff
}

footer .list-inline {
    margin-bottom: 15px;
    margin-left: 0
}

footer .list-inline li {
    padding: 0 11px 0 10px;
    border-left: 1px solid #fff;
    line-height: .96em
}

footer .list-inline li:first-child {
    border-left: none;
    padding-left: 0
}

footer .list-inline.links-main {
    text-align: right
}

footer .socials-links .link {
    opacity: .5;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    text-decoration: none;
    border: none
}

footer .socials-links .link:hover {
    opacity: 1;
    color: #52e4ff
}

footer .socials-links .list-inline {
    margin-bottom: 0;
    font-size: 1.6em
}

footer .socials-links .list-inline li {
    border: none
}

footer .sslcerti-wrapper {
    border-left: 1px solid #fff;
    text-align: center
}

footer .sslcerti-wrapper .ssl-img {
    margin-bottom: 10px
}

.site-translater {
    padding: 6px;
    background: #fff;
    width: auto;
    display: inline-block
}

.site-translater select {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.site-translater a {
    margin-bottom: 0 !important
}

.JSRequired {
    display: block;
    background-color: #c00;
    color: #fff;
    width: 100%;
    text-align: center;
    border: 0 none;
    position: fixed;
    top: 0;
    left: 0;
    padding: 15px 10px;
    z-index: 9999999999
}

.external-link {
    font-size: .8em !important;
    color: #f00
}

.ms-word {
    color: #00f
}

.ms-excel {
    color: #008000
}

.ms-powerpoint {
    color: #ff4500
}

.smoke-base {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 10000 !important
}

.smoke-base.smoke-visible {
    opacity: 1;
    visibility: visible
}

.smoke-base .dialog {
    position: absolute;
    top: 40%;
    width: 700px;
    left: 50%;
    margin-left: -350px
}

.smoke-base .dialog-inner {
    padding: 15px;
    color: #202020
}

.smokebg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.dialog-prompt {
    margin-top: 15px;
    text-align: center
}

.dialog-prompt input {
    margin: 0;
    font-family: sans-serif;
    border: 1px solid #aaa;
    width: 75%;
    display: inline-block;
    background-color: transparent;
    font-size: 1.065em;
    padding: 8px
}

.dialog-buttons {
    margin: 20px 0 5px 0
}

.dialog-buttons button {
    display: inline-block;
    vertical-align: baseline;
    cursor: pointer;
    font-style: normal;
    text-decoration: none;
    border: 0;
    margin: 0 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    font-weight: normal;
    padding: 9px 12px;
    background-color: #122d69;
    color: #fff;
    border-radius: 3px;
    min-width: 100px
}

.dialog-buttons button.cancel {
    background-color: #f8f8f8;
    color: #000
}

.smoke {
    text-align: center;
    font-size: 1em;
    line-height: 150%;
    background-color: #fff;
    box-shadow: 0 2px 8px #666;
    border-radius: 3px
}

.per-ticket-rate {
    text-align: center
}

.div-table .div-table-row {
    min-height: 60px;
    position: relative;
    padding: 15px;
    padding-bottom: 15px;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    border: 1px solid #e5e5e5;
    margin-top: -1px
}

.div-table .div-table-row:nth-child(even) {
    background: #f9f9f9
}

.div-table .div-table-row:hover {
    background: #f9f9f9
}

.div-table .div-table-row.header {
    font-weight: bold;
    text-align: center;
    background: #f2f2f2
}

.div-table .div-table-row.header:hover {
    font-weight: bold;
    text-align: center;
    background: #f2f2f2
}

.div-table .div-table-row.header.no-border {
    border: none;
    padding: 5px 15px;
    background: none
}

.div-table .div-table-row .file-name {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.div-table .div-table-row .file-download {
    text-align: center
}

.div-table .div-table-row .file-date {
    text-align: center
}

.form-control-inline-block {
    display: inline-block;
    width: auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    overflow: hidden
}

.form-control.has-error,
.form-control-inline-block.has-error {
    border-color: #b1446d
}

.hidden-file {
    opacity: 0;
    height: 1px;
    padding: 0;
    margin: 0;
    width: 0;
    line-height: 0;
    border: 0;
    z-index: -1
}

.process-panel {
    position: relative;
    overflow: hidden
}

.process-panel .percent {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 50px;
    display: inline-block;
    line-height: 20px;
    z-index: 1;
    right: 100%;
    margin-left: -50px;
    margin-top: -10px;
    font-weight: bold
}

.process-panel .process-bar {
    width: 0;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(76, 175, 80, .2);
    z-index: 1
}

.file-upload-container .process-panel:nth-child(even) {
    background: #f6f6f6
}

.form-help.guj-font-Shruti:after {
    top: -4px
}

.alert ul li {
    padding: 0 0 3px 0
}

.dropup .bottom-arrow {
    bottom: -10px;
    right: 10px;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff
}

.custom-tab-2 .tab-content {
    overflow: visible
}

.alertify-notifier .ajs-message.ajs-warning {
    border-color: #ead000 !important;
    background: #fff6ae !important
}

.alertify-notifier .ajs-message.ajs-info {
    background: #09c !important;
    color: #fff !important
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
    outline: none !important;
    border-radius: 3px !important
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    color: #fff !important;
    background: #09a5fc
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
    color: #05578e
}

.alertify .ajs-commands button.ajs-close {
    outline: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0xMS0yMlQxNDoxOTo1NCswNTozMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMTEtMjJUMTQ6Mjk6NDQrMDU6MzAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMTEtMjJUMTQ6Mjk6NDQrMDU6MzAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Y2JiYmEwNmYtOGNiZS1lZDRmLWI2MzktNTY5Njg3ZDE0YThhIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOmNiYmJhMDZmLThjYmUtZWQ0Zi1iNjM5LTU2OTY4N2QxNGE4YSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmNiYmJhMDZmLThjYmUtZWQ0Zi1iNjM5LTU2OTY4N2QxNGE4YSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Y2JiYmEwNmYtOGNiZS1lZDRmLWI2MzktNTY5Njg3ZDE0YThhIiBzdEV2dDp3aGVuPSIyMDE4LTExLTIyVDE0OjE5OjU0KzA1OjMwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsaBT1MAAACUSURBVDiN1VJbDoAwDALj/a9cf6zpatmWZYmxP3vIoBRpZvA67tXigQBAhz2Q5zMjQ2ZyNmtIFFI+f3XHfMnwohYa6TRaaY8zARkA7AFfACUta9nMfuD0eCKgcZ8Zy9EoaYa9lGZaJaOs/clsV/6MsAraK86iiqrMukcYSYZEXiPLVWLdFGcs546842XLs/cA/vDbXODWLD7/lbKxAAAAAElFTkSuQmCC") !important
}

.session-time {
    position: fixed;
    bottom: 0;
    left: auto;
    right: 15px;
    z-index: 9
}

.animated-wallet {
    position: absolute;
    bottom: 30px;
    right: 100px
}

.no-click {
    pointer-events: none
}

.booking-calendar-wrapper {
    overflow: hidden;
    border: 1px solid #e3e3e3;
    margin: 0 -.1em
}

.booking-calendar-wrapper .booking-month {
    padding: .5em;
    background-color: #f2f2f2;
    margin: .1em;
    overflow: hidden
}

.booking-calendar-wrapper .booking-month .month-wrapper {
    float: left;
    text-align: center;
    padding: .7em .5rem;
    cursor: pointer
}

.booking-calendar-wrapper .booking-month .month-wrapper.month-active {
    background-color: #122d69;
    color: #fff;
    border-radius: 3px
}

@media(min-width:1140px) {
    .booking-calendar-wrapper .booking-month .month-wrapper {
        width: 14.28%
    }
}

@media(min-width:990px) and (max-width:1140px) {
    .booking-calendar-wrapper .booking-month .month-wrapper {
        width: 33.33%
    }
}

@media(min-width:640px) and (max-width:990px) {
    .booking-calendar-wrapper .booking-month .month-wrapper {
        width: 50%
    }
}

.booking-calendar-wrapper .booking-calendar {
    padding: .1em
}

.booking-calendar-wrapper .booking-calendar .booking-month-selected {
    padding: .7em .5em .5em;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4em
}

.booking-calendar-wrapper .booking-calendar .booking-day .day-wrapper {
    width: 100%;
    float: left;
    text-align: center
}

.booking-calendar-wrapper .booking-calendar .booking-day .day-wrapper .day {
    font-weight: 700;
    padding: .8em;
    margin: .1em;
    background-color: #dde6f9
}

@media(min-width:1140px) {
    .booking-calendar-wrapper .booking-calendar .booking-day .day-wrapper {
        width: 14.28%
    }
}

@media(min-width:990px) and (max-width:1140px) {
    .booking-calendar-wrapper .booking-calendar .booking-day .day-wrapper {
        width: 33.33%
    }
}

@media(min-width:640px) and (max-width:990px) {
    .booking-calendar-wrapper .booking-calendar .booking-day .day-wrapper {
        width: 50%
    }
}

.booking-calendar-wrapper .booking-calendar .booking-date-wrapper {
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 700;
    padding: .1em
}

@media(min-width:1140px) {
    .booking-calendar-wrapper .booking-calendar .booking-date-wrapper {
        width: 14.28%
    }
}

@media(min-width:990px) and (max-width:1140px) {
    .booking-calendar-wrapper .booking-calendar .booking-date-wrapper {
        width: 33.33%
    }
}

@media(min-width:640px) and (max-width:990px) {
    .booking-calendar-wrapper .booking-calendar .booking-date-wrapper {
        width: 50%
    }
}

.booking-calendar-wrapper .booking-calendar .booking-date-wrapper .booking-slot-wrapper .booking-date {
    padding: .5em;
    background-color: #122d69;
    color: #fff;
    font-weight: 700;
    font-size: .9em;
    margin-bottom: .3em
}

.booking-calendar-wrapper .booking-calendar .booking-date-wrapper .booking-slot-wrapper .checkboxbtn-group {
    margin-bottom: .2em;
    border: 1px solid #e3e3e3;
    padding: .6em;
    width: 100%
}

.booking-calendar-wrapper .booking-calendar .booking-date-wrapper .booking-slot-wrapper .checkboxbtn-group .btn.active:after {
    color: #0026ff
}

.booking-calendar-wrapper .booking-calendar .booking-date-wrapper .booking-slot-wrapper .checkboxbtn-group.booked {
    background-color: #f77269;
    border-color: #f44034;
    color: #430804
}

.booking-calendar-wrapper .booking-calendar .booking-date-wrapper .booking-slot-wrapper .checkboxbtn-group.booked>.btn:after {
    color: #a41309;
    content: ""
}

.booking-calendar-wrapper .booking-calendar .booking-date-wrapper .booking-slot-wrapper .checkboxbtn-group.tempbooked {
    background-color: #d9eeda;
    border-color: #a0d6a2;
    color: #0e210f
}

.booking-calendar-wrapper .booking-calendar .booking-date-wrapper .booking-slot-wrapper .checkboxbtn-group.tempbooked>.btn:after {
    color: #4caf50;
    content: ""
}

.booking-calendar-wrapper .booking-calendar .booking-date-wrapper .booking-slot-wrapper .checkboxbtn-group.shortlisted {
    background-color: #c6e4fc;
    border-color: #65b6f7;
    color: #042844
}

.booking-calendar-wrapper .booking-calendar .booking-date-wrapper .booking-slot-wrapper .checkboxbtn-group.shortlisted>.btn:after {
    color: #2196f3;
    content: ""
}

.booking-calendar-wrapper .booking-calendar .booking-date-wrapper .booking-slot-wrapper .checkboxbtn-group.notifybooked {
    background-color: #f77269;
    border-color: #f44034;
    color: #430804
}

.booking-calendar-wrapper .booking-calendar .booking-date-wrapper .booking-slot-wrapper .checkboxbtn-group.notifybooked>.btn:after {
    color: #a41309
}

.legend {
    padding: .5em 1em;
    border: 1px solid #e3e3e3;
    color: #333;
    border-radius: 3px;
    margin-left: .1em;
    margin-bottom: .1em;
    display: inline-block
}

.legend.legend-danger {
    background-color: #f77269;
    border-color: #f44034;
    color: #430804
}

.legend.legend-tempbooked {
    background-color: #d9eeda;
    border-color: #a0d6a2;
    color: #0e210f
}

.legend.legend-shortlisted {
    background-color: #c6e4fc;
    border-color: #65b6f7;
    color: #042844
}

@media(max-width:1920px) {
    .onlineservices .onlineservices-app-wrapper .online-app-box {
        width: 25%;
        padding-left: 15px;
        padding-right: 15px;
        float: left
    }
}

@media(max-width:1366px) {
    .onlineservices .onlineservices-app-wrapper .online-app-box {
        width: 33.33%;
        padding-left: 15px;
        padding-right: 15px;
        float: left
    }
}

@media(max-width:1200px) {
    footer .sslcerti-wrapper {
        margin-top: 30px;
        border-left: none
    }

    .dataTable .action-link {
        display: block;
        width: 100%;
        margin-bottom: 10px
    }

    .dataTable .action-link:last-child {
        margin-bottom: 0
    }

    .dataTable .btn-group {
        display: block;
        margin-bottom: 10px
    }
}

@media(max-width:1024px) {
    .scrolltotop {
        width: 25px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .main-slider.owl-carousel .middle-caption {
        max-width: 600px
    }

    .main-slider.owl-carousel .slider-1-Caption {
        height: 200px
    }

    .main-slider.owl-carousel .slider-1-Caption .bold-caption {
        font-size: 2.4em
    }

    .userbar .userbar-more-link,
    .userbar .link {
        margin-right: 10px;
        padding-right: 0 !important
    }
}

@media(max-width:992px) {
    .onlineservices .onlineservices-app-wrapper .online-app-box {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        float: left
    }

    .main-features-list li {
        width: 100%;
        border-right: none
    }

    .main-features-list li:nth-child(3),
    .main-features-list li:nth-child(4) {
        border-bottom: 1px solid #009ced
    }

    .profile-content {
        margin-bottom: 20px
    }
}

@media(max-width:995px) and (min-width:768px) {
    .nav>li>a {
        padding: 6px 15px
    }

    #main-nav .main-nav-signup-btn a {
        padding: 8px 20px !important
    }
}

@media(max-width:767px) {
    body.other-pages {
        background: #fff
    }

    body.other-pages header {
        padding-bottom: 0
    }

    body.other-pages:before {
        content: '';
        background: none
    }

    body .page-wrapper {
        min-height: unset
    }

    .page-heading h1.alternate {
        margin-bottom: 15px
    }

    .navbar-toggle {
        margin-top: 11px
    }

    .main-nav-signup {
        text-decoration: none;
        display: inline-block !important;
        padding: 7px 15px;
        background: #ff9800;
        color: #fff;
        border-radius: 3px;
        margin-top: 11px;
        margin-right: 10px
    }

    .main-nav-signup:hover,
    .main-nav-signup:active,
    .main-nav-signup:link {
        color: #fff;
        text-decoration: none
    }

    .action-contents .list-unstyled.action-btns li {
        margin-bottom: 10px
    }

    .action-contents .list-unstyled.action-btns li:last-child {
        margin-bottom: 0
    }

    .user-registration-details-wrapper {
        width: 100%;
        margin: 10px auto 10px auto
    }

    .user-registration-label {
        text-align: left
    }

    .main-section {
        margin-top: 0;
        padding: 0
    }

    .main-section.login-section {
        box-shadow: none;
        min-height: unset;
        padding: 0
    }

    .main-section.login-section .login-wrapper {
        padding: 50px 0;
        min-width: unset
    }

    .main-section-padding {
        padding: 0
    }

    .main-slider.owl-carousel .slider-1-Caption {
        background: none;
        border: none;
        height: 100%;
        top: 30px
    }

    .main-slider.owl-carousel .slider-1-Caption .bold-caption {
        font-size: 1.6em
    }

    .main-slider.owl-carousel .slider-1-Caption .createprofile {
        bottom: 20px
    }

    .main-slider.owl-carousel .slider-1-Caption .createprofile::before,
    .main-slider.owl-carousel .slider-1-Caption .createprofile::after {
        background: none
    }

    .main-slider.owl-carousel .slider-1-Caption small {
        font-size: 1em
    }

    .form-birth-certificate .birth-certificate-zone,
    .form-birth-certificate .birth-certificate-reg-year,
    .form-birth-certificate .birth-certificate-reg-number {
        margin-right: 0;
        margin-bottom: 10px
    }

    .inner-block {
        margin-bottom: 20px
    }

    .howitworks .list-inline li {
        background-image: none;
        display: block;
        text-align: center
    }

    .smc-mobile-apps {
        padding: 40px 0
    }

    .imp-links .list-inline li {
        border: none;
        display: block;
        text-align: center;
        margin: 0;
        padding: 0;
        margin-bottom: 40px;
        width: 50%;
        float: left
    }

    .imp-links .list-inline li:first-child,
    .imp-links .list-inline li:last-child {
        margin: 0;
        padding: 0;
        margin-bottom: 40px;
        width: 50%;
        float: left
    }

    .main-features-list li {
        padding: 15px 0
    }

    .main-features-list li:last-child {
        border-bottom: none
    }

    #main-nav.navbar {
        min-height: inherit
    }

    #main-nav .navbar-brand {
        padding: 5px 0;
        margin-left: 15px
    }

    #main-nav .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    #main-nav .navbar-nav .dropdown-menu {
        box-shadow: none
    }

    .page-wrapper {
        background: #fff;
        margin-top: 15px
    }

    .navbar,
    .navbar-header {
        min-height: 60px
    }

    .welcome-text {
        padding-bottom: 0;
        padding: 30px 0
    }

    .main-features-list,
    .howitworks {
        padding: 30px 0
    }

    .howitworks h2 {
        margin-bottom: 20px
    }

    .howitworks .list-inline {
        padding-top: 20px
    }

    .single-profile {
        padding: 50px 0
    }

    .single-profile h2 {
        margin-bottom: 30px;
        font-size: 1.8em
    }

    .single-profile-content {
        min-height: initial;
        text-align: center
    }

    .action-contents.transactions .list-unstyled.action-btns {
        margin-top: 30px;
        text-align: center
    }

    .user-login {
        border: none
    }

    .profile-content,
    .profile-content-2 {
        margin-bottom: 40px
    }

    .user-login-wrapper {
        margin-bottom: 15px;
        border: 1px solid #ff9802;
        box-shadow: none
    }

    .transaction-status {
        position: relative;
        left: auto;
        top: auto
    }

    .transaction-details {
        padding-left: 0
    }

    .print-receipt {
        text-align: left
    }

    .transaction-details .button-control {
        margin-left: 0
    }

    footer .copyright {
        text-align: center
    }

    footer .copyright-wrapper .owner,
    footer .copyright-wrapper .copyright {
        margin-bottom: 10px;
        text-align: center
    }

    footer .list-inline li {
        margin-bottom: 15px
    }

    footer .list-inline.links-main {
        text-align: center;
        margin-top: 30px
    }

    footer .list-inline.links-footer {
        text-align: center
    }

    footer .sslcerti-wrapper {
        border: none
    }

    footer .socials-links {
        margin-bottom: 20px
    }

    footer .footer-links,
    footer .rights,
    footer .copyrights {
        text-align: center;
        margin-bottom: 10px
    }

    .payment-step-process .steps .step-caption {
        display: block;
        font-size: .78em
    }

    .per-ticket-rate {
        text-align: left
    }
}

@media(max-width:640px) {
    .button-control {
        margin-bottom: 15px;
        min-width: unset;
        padding: 8px
    }

    .button-control:visited {
        margin-bottom: 15px;
        min-width: unset;
        padding: 8px
    }

    .onlineservices .onlineservices-app-wrapper .online-app-box {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
        float: left
    }

    .action-contents {
        padding: 15px
    }

    .action-contents .list-unstyled.action-btns li {
        width: 100%;
        margin: 0
    }

    .action-contents .list-unstyled.action-btns li .button-control {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .action-contents .list-unstyled.action-btns li:last-child .button-control {
        margin-bottom: 0
    }
}

@media(max-width:440px) {
    .onlineservices .onlineservices-app-wrapper .online-app-box {
        width: 100%;
        float: left
    }
}

@media(max-width:360px) {
    .user-menu .dropdown-menu {
        right: -15px
    }

    .imp-links .list-inline li {
        width: 100%;
        float: none
    }

    .imp-links .list-inline li:first-child,
    .imp-links .list-inline li:last-child {
        width: 100%;
        float: none
    }

    .userbar .userbar-more-link,
    .userbar .link {
        padding-right: 10px
    }
}

@media(max-width:320px) {
    #main-nav .navbar-brand {
        margin-left: 5px
    }
}

@media print {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .no-print,
    .no-print * {
        display: none !important
    }

    .collapse {
        display: block
    }

    .container {
        width: 100%
    }

    body.other-pages:before {
        border: none
    }

    .button-control,
    .btn-group.related-links,
    .related-links-mobile .btn-link {
        display: none
    }

    .dataTable .action-link {
        display: none
    }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        display: none
    }

    .Common-Help-FAQs-wrapper .col-md-8 {
        width: 100%
    }

    .row {
        margin-left: -15px;
        margin-right: -15px
    }

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }

    .text-2x {
        font-size: 1.2em !important
    }

    .text-bold {
        font-weight: bold !important
    }

    .text-right {
        text-align: right
    }

    .pull-right {
        float: right
    }

    .mar-t20-for-print {
        margin-top: 20px
    }

    .mar-t30-for-print {
        margin-top: 30px
    }

    .header-print {
        width: 100%;
        padding: 30px 0 0 0;
        display: block;
        text-align: center
    }

    .header-print img {
        display: inline-block
    }

    .payment-step-process .width60 {
        width: 60% !important;
        float: left
    }

    .payment-step-process .width40 {
        width: 40% !important;
        float: left
    }

    .payment-step-process .width100 {
        width: 100% !important
    }

    .main-section {
        margin: auto
    }

    .main-section.witn-min-height {
        min-height: inherit
    }

    .payment-step-process .badge {
        padding: 0;
        font-size: 1.2em
    }

    header,
    .userbar,
    footer,
    .step-process,
    .movetotop,
    .page-heading,
    .main-slider.innerpage,
    .notification-area,
    .payment-step-process .button-control,
    body.other-pages:after {
        display: none !important
    }

    @page {
        size: auto;
        margin: 0
    }
}

.FontSize>.btn,
.HighContrast>.btn {
    padding: 1px 10px
}

.HighContrast {
    margin-left: 15px
}

.HighContrast .HighContrastView {
    background-color: #333;
    border-color: #333;
    color: #fff
}

.WCA {
    background-color: #222
}