.heading #list-screenshots #ic-feature .ic-feature-inner,
.ic-docs-list .ic-cv-single .ic-image .ic-image-part .ic-btn-cv,
.ic-particular-ques .particular-ques-inner .ic-text,
.ic-slider-section .ic-slider .slick-next-div,
.ic-slider-section .ic-slider .slick-prev-div,
.play-vedio,
footer #ic-build-resume .ic-build-resume-inner {
    display                : -webkit-box;
    display                : -moz-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-justify-content: center;
    -moz-justify-content   : center;
    -ms-justify-content    : center;
    justify-content        : center;
    -ms-flex-pack          : center;
    -webkit-align-items    : center;
    -moz-align-items       : center;
    -ms-align-items        : center;
    align-items            : center;
    height                 : 100%
}

footer #ic-build-resume .ic-build-resume-inner {
    height: auto !important
}

html {
    line-height             : 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin   : .67em 0
}

hr {
    box-sizing: content-box;
    height    : 0;
    overflow  : visible
}

pre {
    font-family: monospace, monospace;
    font-size  : 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom  : none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size  : 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size     : 75%;
    line-height   : 0;
    position      : relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size  : 100%;
    line-height: 1.15;
    margin     : 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding     : 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing : border-box;
    color      : inherit;
    display    : table;
    max-width  : 100%;
    padding    : 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding   : 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset    : -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font              : inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

/*!

 * animate.css -http://daneden.me/animate

 * Version - 3.6.0

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2018 Daniel Eden

 */
.animated {
    -webkit-animation-duration : 1s;
    animation-duration         : 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode        : both
}

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

@-webkit-keyframes bounce {

    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1);
        -webkit-transform                : translate3d(0, 0, 0);
        transform                        : translate3d(0, 0, 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);
        transform                        : translate3d(0, -30px, 0)
    }

    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);
        transform                        : translate3d(0, -15px, 0)
    }

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

@keyframes bounce {

    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1);
        -webkit-transform                : translate3d(0, 0, 0);
        transform                        : translate3d(0, 0, 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);
        transform                        : translate3d(0, -30px, 0)
    }

    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);
        transform                        : translate3d(0, -15px, 0)
    }

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

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

@-webkit-keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform        : scale3d(1, 1, 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: scale3d(1, 1, 1);
        transform        : scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform        : scale3d(1, 1, 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: scale3d(1, 1, 1);
        transform        : scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0)
    }

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

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

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0)
    }

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

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

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

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

.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: rotate3d(0, 0, 1, 15deg);
        transform        : rotate3d(0, 0, 1, 15deg)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0)
    }

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

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

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

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

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

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

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0)
    }

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

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

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

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

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

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

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

@-webkit-keyframes jello {

    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 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(.390625deg) skewY(.390625deg);
        transform        : skewX(.390625deg) skewY(.390625deg)
    }

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

@keyframes jello {

    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 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(.390625deg) skewY(.390625deg);
        transform        : skewX(.390625deg) skewY(.390625deg)
    }

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

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

@-webkit-keyframes bounceIn {

    20%,
    40%,
    60%,
    80%,
    from,
    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: scale3d(1, 1, 1);
        transform        : scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    20%,
    40%,
    60%,
    80%,
    from,
    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: scale3d(1, 1, 1);
        transform        : scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    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);
        transform        : translate3d(0, -3000px, 0)
    }

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

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

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

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

@keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    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);
        transform        : translate3d(0, -3000px, 0)
    }

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

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

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

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

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

@-webkit-keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    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);
        transform        : translate3d(-3000px, 0, 0)
    }

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

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

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

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

@keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    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);
        transform        : translate3d(-3000px, 0, 0)
    }

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

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

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

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

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

@-webkit-keyframes bounceInRight {

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

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

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

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

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

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

@keyframes bounceInRight {

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

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

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

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

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

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

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

@-webkit-keyframes bounceInUp {

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

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

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

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

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

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

@keyframes bounceInUp {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

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

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

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

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

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

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

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

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

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

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

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

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

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

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

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

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

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

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

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

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

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

    to {
        -webkit-transform-origin: center;
        transform-origin        : center;
        -webkit-transform       : translate3d(0, 0, 0);
        transform               : translate3d(0, 0, 0);
        opacity                 : 1
    }
}

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

    to {
        -webkit-transform-origin: center;
        transform-origin        : center;
        -webkit-transform       : translate3d(0, 0, 0);
        transform               : translate3d(0, 0, 0);
        opacity                 : 1
    }
}

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

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin        : left bottom;
        -webkit-transform       : translate3d(0, 0, 0);
        transform               : translate3d(0, 0, 0);
        opacity                 : 1
    }
}

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin        : left bottom;
        -webkit-transform       : translate3d(0, 0, 0);
        transform               : translate3d(0, 0, 0);
        opacity                 : 1
    }
}

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

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin        : right bottom;
        -webkit-transform       : translate3d(0, 0, 0);
        transform               : translate3d(0, 0, 0);
        opacity                 : 1
    }
}

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin        : right bottom;
        -webkit-transform       : translate3d(0, 0, 0);
        transform               : translate3d(0, 0, 0);
        opacity                 : 1
    }
}

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

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin        : left bottom;
        -webkit-transform       : translate3d(0, 0, 0);
        transform               : translate3d(0, 0, 0);
        opacity                 : 1
    }
}

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin        : left bottom;
        -webkit-transform       : translate3d(0, 0, 0);
        transform               : translate3d(0, 0, 0);
        opacity                 : 1
    }
}

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

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin        : right bottom;
        -webkit-transform       : translate3d(0, 0, 0);
        transform               : translate3d(0, 0, 0);
        opacity                 : 1
    }
}

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin        : right bottom;
        -webkit-transform       : translate3d(0, 0, 0);
        transform               : translate3d(0, 0, 0);
        opacity                 : 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

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

@keyframes rollOut {
    from {
        opacity: 1
    }

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

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity                          : 1;
        -webkit-transform                : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform                        : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.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-transform-origin         : center bottom;
        transform-origin                 : center bottom;
        -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-transform-origin         : center bottom;
        transform-origin                 : center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity                          : 1;
        -webkit-transform                : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform                        : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.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-transform-origin         : center bottom;
        transform-origin                 : center bottom;
        -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-transform-origin         : center bottom;
        transform-origin                 : center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0)
    }

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

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0)
    }

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

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

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0)
    }

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

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0)
    }

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

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

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0)
    }

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

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0)
    }

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

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

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0)
    }

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

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0)
    }

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

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

.noscroll {
    overflow: hidden
}

.column.left {
    display       : block;
    position      : relative;
    font-size     : 1rem;
    width         : 100%;
    max-width     : 920px !important;
    margin-left   : auto;
    margin-right  : auto;
    min-height    : 0;
    vertical-align: top
}

video-banner .video-banner-img {
    display   : block;
    width     : 100%;
    height    : 100%;
    object-fit: cover
}

.vedio-content {
    max-width        : 320px;
    position         : absolute;
    left             : 3vw;
    right            : 3vw;
    top              : 50%;
    text-align       : left;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    transform        : translateY(-50%)
}

.play-vedio {
    justify-content: flex-start;
    margin-top     : 30px
}

.play-vedio h2 {
    margin-left: 25px
}

@media (min-width:641px) {
    .video-banner-headline {
        left       : 2em;
        bottom     : 2.75em;
        font-size  : 1.5em;
        line-height: 1.5em
    }
}

.video-banner-icon-play {
    display           : block;
    z-index           : 5;
    -webkit-transform : scale(1);
    -moz-transform    : scale(1);
    -ms-transform     : scale(1);
    -o-transform      : scale(1);
    transform         : scale(1);
    -webkit-transition: all .2s ease-out 50ms;
    transition        : all .2s ease-out 50ms
}

.video-banner-icon-play:hover {
    -webkit-transform: scale(1.2);
    -moz-transform   : scale(1.2);
    -ms-transform    : scale(1.2);
    -o-transform     : scale(1.2);
    transform        : scale(1.2)
}

.video-modal,
.video-modal .overlay {
    position: absolute;
    top     : 0;
    right   : 0;
    bottom  : 0;
    left    : 0;
    z-index : 3000
}

.video-modal {
    overflow               : hidden;
    position               : fixed;
    opacity                : 0;
    -webkit-transform      : translate(500%, 0);
    transform              : translate(500%, 0);
    -webkit-transition     : -webkit-transform 0s linear 0s;
    transition             : transform 0s linear 0s;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-align      : center;
    -moz-box-align         : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    align-items            : center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style   : preserve-3d;
    transform-style        : preserve-3d
}

.video-modal .overlay {
    z-index           : 0;
    background        : rgba(20, 19, 19, .7);
    opacity           : 0;
    -webkit-transition: opacity .2s ease-out 50ms;
    transition        : opacity .2s ease-out 50ms
}

.video-modal-content {
    position   : relative;
    top        : auto;
    right      : auto;
    bottom     : auto;
    left       : auto;
    z-index    : 1;
    margin     : 0 auto;
    overflow-y : visible;
    background : #000;
    width      : calc(100% - 12em);
    height     : 0;
    padding-top: calc((100% - 12em) * .5625)
}

@media (min-aspect-ratio:16 / 9) {
    .video-modal-content {
        width       : 0;
        height      : calc(100vh - 10em);
        padding-top : 0;
        padding-left: calc((100vh - 10em) * 1.7778)
    }
}

@media (max-width:640px) {
    .video-modal-content {
        width      : calc(100% - 1em);
        padding-top: calc((100% - 1em) * .5625)
    }
}

.close-video-modal {
    display        : block;
    position       : absolute;
    left           : 0;
    top            : -40px;
    text-decoration: none;
    font-size      : 20px;
    font-weight    : 700;
    color          : #fff
}

iframe#youtube {
    position  : absolute;
    top       : 0;
    right     : 0;
    bottom    : 0;
    left      : 0;
    z-index   : 1;
    background: #000;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .5)
}

.show-video-modal .video-modal {
    opacity          : 1;
    transform        : translate(0, 0);
    -webkit-transform: translate(0, 0)
}

.show-video-modal .video-modal .overlay {
    opacity: 1
}

.show-video-modal .video-modal-content {
    transform        : translate(0, 0);
    -webkit-transform: translate(0, 0)
}

.slick-slider {
    position                   : relative;
    display                    : block;
    box-sizing                 : border-box;
    -webkit-user-select        : none;
    -moz-user-select           : none;
    -ms-user-select            : none;
    user-select                : none;
    -webkit-touch-callout      : none;
    -khtml-user-select         : none;
    -ms-touch-action           : pan-y;
    touch-action               : pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display : block;
    overflow: hidden;
    margin  : 0;
    padding : 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    -o-transform     : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0)
}

.slick-track {
    position    : relative;
    top         : 0;
    left        : 0;
    display     : block;
    margin-left : auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display   : none;
    float     : left;
    height    : 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height : auto;
    border : 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/*!

 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)

 *

 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)

 */
.datepicker {
    padding              : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
    direction            : ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker-rtl {
    direction: rtl
}

.datepicker-rtl.dropdown-menu {
    left: auto
}

.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top : 0;
    left: 0
}

.datepicker-dropdown:before {
    content            : '';
    display            : inline-block;
    border-left        : 7px solid transparent;
    border-right       : 7px solid transparent;
    border-bottom      : 7px solid #999;
    border-top         : 0;
    border-bottom-color: rgba(0, 0, 0, .2);
    position           : absolute
}

.datepicker-dropdown:after {
    content      : '';
    display      : inline-block;
    border-left  : 6px solid transparent;
    border-right : 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top   : 0;
    position     : absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom       : -7px;
    border-bottom: 0;
    border-top   : 7px solid #999
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom       : -6px;
    border-bottom: 0;
    border-top   : 6px solid #fff
}

.datepicker table {
    margin               : 0;
    -webkit-touch-callout: none;
    -webkit-user-select  : none;
    -khtml-user-select   : none;
    -moz-user-select     : none;
    -ms-user-select      : none;
    user-select          : none
}

.datepicker td,
.datepicker th {
    text-align           : center;
    width                : 20px;
    height               : 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
    border               : none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: #eee;
    cursor    : pointer
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0 0;
    color     : #999;
    cursor    : default
}

.datepicker table tr td.highlighted {
    background   : #d9edf7;
    border-radius: 0
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color : #fde19a;
    background-image : -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image : -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image : -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image : -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image : linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color     : #fdf59a #fdf59a #fbed50;
    border-color     : rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter           : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color            : #000
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background-color: #fdf59a
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active {
    background-color: #fbf069\9
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
    background           : #eee;
    -webkit-border-radius: 0;
    -moz-border-radius   : 0;
    border-radius        : 0
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover {
    background-color     : #f3d17a;
    background-image     : -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image     : -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image     : -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image     : -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image     : -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image     : linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-repeat    : repeat-x;
    filter               : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color         : #f3e97a #f3e97a #edde34;
    border-color         : rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter               : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius   : 0;
    border-radius        : 0
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today[disabled] {
    background-color: #f3e97a
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover:active {
    background-color: #efe24b\9
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
    background-color : #9e9e9e;
    background-image : -moz-linear-gradient(to bottom, #b3b3b3, grey);
    background-image : -ms-linear-gradient(to bottom, #b3b3b3, grey);
    background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey));
    background-image : -webkit-linear-gradient(to bottom, #b3b3b3, grey);
    background-image : -o-linear-gradient(to bottom, #b3b3b3, grey);
    background-image : linear-gradient(to bottom, #b3b3b3, grey);
    background-repeat: repeat-x;
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='grey', GradientType=0);
    border-color     : grey grey #595959;
    border-color     : rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter           : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color            : #fff;
    text-shadow      : 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected[disabled] {
    background-color: grey
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover:active {
    background-color: #666\9
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color : #006dcc;
    background-image : -moz-linear-gradient(to bottom, #08c, #04c);
    background-image : -ms-linear-gradient(to bottom, #08c, #04c);
    background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image : -webkit-linear-gradient(to bottom, #08c, #04c);
    background-image : -o-linear-gradient(to bottom, #08c, #04c);
    background-image : linear-gradient(to bottom, #08c, #04c);
    background-repeat: repeat-x;
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color     : #04c #04c #002a80;
    border-color     : rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter           : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color            : #fff;
    text-shadow      : 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: #04c
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span {
    display              : block;
    width                : 23%;
    height               : 54px;
    line-height          : 54px;
    float                : left;
    margin               : 1%;
    cursor               : pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color     : #999;
    cursor    : default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background-color : #006dcc;
    background-image : -moz-linear-gradient(to bottom, #08c, #04c);
    background-image : -ms-linear-gradient(to bottom, #08c, #04c);
    background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image : -webkit-linear-gradient(to bottom, #08c, #04c);
    background-image : -o-linear-gradient(to bottom, #08c, #04c);
    background-image : linear-gradient(to bottom, #08c, #04c);
    background-repeat: repeat-x;
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color     : #04c #04c #002a80;
    border-color     : rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter           : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color            : #fff;
    text-shadow      : 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
    background-color: #04c
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: #999
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #eee
}

.datepicker .next.disabled,
.datepicker .prev.disabled {
    visibility: hidden
}

.datepicker .cw {
    font-size     : 10px;
    width         : 12px;
    padding       : 0 2px 0 5px;
    vertical-align: middle
}

.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    margin-top: 3px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius   : 3px 0 0 3px;
    border-radius        : 3px 0 0 3px
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius   : 0 3px 3px 0;
    border-radius        : 0 3px 3px 0
}

.input-daterange .add-on {
    display         : inline-block;
    width           : auto;
    min-width       : 16px;
    height          : 18px;
    padding         : 4px 5px;
    font-weight     : 400;
    line-height     : 18px;
    text-align      : center;
    text-shadow     : 0 1px 0 #fff;
    vertical-align  : middle;
    background-color: #eee;
    border          : 1px solid #ccc;
    margin-left     : -5px;
    margin-right    : -5px
}

/*!

Chosen, a Select Box Enhancer for jQuery and Prototype

*/
.chosen-container {
    position           : relative;
    display            : inline-block;
    vertical-align     : middle;
    font-size          : 13px;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box
}

.chosen-container .chosen-drop {
    position          : absolute;
    top               : 100%;
    z-index           : 1010;
    width             : 100%;
    border            : 1px solid #aaa;
    border-top        : 0;
    background        : #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow        : 0 4px 5px rgba(0, 0, 0, .15);
    clip              : rect(0, 0, 0, 0);
    -webkit-clip-path : inset(100% 100%);
    clip-path         : inset(100% 100%)
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip             : auto;
    -webkit-clip-path: none;
    clip-path        : none
}

.chosen-container a {
    cursor: pointer
}

.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
    margin-right : 4px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    font-weight  : 400;
    color        : #999
}

.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
    content       : ":";
    padding-left  : 2px;
    vertical-align: top
}

.chosen-container-single .chosen-single {
    position          : relative;
    display           : block;
    overflow          : hidden;
    padding           : 0 0 0 8px;
    height            : 25px;
    border            : 1px solid #aaa;
    border-radius     : 5px;
    background-color  : #fff;
    background        : -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background        : linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip   : padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow        : 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color             : #444;
    text-decoration   : none;
    white-space       : nowrap;
    line-height       : 24px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display      : block;
    overflow     : hidden;
    margin-right : 26px;
    text-overflow: ellipsis;
    white-space  : nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position  : absolute;
    top       : 6px;
    right     : 26px;
    display   : block;
    width     : 12px;
    height    : 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size : 1px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top     : 0;
    right   : 0;
    display : block;
    width   : 18px;
    height  : 100%
}

.chosen-container-single .chosen-single div b {
    display   : block;
    width     : 100%;
    height    : 100%;
    background: url(chosen-sprite.png) no-repeat 0 2px
}

.chosen-container-single .chosen-search {
    position   : relative;
    z-index    : 1010;
    margin     : 0;
    padding    : 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    margin       : 1px 0;
    padding      : 4px 20px 4px 5px;
    width        : 100%;
    height       : auto;
    outline      : 0;
    border       : 1px solid #aaa;
    background   : url(chosen-sprite.png) no-repeat 100% -20px;
    font-size    : 1em;
    font-family  : sans-serif;
    line-height  : normal;
    border-radius: 0
}

.chosen-container-single .chosen-drop {
    margin-top     : -1px;
    border-radius  : 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position         : absolute;
    clip             : rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path        : inset(100% 100%)
}

.chosen-container .chosen-results {
    color                     : #444;
    position                  : relative;
    overflow-x                : hidden;
    overflow-y                : auto;
    margin                    : 0 4px 4px 0;
    padding                   : 0 0 0 4px;
    max-height                : 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display              : none;
    margin               : 0;
    padding              : 5px 6px;
    list-style           : none;
    line-height          : 15px;
    word-wrap            : break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor : pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color  : #ccc;
    cursor : default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    color           : #fff
}

.chosen-container .chosen-results li.no-results {
    color     : #777;
    display   : list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display    : list-item;
    font-weight: 700;
    cursor     : default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style     : normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position        : relative;
    overflow        : hidden;
    margin          : 0;
    padding         : 0 5px;
    width           : 100%;
    height          : auto;
    border          : 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor          : text
}

.chosen-container-multi .chosen-choices li {
    float     : left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin     : 0;
    padding    : 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin            : 1px 0;
    padding           : 0;
    height            : 25px;
    outline           : 0;
    border            : 0 !important;
    background        : 0 0 !important;
    -webkit-box-shadow: none;
    box-shadow        : none;
    color             : #999;
    font-size         : 100%;
    font-family       : sans-serif;
    line-height       : normal;
    border-radius     : 0;
    width             : 25px
}

.chosen-container-multi .chosen-choices li.search-choice {
    position          : relative;
    margin            : 3px 5px 3px 0;
    padding           : 3px 20px 3px 5px;
    border            : 1px solid #aaa;
    max-width         : 100%;
    border-radius     : 3px;
    background-color  : #eee;
    background-image  : -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image  : linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size   : 100% 19px;
    background-repeat : repeat-x;
    background-clip   : padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    box-shadow        : 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color             : #333;
    line-height       : 13px;
    cursor            : default
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position  : absolute;
    top       : 4px;
    right     : 3px;
    display   : block;
    width     : 12px;
    height    : 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size : 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right   : 5px;
    border          : 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color           : #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin : 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color  : #ccc;
    cursor : default
}

.chosen-container-active .chosen-single {
    border            : 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow        : 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border                    : 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius : 0;
    background-image          : -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image          : linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow        : 0 1px 0 #fff inset;
    box-shadow                : 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background : 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border            : 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow        : 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #222 !important
}

.chosen-disabled {
    opacity: .5 !important;
    cursor : default
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding : 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left : 26px;
    direction   : rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left : 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left : 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin : 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left : 4px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin : 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left : 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type=text] {
    padding   : 4px 5px 4px 20px;
    background: url(chosen-sprite.png) no-repeat -30px -20px;
    direction : rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx) {

    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span,
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container-single .chosen-search input[type=text],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-rtl .chosen-search input[type=text] {
        background-image : url(chosen-sprite@2x.png) !important;
        background-size  : 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

html {
    height: 100%
}

body {
    overflow-x      : hidden;
    font-family     : 'Open Sans', sans-serif;
    color           : #fff;
    font-size       : 16px;
    margin          : 0;
    color           : #333;
    background-color: #fff;
    height          : 100%
}

#page {
    height: 100%
}

#content {
    min-height: 100%
}

@media (max-width:300px) {
    body {
        overflow-x: scroll
    }
}

h1 {
    font-size    : 34px;
    line-height  : 44px;
    font-weight  : 600;
    color        : #303d46;
    margin-top   : 0;
    margin-bottom: 30px
}

h2 {
    font-size  : 25px;
    line-height: 33px;
    font-weight: 700;
    color      : #303d46
}

#career-blog-article h2,
.career-blog-article h2 {
    color: #56a5da
}

h3 {
    font-size     : 21px;
    margin-bottom : 10px;
    line-height   : 31px;
    color         : #303d46;
    font-weight   : 600;
    text-transform: capitalize
}

h4 {
    font-size     : 18px;
    font-weight   : 600;
    color         : #1e87ff;
    text-transform: capitalize
}

h5 {
    font-size: 18px
}

h6 {
    font-size    : 16px;
    margin-bottom: 15px;
    font-weight  : 600
}

p {
    font-size    : 16px;
    margin-bottom: 0
}

section {
    padding-top   : 45px;
    padding-bottom: 45px
}

.btn:focus,
button:focus {
    outline   : 0;
    box-shadow: none
}

a {
    -webkit-transition: .3s;
    -moz-transition   : .3s;
    -ms-transition    : .3s;
    -o-transition     : .3s;
    transition        : .3s
}

a::focus {
    border: none
}

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

*,
::after,
::before {
    box-sizing: border-box
}

.mar-six-thi {
    margin-bottom: 30px
}

.semibold {
    font-weight: 600
}

@media (min-width:768px) {
    section {
        padding-top   : 80px;
        padding-bottom: 80px
    }

    .mar-six-thi {
        margin-bottom: 60px
    }
}

.primary-color {
    color: #1e87ff
}

.theme-select {
    display : inline-block;
    width   : 100%;
    position: relative;
    height  : 50px
}

.theme-select::after {
    content       : "\f078";
    position      : absolute;
    right         : 25px;
    top           : 50%;
    transform     : translateY(-50%);
    color         : #333;
    font-family   : fontawesome;
    pointer-events: none;
    font-size     : 12px;
    font-weight   : 700
}

.chosen-container-single a:not([href]):not([tabindex]) {
    color          : #333;
    text-decoration: none
}

.chosen-container-single .chosen-single {
    height               : 50px;
    border               : 1px solid;
    border-radius        : 0;
    background           : 0 0;
    box-shadow           : none;
    padding-left         : 12px;
    color                : #333;
    display              : -webkit-box;
    display              : -moz-box;
    display              : -ms-flexbox;
    display              : -webkit-flex;
    display              : flex;
    -webkit-align-items  : center;
    -moz-align-items     : center;
    -ms-align-items      : center;
    align-items          : center;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-image  : none;
    -webkit-box-shadow: none;
    box-shadow        : none;
    border            : 1px solid
}

.chosen-container-single .chosen-single span {
    font-weight: 400;
    font-size  : 14px
}

.chosen-container-single .chosen-drop {
    border-radius     : 0;
    box-shadow        : 0 2px 5px rgba(17, 17, 17, .3);
    -webkit-box-shadow: 0 2px 5px rgba(17, 17, 17, .3);
    -moz-box-shadow   : 0 2px 5px rgba(17, 17, 17, .3);
    border            : 1px solid rgba(17, 17, 17, .3)
}

.chosen-container ul.chosen-results {
    padding-left: 0;
    margin      : 0
}

.chosen-container .chosen-results li {
    font-size : 16px;
    border-top: 1px solid rgba(0, 0, 0, .03);
    padding   : 11px 6px
}

.chosen-container .chosen-results li:not(:last-child) {
    border-bottom: 1px solid #efefef
}

.chosen-container .chosen-results li.highlighted {
    color: #fff
}

.form-control {
    border               : 1px solid #959595;
    color                : #1e87ff;
    font-size            : 14px;
    background-color     : transparent;
    height               : 50px;
    line-height          : 50px;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    padding-left         : 20px;
    margin-bottom        : 20px
}

.form-control::placeholder {
    color        : #959595;
    text-overflow: ellipsis;
    overflow     : hidden
}

.form-control:focus {
    color: #959595
}

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

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

.form-control:-moz-input-placeholder {
    color: #959595
}

.form-control:focus,
.form-control:hover {
    border    : 1px solid #1e87ff;
    box-shadow: none;
    color     : #1e87ff
}

.checkbox-container {
    display            : block;
    position           : relative;
    margin-top         : 5px;
    cursor             : pointer;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none;
    -webkit-transiton  : all .3s;
    -moz-transiton     : all .3s;
    -o-transiton       : all .3s;
    transition         : all .3s;
    padding-left       : 30px
}

.checkbox-container input {
    position: absolute;
    opacity : 0;
    cursor  : pointer;
    height  : 0;
    width   : 0
}

.checkbox-container input:checked~.checkmark {
    background-color: #1e87ff
}

.checkbox-container .checkmark {
    position             : absolute;
    top                  : 4px;
    left                 : 0;
    height               : 16px;
    width                : 16px;
    border-radius        : 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius   : 2px;
    border               : 1px solid #1e87ff
}

.checkbox-container .checkmark:after {
    content           : "";
    position          : absolute;
    display           : none;
    transition        : transform 1s;
    -webkit-transition: transform 1s;
    left              : 5px;
    top               : 2px;
    width             : 5px;
    height            : 8px;
    border            : solid #fff;
    border-width      : 0 2px 2px 0
}

.checkbox-container input:checked~.checkmark:after {
    display          : block;
    -webkit-transform: rotate(45deg);
    -ms-transform    : rotate(45deg);
    transform        : rotate(45deg)
}

ul.ic-pagination.pagination {
    padding-top: 80px;
    margin     : 0
}

ul.ic-pagination.pagination li.page-item:not(:last-child) {
    margin-right: 40px
}

ul.ic-pagination.pagination li.page-item .page-link:hover {
    border-color: #1e87ff
}

ul.ic-pagination.pagination li.page-item.active a.page-link,
ul.ic-pagination.pagination li.page-item:hover a.page-link {
    background-color: #1e87ff;
    color           : #fff
}

@media only screen and (max-width:767px) {
    h1 {
        font-size: 28px
    }

    h2 {
        font-size: 22px
    }

    h3 {
        font-size: 20px
    }
}

::-moz-selection {
    background-color: #1e87ff
}

::selection {
    background-color: #1e87ff
}

a {
    display        : inline-block;
    text-decoration: none !important
}

a:hover {
    color  : inherit;
    outline: 0
}

.ic-btn-solid {
    position             : relative;
    line-height          : 50px;
    height               : 50px;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    padding-left         : 25px;
    padding-right        : 25px;
    font-size            : 16px;
    font-weight          : 400;
    color                : #fff;
    border               : 1px solid #1e87ff;
    -webkit-transition   : all .3s ease-in-out 0s;
    -moz-transition      : all .3s ease-in-out 0s;
    -ms-transition       : all .3s ease-in-out 0s;
    -o-transition        : all .3s ease-in-out 0s;
    transition           : all .3s ease-in-out 0s;
    background-color     : #1e87ff;
    text-transform       : capitalize
}

.ic-btn-solid.active,
.ic-btn-solid:hover {
    color     : #1e87ff;
    background: 0 0
}

.ic-btn-primarytwo {
    position             : relative;
    line-height          : 50px;
    height               : 50px;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    padding-left         : 25px;
    padding-right        : 25px;
    font-size            : 16px;
    font-weight          : 400;
    color                : #fff;
    border               : 1px solid #1e87ff;
    -webkit-transition   : all .3s ease-in-out 0s;
    -moz-transition      : all .3s ease-in-out 0s;
    -ms-transition       : all .3s ease-in-out 0s;
    -o-transition        : all .3s ease-in-out 0s;
    transition           : all .3s ease-in-out 0s;
    background-image     : -moz-linear-gradient(0deg, #24b0fe 0, #237efd 100%);
    background-image     : -webkit-linear-gradient(0deg, #24b0fe 0, #237efd 100%);
    background-image     : -ms-linear-gradient(0deg, #24b0fe 0, #237efd 100%)
}

.ic-btn-primarytwo.active,
.ic-btn-primarytwo:hover {
    color           : #1e87ff;
    background-image: none !important
}

.ic-btn-primary {
    position             : relative;
    line-height          : 50px;
    height               : 50px;
    padding              : 0;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    padding-left         : 35px;
    padding-right        : 35px;
    color                : #1e87ff;
    font-size            : 14px;
    font-weight          : 600;
    -webkit-transition   : all .3s ease-in-out 0s;
    -moz-transition      : all .3s ease-in-out 0s;
    -ms-transition       : all .3s ease-in-out 0s;
    -o-transition        : all .3s ease-in-out 0s;
    transition           : all .3s ease-in-out 0s
}

.ic-btn-primary.active,
.ic-btn-primary:hover {
    color           : #fff;
    background-color: #1e87ff;
    background-image: linear-gradient(to left, #24e2ff 0, #1e87ff 100%)
}

.ic-btn-primary.ic-btn-primary2.active,
.ic-btn-primary.ic-btn-primary2:hover {
    color           : #fff;
    background-color: #1e87ff;
    background-image: linear-gradient(to left, #1e87ff 0, #24e2ff 100%)
}

.ic-form-btn {
    position               : relative;
    height                 : 49px;
    padding                : 0;
    border-radius          : 4px;
    -webkit-border-radius  : 4px;
    -moz-border-radius     : 4px;
    color                  : #fff;
    background-color       : #1e87ff;
    font-size              : 16px;
    font-weight            : 700;
    font-weight            : 600;
    padding                : 0 35px;
    text-transform         : uppercase;
    -webkit-transition     : .3s ease-in-out;
    -moz-transition        : .3s ease-in-out;
    -ms-transition         : .3s ease-in-out;
    -o-transition          : .3s ease-in-out;
    transition             : .3s ease-in-out;
    border                 : 1px solid #1e87ff;
    display                : -webkit-box;
    display                : -moz-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-justify-content: center;
    -moz-justify-content   : center;
    -ms-justify-content    : center;
    justify-content        : center;
    -ms-flex-pack          : center;
    -webkit-align-items    : center;
    -moz-align-items       : center;
    -ms-align-items        : center;
    align-items            : center;
    cursor                 : pointer
}

.ic-form-btn:hover {
    color     : #1e87ff;
    background: 0 0
}

.ic-form-btn i {
    padding-right: 15px;
    font-size    : 30px
}

a.ic-load-more-btn.ic-btn-primarytwo.ic-invert {
    background      : 0 0;
    color           : #1e87ff;
    height          : 44px;
    line-height     : 44px;
    background-color: #fff;
    font-weight     : 600
}

a.ic-load-more-btn.ic-btn-primarytwo.ic-invert:hover {
    background: #1e87ff;
    color     : #fff
}

main {
    padding-top: 68px
}

header.ic-header {
    position        : fixed;
    z-index         : 10;
    width           : 100%;
    top             : 0;
    background-color: #fff
}

header .dropdown-toggle::after {
    display: none
}

header nav.ic-navbar {
    padding-top   : 15px;
    padding-bottom: 15px;
    padding-left  : 50px;
    padding-right : 42px
}

header nav.ic-navbar a.navbar-brand {
    padding: 0
}

header nav.ic-navbar button.navbar-toggler {
    min-width: 90px
}

header nav.ic-navbar button.navbar-toggler #nav-icon2 {
    margin-left       : auto;
    margin-right      : auto;
    width             : 36px;
    height            : 25px;
    position          : relative;
    top               : 5px;
    -webkit-transform : rotate(0);
    -moz-transform    : rotate(0);
    -o-transform      : rotate(0);
    transform         : rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition   : .5s ease-in-out;
    -o-transition     : .5s ease-in-out;
    transition        : .5s ease-in-out;
    cursor            : pointer
}

header nav.ic-navbar button.navbar-toggler #nav-icon2 span {
    display           : block;
    position          : absolute;
    height            : 2px;
    width             : 50%;
    background        : #1e87ff;
    opacity           : 1;
    -webkit-transform : rotate(0);
    -moz-transform    : rotate(0);
    -o-transform      : rotate(0);
    transform         : rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition   : .25s ease-in-out;
    -o-transition     : .25s ease-in-out;
    transition        : .25s ease-in-out
}

header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(even) {
    left         : 50%;
    border-radius: 0 9px 9px 0
}

header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(odd) {
    left         : 0;
    border-radius: 9px 0 0 9px
}

header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(1),
header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(2) {
    top: 0
}

header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(3),
header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(4) {
    top: 8px
}

header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(5),
header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(6) {
    top: 16px
}

header nav.ic-navbar .log-sign-ul {
    -webkit-flex-direction: row;
    -moz-flex-direction   : row;
    -ms-flex-direction    : row;
    flex-direction        : row;
    margin-left           : auto
}

header nav.ic-navbar .ic-order {
    order: 5
}

header nav.ic-navbar .collapse.navbar-collapse {
    order: 4
}

header nav.ic-navbar ul.navbar-nav li.nav-item a {
    font-size: 18px
}

header nav.ic-navbar ul.navbar-nav li.nav-item a.nav-link {
    padding-top       : 12px;
    padding-bottom    : 12px;
    color             : #212121;
    z-index           : 2;
    padding-left      : 18px;
    padding-right     : 18px;
    position          : relative;
    -webkit-transition: .2s ease-in-out;
    -moz-transition   : .2s ease-in-out;
    -ms-transition    : .2s ease-in-out;
    -o-transition     : .2s ease-in-out;
    transition        : .2s ease-in-out
}

header nav.ic-navbar ul.navbar-nav li.nav-item a.nav-link:not(#ic-btn-reg):not(#ic-btn-signin)::after {
    position          : absolute;
    bottom            : 0;
    opacity           : 0;
    left              : 50%;
    -webkit-transform : translate(-50%, 0) scale(0);
    -moz-transform    : translate(-50%, 0) scale(0);
    -ms-transform     : translate(-50%, 0) scale(0);
    transform         : translate(-50%, 0) scale(0);
    width             : 30px;
    height            : 4px;
    border-radius     : 4px;
    background-color  : #1e87ff;
    content           : "";
    -webkit-transition: .2s ease-in-out;
    -moz-transition   : .2s ease-in-out;
    -ms-transition    : .2s ease-in-out;
    -o-transition     : .2s ease-in-out;
    transition        : .2s ease-in-out
}

header nav.ic-navbar ul.navbar-nav li.dropdown a.dropdown-btn i.left-icon {
    padding-right: 14px;
    padding-left : 0;
    font-size    : 16px;
    color        : #1e87ff
}

header nav.ic-navbar ul.navbar-nav li.dropdown a.dropdown-btn i.left-icon,
header nav.ic-navbar ul.navbar-nav li.dropdown a.dropdown-btn i.right-icon {
    position   : relative;
    top        : -1px;
    margin-left: 7px;
    font-size  : 14px;
    transition : .3s
}

header nav.ic-navbar ul.navbar-nav li.dropdown .dropdown-menu {
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    box-shadow           : 0 4px 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow   : 0 4px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow      : 0 4px 6px rgba(0, 0, 0, .1);
    border               : 1px solid rgba(0, 0, 0, .15);
    padding-top          : 0;
    padding-bottom       : 0;
    top                  : 98%
}

header nav.ic-navbar ul.navbar-nav li.dropdown .dropdown-menu a.dropdown-item {
    padding-top   : 8px;
    padding-bottom: 8px
}

header nav.ic-navbar ul.navbar-nav li.dropdown .dropdown-menu a.dropdown-item:hover {
    color           : #1e87ff;
    background-color: transparent
}

header nav.ic-navbar ul.navbar-nav li.dropdown .dropdown-menu::after {
    position     : absolute;
    content      : '';
    width        : 15px;
    height       : 15px;
    left         : 29px;
    background   : #fff;
    transform    : rotate(45deg);
    top          : -7.5px;
    border       : 1px solid rgba(0, 0, 0, .15);
    border-bottom: none;
    border-right : none
}

header nav.ic-navbar ul.navbar-nav li.dropdown:hover .dropdown-menu {
    display: block
}

header nav.ic-navbar ul.navbar-nav .dropdown-li i.left-icon {
    padding-right: 12px;
    color        : #1e87ff
}

header nav.ic-navbar ul.navbar-nav .dropdown-li i.right-icon {
    padding-left: 12px
}

header nav.ic-navbar ul.navbar-nav .dropdown-li .dropdown-menu-div {
    display           : none;
    -webkit-transition: max-height .3s ease-in-out;
    -moz-transition   : max-height .3s ease-in-out;
    -ms-transition    : max-height .3s ease-in-out;
    -o-transition     : max-height .3s ease-in-out;
    transition        : max-height .3s ease-in-out;
    position          : relative;
    overflow          : hidden
}

header nav.ic-navbar ul.navbar-nav .dropdown-li .dropdown-menu-div .dropdown-item.active,
header nav.ic-navbar ul.navbar-nav .dropdown-li .dropdown-menu-div .dropdown-item:active,
header nav.ic-navbar ul.navbar-nav .dropdown-li .dropdown-menu-div .dropdown-item:hover {
    color           : #1e87ff;
    background-color: transparent
}

header nav.ic-navbar ul.navbar-nav a#ic-btn-reg {
    border-radius        : 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius   : 6px;
    background-color     : #1e87ff;
    color                : #fff;
    margin-right         : 20px;
    margin-left          : 20px
}

header nav.ic-navbar ul.navbar-nav a#ic-btn-signin {
    border-radius        : 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius   : 6px;
    background-color     : #eaf1fd;
    color                : #1e87ff
}

header.fixed {
    box-shadow        : 0 1px 5px 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow   : 0 1px 5px 0 rgba(0, 0, 0, .25)
}

.nav-open header nav.ic-navbar .full-bg {
    background-color: rgba(0, 0, 0, .3);
    transition      : background .6s ease-out;
    z-index         : 1;
    display         : block !important;
    position        : fixed;
    height          : 100%;
    width           : 100vw;
    top             : 0;
    left            : 0
}

.nav-open header nav.ic-navbar .full-link .full-link-inner {
    right     : 0 !important;
    transition: right .6s ease-out
}

.ic-dropdown {
    position: relative
}

li.nav-item.ic-dropdown::after {
    position                  : absolute;
    z-index                   : 1;
    top                       : 2px;
    left                      : 0;
    display                   : none;
    width                     : 100%;
    height                    : 100%;
    border                    : 1px solid #d9dfea;
    background                : #fff;
    border-radius             : .4rem;
    content                   : "";
    border-bottom             : 0;
    border-bottom-left-radius : 0;
    border-bottom-right-radius: 0
}

.ic-dropdown .ic-submenu {
    position     : absolute;
    top          : 100%;
    right        : 0;
    left         : auto;
    display      : none;
    min-width    : 420px;
    height       : auto;
    margin-top   : 1px;
    background   : #fff;
    border-radius: 0 4px 4px 4px;
    box-shadow   : 1px 1px 8px 0 #e1e1e1;
    opacity      : 1;
    color        : #212121;
    transition   : right .25s cubic-bezier(.45, .05, .55, .95) 0s, opacity .25s cubic-bezier(.45, .05, .55, .95) 0s
}

header nav.ic-navbar ul.navbar-nav li.nav-item a.nav-link.my-document {
    color        : #ffffff;
    background   : #1e87ff;
    border       : 1px solid #1e87ff;
    border-radius: 4px;
    padding      : 5px 10px;
}

header nav.ic-navbar ul.navbar-nav li.nav-item a.my-document:hover {
    color     : #1e87ff;
    background: #ffffff;
}


.log-sign-ul .dropdown-menu,
.wpml-ls-current-language .dropdown-menu {
    right: 0;
    left : auto
}

.log-sign-ul .dropdown-menu:after,
.wpml-ls-current-language .dropdown-menu:after {
    right: 29px;
    left : auto !important
}

li.nav-item.ic-dropdown:hover::after {
    display: block
}

.ic-dropdown .ic-submenu a {
    color: #212121
}

.ic-dropdown .ic-submenu .ic-submenu-title {
    border: 1px solid #d9dfea
}

.ic-dropdown:hover a.dropdown-btn i.right-icon {
    transform       : rotate(180deg);
    transform-origin: center center
}

.ic-submenu {
    border: 1px solid #d9dfea
}

.ic-dropdown .ic-submenu ul {
    border-top   : none;
    border-bottom: none;
    background   : #f1f8fe;
    list-style   : none;
    text-align   : left;
    padding      : 0
}

.ic-dropdown .ic-submenu ul li {
    padding: 15px
}

.ic-dropdown .ic-submenu ul li.highlight-item {
    background   : #fff;
    display      : flex;
    border-bottom: 1px solid #d9dfea
}

.ic-dropdown .ic-submenu ul li.highlight-item .ic-left-image {
    flex-basis: 30%;
    padding   : 18px 18px
}

.ic-dropdown .ic-submenu ul li.highlight-item .ic-right-content {
    flex-basis: 70%;
    padding   : 18px 0 18px 0
}

.ic-dropdown .ic-submenu ul li:first-of-type {
    padding-top: 15px
}

.ic-dropdown .ic-submenu ul li:last-of-type {
    padding-bottom: 15px
}

.ic-dropdown .ic-submenu ul li.button-menu-item {
    padding: 0;
    width  : 100%
}

.ic-submenu-title-full {
    display: flex
}

.ic-submenu-title-full .ic-submenu-image {
    flex-basis: 30%;
    padding   : 44px 22px
}

.ic-submenu-title-full .ic-right-content {
    flex-basis: 70%;
    padding   : 37px 22px 37px 0
}

.ic-submenu-title-full .ic-right-content .ic-title-link {
    color     : #212121;
    font-size : 20px;
    transition: .2s
}

.ic-submenu-title-full .ic-right-content .ic-title-link span {
    color: #1e87ff
}

.ic-submenu-title-full .ic-right-content p {
    transition: .2s;
    font-size : 14px;
    color     : #212121
}

.ic-submenu-title-full .ic-right-content:hover .ic-title-link {
    color: #1e87ff
}

.ic-submenu-title-full .ic-right-content:hover p {
    color: #1e87ff
}

.ic-submenu .ic-single-list {
    display: flex
}

.ic-submenu .ic-single-list .ic-left-image {
    padding-right: 13px
}

.ic-submenu .ic-single-list .ic-left-image svg {
    width          : 21px;
    height         : auto;
    fill           : none;
    margin-top     : 6px;
    stroke         : #233143;
    stroke-linecap : round;
    stroke-linejoin: round;
    stroke-width   : 1px;
    transition     : stroke .2s cubic-bezier(.45, .05, .55, .95) 0s
}

.ic-submenu .ic-single-list .ic-right-content .ic-title-link {
    font-size  : 14px;
    font-weight: 600;
    transition : .2s
}

.ic-submenu .ic-single-list .ic-right-content p {
    font-size : 12px;
    color     : #7b909f;
    transition: .2s
}

.ic-submenu .ic-single-list:hover .ic-right-content .ic-title-link {
    color: #1e87ff
}

.ic-submenu .ic-single-list:hover .ic-right-content p {
    color: #1e87ff
}

.ic-submenu .ic-single-list:hover .ic-left-image svg {
    color: #1e87ff
}

.ic-dropdown .ic-submenu ul li a {
    display: block
}

.ic-ul-btn {
    width              : 100%;
    padding            : 15px;
    border-radius      : 0 0 4px 4px;
    z-index            : 1;
    color              : #fff !important;
    display            : inline-block;
    -webkit-appearance : none;
    font-weight        : 600;
    outline            : 0;
    font-size          : 16px;
    text-align         : center;
    text-transform     : uppercase;
    transition         : background-color .25s cubic-bezier(.45, .05, .55, .95) 0s, border-color .25s cubic-bezier(.45, .05, .55, .95) 0s, box-shadow .25s cubic-bezier(.45, .05, .55, .95) 0s, color .25s cubic-bezier(.45, .05, .55, .95) 0s, opacity .25s cubic-bezier(.45, .05, .55, .95) 0s;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none;
    vertical-align     : middle;
    white-space        : nowrap;
    background-color   : #1e87ff
}

.ic-ul-btn:hover {
    background-color: #3b5998
}

.ic-editor-nav-open .ic-submenu {
    display: block !important
}

.ic-editor-nav-open i.right-icon {
    transform       : rotate(180deg);
    transform-origin: center center
}

i.right-icon {
    transition: .3s
}

@media only screen and (min-width:1200px) {
    .ic-dropdown:hover .ic-submenu {
        display: block
    }
}

@media only screen and (max-width:1200px) {
    .nav-open header nav.ic-navbar .navbar-toggler {
        position: fixed;
        right   : 19px;
        top     : 21px;
        z-index : 1000000
    }

    header nav.ic-navbar ul.navbar-nav li.dropdown .dropdown-menu::after {
        display: none
    }

    header nav.ic-navbar ul.navbar-nav li.nav-item a.nav-link {
        font-size: 16px !important
    }

    .ic-dropdown .ic-submenu {
        display    : block !important;
        position   : fixed;
        top        : 0;
        padding-top: 50px;
        right      : -350px;
        width      : 345px;
        min-width  : 345px;
        background : 0 0;
        box-shadow : none;
        z-index    : 99;
        transition : .3s;
        height     : 100%
    }

    .dropdown .dropdown-menu {
        display      : block !important;
        position     : fixed;
        top          : 0 !important;
        left         : auto !important;
        padding-top  : 50px !important;
        right        : -350px;
        width        : 345px;
        min-width    : 345px;
        background   : #fff;
        box-shadow   : none !important;
        z-index      : 99;
        transition   : .3s;
        border-radius: 0 !important;
        border       : none !important;
        height       : 100%
    }

    .dropdown.ic-editor-nav-open .dropdown-menu {
        right: 0
    }

    .nav-open header nav.ic-navbar button.navbar-toggler.ic-sub-nav-open #nav-icon2 span:nth-child(4) {
        left   : auto;
        right  : 0;
        top    : 6px;
        width  : 30px;
        opacity: 1
    }

    .nav-open header nav.ic-navbar button.navbar-toggler.ic-sub-nav-open #nav-icon2 span:nth-child(2) {
        left: calc(50% - 15px);
        top : 0
    }

    .nav-open header nav.ic-navbar button.navbar-toggler.ic-sub-nav-open #nav-icon2 span:nth-child(6) {
        left: calc(50% - 15px);
        top : 12px
    }

    .nav-open header nav.ic-navbar button.navbar-toggler.ic-sub-nav-open #nav-icon2 span:nth-child(1) {
        left   : 3px;
        top    : 0;
        opacity: 0
    }

    .nav-open header nav.ic-navbar button.navbar-toggler.ic-sub-nav-open #nav-icon2 span:nth-child(5) {
        left   : 3px;
        top    : 12px;
        opacity: 0
    }

    .ic-editor-nav-open .ic-submenu {
        right: 0
    }

    li.nav-item.ic-dropdown::after {
        display: none !important
    }

    .ic-submenu-title-full .ic-submenu-image {
        padding: 24px 14px
    }

    .ic-submenu-title-full .ic-right-content {
        padding: 15px 12px 15px 0
    }

    .navbar-nav a.nav-link.dropdown-btn:before {
        position   : absolute;
        content    : "\f078" !important;
        font-family: FontAwesome;
        font-weight: 400;
        right      : -7px;
        font-size  : 12px;
        top        : 9px
    }

    .navbar-nav a.nav-link.dropdown-btn i.fa.fa-chevron-down.right-icon {
        display: none
    }
}

@media only screen and (max-width:992px) {
    .nav-open header nav.ic-navbar .navbar-toggler {
        right: 8px
    }
}

.nav-open header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(1),
.nav-open header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    -o-transform     : rotate(45deg);
    transform        : rotate(45deg)
}

.nav-open header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(2),
.nav-open header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    -o-transform     : rotate(-45deg);
    transform        : rotate(-45deg)
}

.nav-open header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(1) {
    left: 3px;
    top : 0
}

.nav-open header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(2) {
    left: calc(50% - 3px);
    top : 0
}

.nav-open header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(3) {
    left   : -50%;
    opacity: 0
}

.nav-open header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(4) {
    left   : 100%;
    opacity: 0
}

.nav-open header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(5) {
    left: 3px;
    top : 12px
}

.nav-open header nav.ic-navbar button.navbar-toggler #nav-icon2 span:nth-child(6) {
    left: calc(50% - 3px);
    top : 12px
}

.nav-open header nav.ic-navbar button.navbar-toggler:hover #nav-icon2 span:nth-child(1),
.nav-open header nav.ic-navbar button.navbar-toggler:hover #nav-icon2 span:nth-child(2) {
    top: -3px
}

.nav-open header nav.ic-navbar button.navbar-toggler:hover #nav-icon2 span:nth-child(5),
.nav-open header nav.ic-navbar button.navbar-toggler:hover #nav-icon2 span:nth-child(6) {
    top: 17px
}

.nav-open header nav.ic-navbar button.navbar-toggler:hover #nav-icon2 span {
    background: #1e87ff
}

.nav-open header nav.ic-navbar button.navbar-toggler:hover #nav-icon2 span:nth-child(1),
.nav-open header nav.ic-navbar button.navbar-toggler:hover #nav-icon2 span:nth-child(2) {
    top: 2px
}

.nav-open header nav.ic-navbar button.navbar-toggler:hover #nav-icon2 span:nth-child(5),
.nav-open header nav.ic-navbar button.navbar-toggler:hover #nav-icon2 span:nth-child(6) {
    top: 14px
}

.nav-open header nav.ic-navbar button.navbar-toggler #nav-icon2 span {
    background: #333
}

.nav-open header nav.ic-navbar button.navbar-toggler #nav-icon2:hover span {
    background: #333
}

.modal.ic-modal {
    padding-right: 0 !important
}

.modal.ic-modal .modal-dialog .modal-content {
    border-radius        : 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius   : 25px;
    border               : 0
}

.modal.ic-modal .modal-dialog .modal-content .modal-body {
    padding-right : 0;
    padding-bottom: 25px;
    padding-top   : 25px;
    padding-left  : 0
}

.modal.ic-modal .modal-dialog .modal-content .modal-body button.close {
    margin-right         : 30px;
    width                : 50px;
    height               : 50px;
    line-height          : 50px;
    border               : 1px solid #1e87ff;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    -webkit-transition   : .3s ease-in-out;
    -moz-transition      : .3s ease-in-out;
    -ms-transition       : .3s ease-in-out;
    -o-transition        : .3s ease-in-out;
    transition           : .3s ease-in-out;
    position             : relative;
    z-index              : 1;
    opacity              : 1
}

.modal.ic-modal .modal-dialog .modal-content .modal-body button.close span {
    font-size: 40px;
    color    : #1e87ff
}

.modal.ic-modal .modal-dialog .modal-content .modal-body button.close:hover {
    background-color: #1e87ff
}

.modal.ic-modal .modal-dialog .modal-content .modal-body button.close:hover span {
    color: #fff
}

.modal.ic-modal .modal-dialog .modal-content .modal-body ul.nav.nav-pills {
    margin-bottom: 35px;
    padding      : 0
}

.modal.ic-modal .modal-dialog .modal-content .modal-body ul.nav.nav-pills li.nav-item {
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border               : 1px solid #1e87ff
}

.modal.ic-modal .modal-dialog .modal-content .modal-body ul.nav.nav-pills li.nav-item a.nav-link {
    text-transform: uppercase
}

.modal.ic-modal .modal-dialog .modal-content .modal-body ul.nav.nav-pills li.nav-item:first-child {
    border-right              : 0 !important;
    border-top-right-radius   : 0 !important;
    border-bottom-right-radius: 0 !important
}

.modal.ic-modal .modal-dialog .modal-content .modal-body ul.nav.nav-pills li.nav-item:first-child a.nav-link {
    border-top-right-radius   : 0 !important;
    border-bottom-right-radius: 0 !important
}

.modal.ic-modal .modal-dialog .modal-content .modal-body ul.nav.nav-pills li.nav-item:last-child {
    border-left              : 0 !important;
    border-top-left-radius   : 0 !important;
    border-bottom-left-radius: 0 !important
}

.modal.ic-modal .modal-dialog .modal-content .modal-body ul.nav.nav-pills li.nav-item:last-child a.nav-link {
    border-top-left-radius   : 0 !important;
    border-bottom-left-radius: 0 !important
}

.modal.ic-modal .modal-dialog .modal-content .modal-body .tab-content .tab-pane p.sing-up-with {
    color        : #1e87ff;
    font-weight  : 700;
    font-size    : 14px;
    margin-bottom: 25px;
    text-align   : center
}

.modal.ic-modal .modal-dialog .modal-content .modal-body .tab-content .tab-pane p.google-signup {
    text-align           : center;
    background-color     : #333;
    padding-top          : 12px;
    padding-bottom       : 12px;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px
}

.modal.ic-modal .modal-dialog .modal-content .modal-body .tab-content .tab-pane p.google-signup a img {
    margin-right: 13px
}

.modal.ic-modal .modal-dialog .modal-content .modal-body .tab-content .tab-pane p.google-signup a span {
    color         : #fff;
    text-transform: uppercase
}

.modal.ic-modal .modal-dialog .modal-content .modal-body .tab-content .tab-pane p.last-p {
    margin-top   : 20px;
    font-weight  : 600;
    text-align   : center;
    padding-left : 25px;
    padding-right: 25px
}

.modal.ic-modal .modal-dialog .modal-content .modal-body .tab-content .tab-pane p.link-one-time {
    font-size    : 15px;
    margin-bottom: 10px
}

.modal.ic-modal .modal-dialog .modal-content .modal-body .reg-log-right,
.modal.ic-modal .modal-dialog .modal-content .modal-body ul.nav.nav-pills {
    position     : relative;
    left         : 50%;
    padding-left : 30px;
    padding-right: 30px
}

.modal.ic-modal .modal-dialog .modal-content .modal-body ul.nav.nav-pills {
    z-index: 0;
    width  : calc(50% - 52px)
}

.modal.ic-modal .modal-dialog .modal-content .modal-body .reg-log-right {
    width: 50%
}

@media(min-width:1200px) {
    .modal.ic-modal .modal-dialog .modal-content .modal-body .reg-log-right {
        min-height: 350px
    }
}

.modal.ic-modal {
    padding-left: 0 !important
}

.modal.ic-modal.show .modal-dialog {
    -webkit-transform : translate(0, -50%) !important;
    -moz-transform    : translate(0, -50%) !important;
    -ms-transform     : translate(0, -50%) !important;
    transform         : translate(0, -50%) !important;
    -webkit-transition: transform .5s ease-out;
    -moz-transition   : transform .5s ease-out;
    -ms-transition    : transform .5s ease-out;
    -o-transition     : transform .5s ease-out;
    transition        : transform .5s ease-out
}

.modal.ic-modal.fade .modal-dialog {
    top              : 50%;
    -webkit-transform: translateY(-80%);
    -moz-transform   : translateY(-80%);
    -ms-transform    : translateY(-80%);
    transform        : translateY(-80%);
    margin           : 0;
    margin-left      : auto;
    margin-right     : auto;
    max-width        : 1112px
}

.modal.ic-modal.fade .modal-dialog.modal-s {
    top              : 0;
    -webkit-transform: none !important;
    -moz-transform   : none !important;
    -ms-transform    : none !important;
    transform        : none !important;
    margin-top       : 35px;
    margin-bottom    : 35px
}

.modal.ic-modal .ic-modal-content {
    background-color: #e9f0f6
}

.modal.ic-modal .ic-bg-image {
    position: absolute;
    left    : 0;
    top     : 0;
    bottom  : 0;
    width   : 50%
}

.modal.ic-modal .ic-modal-content {
    border-top-left-radius   : 25px;
    border-bottom-left-radius: 25px;
    height                   : 100%
}

.modal.ic-modal .ic-modal-content img {
    margin-left : auto;
    margin-right: auto
}

.modal.ic-modal .login-left-bg {
    object-fit: cover
}

.modal.ic-modal .bg-image-2 {
    background               : url(../images/home/login-left.png) no-repeat;
    background-size          : cover;
    background-position      : center bottom;
    border-top-left-radius   : 25px;
    border-bottom-left-radius: 25px
}

.modal.ic-modal .content-top p {
    width         : 84%;
    left          : 8%;
    right         : 8%;
    bottom        : 66px;
    text-align    : center;
    background    : #fff;
    padding       : 15px 15px;
    border-radius : 6px;
    text-transform: uppercase;
    color         : #509aff;
    font-size     : 14px;
    position      : absolute
}

.modal.ic-modal .content-top p::after {
    content      : "";
    position     : absolute;
    bottom       : 99%;
    left         : 50%;
    transform    : translateX(-50%);
    border-left  : 20px solid transparent;
    border-right : 20px solid transparent;
    border-bottom: 35px solid #fff
}

.modal.ic-modal .ic-btn-primary {
    height     : 50px;
    line-height: 50px
}

.ic-modal .pills-last .ic-switch-to-pass {
    display: none
}

body.ic-log-switch-to-pass .ic-modal .pills-last .ic-magic-link {
    display: none
}

body.ic-log-switch-to-pass .ic-modal .pills-last .ic-switch-to-pass {
    display: block
}

body.ic-log-switch-to-pass .modal.ic-modal .content-top p {
    top   : 66px;
    bottom: auto
}

body.ic-log-switch-to-pass .modal.ic-modal .content-top p::after {
    top          : 99%;
    border-top   : 35px solid #fff;
    border-bottom: none
}

.ic-password-change {
    display: none
}

.holder-async-wait:not(.white-spinner) {
    background-color: rgba(255, 255, 255, .7)
}

.holder-async-wait {
    top          : 0;
    left         : 0;
    width        : 100%;
    height       : 100%;
    position     : absolute;
    z-index      : 9999999;
    border-radius: 25px
}

.holder-async-wait .spinner {
    height          : 6rem;
    width           : 6rem;
    background-color: transparent
}

.holder-async-wait .spinner,
.holder-async-wait .spinner::after {
    border-radius: 50%;
    top          : 50%;
    left         : 50%;
    transform    : translate(-50%, -50%);
    position     : absolute
}

.holder-async-wait:not(.white-spinner) .spinner::after {
    border   : 0 solid #282828;
    animation: spinner 1s ease-out forwards infinite
}

.holder-async-wait .spinner::after {
    content: '';
    display: block
}

.holder-async-wait .spinner,
.holder-async-wait .spinner::after {
    border-radius: 50%;
    top          : 50%;
    left         : 50%;
    transform    : translate(-50%, -50%);
    position     : absolute
}

@-webkit-keyframes spinner {
    0% {
        border: 0 solid #282828
    }

    20% {
        border: 4px solid #282828;
        width : 0;
        height: 0
    }

    100% {
        border: 4px solid transparent;
        width : 100%;
        height: 100%
    }
}

@-moz-keyframes spinner {
    0% {
        border: 0 solid #282828
    }

    20% {
        border: 4px solid #282828;
        width : 0;
        height: 0
    }

    100% {
        border: 4px solid transparent;
        width : 100%;
        height: 100%
    }
}

@-ms-keyframes spinner {
    0% {
        border: 0 solid #282828
    }

    20% {
        border: 4px solid #282828;
        width : 0;
        height: 0
    }

    100% {
        border: 4px solid transparent;
        width : 100%;
        height: 100%
    }
}

@-o-keyframes spinner {
    0% {
        border: 0 solid #282828
    }

    20% {
        border: 4px solid #282828;
        width : 0;
        height: 0
    }

    100% {
        border: 4px solid transparent;
        width : 100%;
        height: 100%
    }
}

@keyframes spinner {
    0% {
        border: 0 solid #282828
    }

    20% {
        border: 4px solid #282828;
        width : 0;
        height: 0
    }

    100% {
        border: 4px solid transparent;
        width : 100%;
        height: 100%
    }
}

@-webkit-keyframes spinnerwhite {
    0% {
        border: 0 solid #fff
    }

    20% {
        border: 4px solid #fff;
        width : 0;
        height: 0
    }

    100% {
        border: 4px solid transparent;
        width : 100%;
        height: 100%
    }
}

@-moz-keyframes spinnerwhite {
    0% {
        border: 0 solid #fff
    }

    20% {
        border: 4px solid #fff;
        width : 0;
        height: 0
    }

    100% {
        border: 4px solid transparent;
        width : 100%;
        height: 100%
    }
}

@-ms-keyframes spinnerwhite {
    0% {
        border: 0 solid #fff
    }

    20% {
        border: 4px solid #fff;
        width : 0;
        height: 0
    }

    100% {
        border: 4px solid transparent;
        width : 100%;
        height: 100%
    }
}

@-o-keyframes spinnerwhite {
    0% {
        border: 0 solid #fff
    }

    20% {
        border: 4px solid #fff;
        width : 0;
        height: 0
    }

    100% {
        border: 4px solid transparent;
        width : 100%;
        height: 100%
    }
}

@keyframes spinnerwhite {
    0% {
        border: 0 solid #fff
    }

    20% {
        border: 4px solid #fff;
        width : 0;
        height: 0
    }

    100% {
        border: 4px solid transparent;
        width : 100%;
        height: 100%
    }
}

@media only screen and (min-width:1201px) {
    header nav.ic-navbar .full-link {
        display: none
    }
}

@media only screen and (max-width:1450px) {
    header nav.ic-navbar {
        padding-left : 24px;
        padding-right: 20px
    }

    header nav.ic-navbar ul.navbar-nav li.nav-item a {
        font-size: 16px
    }

    header nav.ic-navbar ul.navbar-nav li.nav-item a.nav-link {
        padding-left : 14px;
        padding-right: 14px
    }

    header nav.ic-navbar ul.navbar-nav a#ic-btn-reg {
        margin-right: 15px;
        margin-left : 10px
    }

    header nav.ic-navbar ul.navbar-nav li.nav-item a.nav-link {
        padding-top   : 8px;
        padding-bottom: 8px
    }
}

@media only screen and (max-width:1450px) and (min-width:992px) {
    .heading h1 {
        font-size    : 2em !important;
        margin-bottom: .4em !important
    }

    .heading {
        padding-top: 4em !important
    }

    .heading a.ic-btn-primarytwo {
        margin-top   : 1.75em !important;
        margin-bottom: 3.5em !important
    }
}

@media only screen and (max-width:1300px) {
    .modal.fade.ic-modal .modal-dialog {
        max-width: 804px
    }
}

@media only screen and (max-width:1200px) {
    .ic-order {
        order          : 2 !important;
        flex-direction : row-reverse;
        justify-content: flex-end;
        width          : 100%
    }

    .navbar-expand-lg .navbar-toggler {
        display : block;
        overflow: hidden
    }

    header nav.ic-navbar .collapse.navbar-collapse {
        display            : none !important;
        transition-duration: 0s !important
    }

    #navbarSupportedContent {
        display: none !important
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-flex-direction: column;
        -moz-flex-direction   : column;
        -ms-flex-direction    : column;
        flex-direction        : column
    }

    header nav.ic-navbar {
        position: relative
    }

    header nav.ic-navbar .navbar-toggler.toggler-mbl {
        position: fixed;
        right   : 19px;
        top     : 16px;
        z-index : 1000000
    }

    header nav.ic-navbar .navbar-toggler.toggler-mbl #nav-icon2 span {
        background: #333
    }

    header nav.ic-navbar .navbar-toggler.toggler-mbl:hover #nav-icon2 span {
        background: #333
    }

    header nav.ic-navbar .full-bg.bg {
        background-color: rgba(0, 0, 0, .3);
        transition      : background .6s ease-out;
        z-index         : 1;
        display         : block !important;
        position        : fixed;
        height          : 100%;
        width           : 100vw;
        top             : 0;
        left            : 0;
        display         : block
    }

    header nav.ic-navbar .full-link .full-link-inner {
        position        : fixed;
        z-index         : 5;
        height          : 100%;
        width           : 345px;
        background-color: #fff;
        top             : 0;
        overflow-y      : auto;
        overflow-x      : hidden;
        padding-top     : 60px;
        box-sizing      : border-box;
        right           : -348px !important
    }

    header nav.ic-navbar .full-link .full-link-inner ul.navbar-nav {
        width         : 86%;
        margin-left   : auto;
        margin-right  : auto;
        border-bottom : 1px solid #c6c6c6;
        padding-bottom: 25px;
        padding-top   : 25px
    }

    header nav.ic-navbar .full-link .full-link-inner ul.log-sign-ul {
        flex-direction: column
    }

    header nav.ic-navbar .full-link .full-link-inner.toggle-left-right {
        right     : 0 !important;
        transition: right .6s ease-out
    }

    header nav.ic-navbar .full-link ul.navbar-nav a#ic-btn-reg {
        margin: 0 !important
    }

    header nav.ic-navbar .full-link ul.navbar-nav a::after {
        display: none
    }

    header nav.ic-navbar .full-link ul.navbar-nav a.nav-link {
        display: inline-block
    }

    header nav.ic-navbar .full-link ul.navbar-nav.a li.nav-item a.nav-link {
        padding-left: 0
    }

    header nav.ic-navbar .full-link ul.log-sign-ul li.nav-item a.nav-link {
        padding-left : 40px;
        padding-right: 40px;
        min-width    : 140px;
        text-align   : center
    }
}

@media only screen and (max-width:992px) {
    .modal .ic-btn-primary {
        padding-left : 14px;
        padding-right: 14px
    }

    .modal {
        padding-left: 0
    }

    .modal.fade .modal-dialog {
        max-width: 90%
    }

    .ic-order {
        width: inherit
    }
}

@media only screen and (max-width:650px) {
    .modal.ic-modal {
        padding-left: 0;
        background  : #fff
    }

    .modal.ic-modal .modal-dialog .modal-content {
        border-radius        : 0;
        -webkit-border-radius: 0;
        -moz-border-radius   : 0;
        height               : 100%
    }

    .modal.fade.ic-modal .modal-dialog {
        height   : 100vh;
        max-width: 100%
    }

    .modal.ic-modal .modal-dialog .modal-content .modal-body {
        padding-right : 30px;
        padding-bottom: 30px;
        padding-top   : 30px;
        padding-left  : 0;
        padding-left  : 30px;
        height        : 100%;
        background    : #fff
    }

    .ic-bg-image {
        display: none
    }

    .modal.ic-modal .reg-log-right {
        left: 0
    }

    .modal.ic-modal .modal-dialog .modal-content .modal-body ul.nav.nav-pills {
        left   : 0;
        padding: 0
    }

    .modal.ic-modal .modal-dialog .modal-content .modal-body .reg-log-right {
        left          : 0;
        padding-left  : 0;
        padding-right : 0;
        width         : 100%;
        padding-bottom: 30px
    }

    .modal.fade.ic-modal .modal-dialog.modal-s {
        margin-top   : 0 !important;
        margin-bottom: 0 !important
    }

    .modal.ic-modal .modal-dialog .modal-content .modal-body button.close {
        margin-right: 0
    }

    .modal.ic-modal .modal-dialog .modal-content .modal-body ul.nav.nav-pills {
        width: calc(100% - 52px)
    }
}

@media only screen and (max-width:350px) {
    .modal.ic-modal .ic-btn-primary {
        padding-left : 10px;
        padding-right: 10px
    }
}

.heading {
    padding-top   : 4.5em;
    padding-bottom: 7.5em;
    text-align    : center;
    position      : relative
}

.heading .container {
    margin       : 0 auto;
    z-index      : 19;
    padding-left : 0;
    padding-right: 0
}

.heading h1 {
    font-size    : 2em;
    margin-bottom: .5em
}

.heading p {
    font-size: 1em
}

.heading a.ic-btn-primarytwo {
    margin-top   : 2.4em;
    margin-bottom: 4em
}

.heading .heading-bg {
    position        : relative;
    background-image: -moz-linear-gradient(0deg, #24e2ff 0, #24b0fe 60%, #237efd 100%);
    background-image: -webkit-linear-gradient(0deg, #24e2ff 0, #24b0fe 60%, #237efd 100%);
    background-image: -ms-linear-gradient(0deg, #24e2ff 0, #24b0fe 60%, #237efd 100%);
    height          : 100%
}

.heading .full-bg {
    top     : 0;
    height  : 25.7vw;
    z-index : 1;
    width   : 100%;
    overflow: hidden;
    position: absolute
}

.heading .full-bg #white-bg {
    left            : -15vw;
    width           : 130vw;
    transform       : rotate(-12deg);
    background-color: #fff;
    height          : 20.72vw;
    z-index         : 2;
    position        : absolute;
    top             : -10.3vw
}

.heading .full-bg-two {
    bottom  : 0;
    height  : 25.7vw;
    z-index : 1;
    width   : 100%;
    overflow: hidden;
    position: absolute
}

.heading .full-bg-two #white-bg-two {
    left            : -15vw;
    width           : 130vw;
    transform       : rotate(-12deg);
    background-color: #fff;
    height          : 20.72vw;
    z-index         : 2;
    position        : absolute;
    bottom          : -10.3vw
}

.heading #list-screenshots {
    padding-top: 12px
}

.heading #list-screenshots .container {
    width        : 52vw !important;
    max-width    : 52vw !important;
    margin       : 0 auto;
    z-index      : 19;
    padding-left : 0;
    padding-right: 0
}

.heading #list-screenshots #list-screenshots-inner {
    position: relative
}

.heading #list-screenshots #list-screenshots-inner * {
    z-index: 5
}

.heading #list-screenshots #list-screenshots-inner #cv-slider {
    height          : 29.12vw;
    z-index         : 5;
    margin-left     : auto;
    margin-right    : auto;
    width           : 100%;
    overflow        : hidden;
    background-color: #303d46;
    border-radius   : .4vw;
    position        : relative;
    box-shadow      : 0 0 3px 2px rgba(0, 0, 0, .3)
}

.heading #list-screenshots #list-screenshots-inner #cv-slider ul.slick-dots {
    position             : absolute;
    background           : red;
    bottom               : 3vw;
    max-width            : 130px;
    background           : #e5e5e5;
    left                 : 50%;
    transform            : translateX(-50%);
    padding              : 6px 8px;
    display              : -webkit-box;
    display              : -moz-box;
    display              : -ms-flexbox;
    display              : -webkit-flex;
    display              : flex;
    border-radius        : 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius   : 50px
}

.heading #list-screenshots #list-screenshots-inner #cv-slider ul.slick-dots li {
    border                 : 2px solid #e5e5e5;
    border-radius          : 100%;
    list-style-type        : none;
    display                : inline-block;
    display                : -webkit-box;
    display                : -moz-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-justify-content: center;
    -moz-justify-content   : center;
    -ms-justify-content    : center;
    justify-content        : center;
    -ms-flex-pack          : center;
    -webkit-align-items    : center;
    -moz-align-items       : center;
    -ms-align-items        : center;
    align-items            : center;
    width                  : 28px;
    height                 : 28px;
    margin-right           : 5px;
    margin-left            : 5px;
    -webkit-transition     : .3s linear;
    -moz-transition        : .3s linear;
    -ms-transition         : .3s linear;
    -o-transition          : .3s linear;
    transition             : .3s linear;
    cursor                 : pointer
}

.heading #list-screenshots #list-screenshots-inner #cv-slider ul.slick-dots li button {
    width           : 14px;
    height          : 14px;
    border-radius   : 100%;
    background-color: #1dbfaf;
    color           : #1dbfaf;
    overflow        : hidden;
    border          : none;
    padding         : 0
}

.heading #list-screenshots #list-screenshots-inner #cv-slider ul.slick-dots li.slick-active,
.heading #list-screenshots #list-screenshots-inner #cv-slider ul.slick-dots li:hover {
    border    : 2px solid #1dbfaf;
    transition: 0
}

.heading #list-screenshots #list-screenshots-inner .left-one {
    left               : -15vw;
    transition         : left 1.2s ease-out, opacity 1.2s;
    background-position: right
}

.heading #list-screenshots #list-screenshots-inner .left-two {
    transition         : left 1.2s ease-out, opacity 1.2s;
    background-position: right;
    left               : -8.5vw
}

.heading #list-screenshots #list-screenshots-inner .right-two {
    right              : -8.5vw;
    transition         : right 1.2s ease-out, opacity 1.7s;
    background-position: left;
    transition-delay   : .1s !important
}

.heading #list-screenshots #list-screenshots-inner .right-one {
    right              : -15vw;
    z-index            : 2;
    transition-delay   : .5s !important;
    transition         : right 1.2s ease-out, opacity 1.7s;
    background-position: left
}

.heading #list-screenshots #list-screenshots-inner .left-two,
.heading #list-screenshots #list-screenshots-inner .right-two {
    z-index         : 3;
    transition-delay: .1s !important;
    width           : 13.96vw
}

.heading #list-screenshots #list-screenshots-inner .left-one,
.heading #list-screenshots #list-screenshots-inner .right-one {
    z-index         : 2;
    transition-delay: .5s !important;
    width           : 13.96vw
}

.heading #list-screenshots #list-screenshots-inner .left-one,
.heading #list-screenshots #list-screenshots-inner .left-two,
.heading #list-screenshots #list-screenshots-inner .right-one,
.heading #list-screenshots #list-screenshots-inner .right-two {
    position     : absolute;
    border-radius: .4vw;
    bottom       : 0
}

.heading #list-screenshots #list-screenshots-inner .p-feature {
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, .3)
}

.heading #list-screenshots #ic-feature {
    z-index   : 5;
    overflow  : hidden;
    width     : 100%;
    margin-top: 50px;
    position  : relative
}

.heading #list-screenshots #ic-feature a {
    margin-left : auto;
    margin-right: auto
}

.heading #list-screenshots #ic-feature h1 {
    float        : left;
    color        : #fff;
    font-weight  : 400;
    font-size    : 24px;
    margin-bottom: 0
}

.heading #list-screenshots #ic-feature img {
    float      : left;
    display    : inline-block;
    margin-left: 5%;
    width      : 8%
}

.heading #awosome-portfolio {
    padding-top   : 90px;
    padding-bottom: 70px
}

.heading #awosome-portfolio .text h1 {
    font-size: 32px;
    color    : #fff
}

.heading #awosome-portfolio .text h1 span {
    color: #6f42c1
}

.heading #awosome-portfolio .text p {
    color: #fff
}

.heading #awosome-portfolio .column.left.banner {
    margin-top : 60px;
    padding-top: 0
}

.heading #awosome-portfolio .column.left.banner img.video-banner-img {
    width                : 100%;
    box-shadow           : 2px 3.464px 14.72px 1.28px rgba(14, 14, 14, .1);
    -webkit-box-shadow   : 2px 3.464px 14.72px 1.28px rgba(14, 14, 14, .1);
    -moz-box-shadow      : 2px 3.464px 14.72px 1.28px rgba(14, 14, 14, .1);
    border-radius        : 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius   : 20px
}

.heading #awosome-portfolio .column.left.banner,
.heading #awosome-portfolio .text {
    position: relative;
    z-index : 5
}

.ic-slider-section .text-top {
    padding-bottom: 60px
}

.ic-slider-section .text-top h1 {
    margin-bottom: 7px
}

.ic-slider-section .slider-nav-resume .single-content {
    position: relative;
    padding : 10px 10px 10px 10px;
    cursor  : pointer
}

.ic-slider-section .slider-nav-resume .single-content .content {
    position: relative
}

.ic-slider-section .slider-nav-resume .single-content .full-width {
    position         : absolute;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    transform        : translateY(-50%);
    right            : 0;
    left             : 0;
    display          : block
}

.ic-slider-section .slider-nav-resume .single-content .full-width .ic-btn-solid {
    display                 : none;
    opacity                 : 0;
    -moz-transition-delay   : .2s;
    -o-transition-delay     : .2s;
    -webkit-transition-delay: .2s;
    transition-delay        : .2s;
    -webkit-transition      : all .15s;
    -moz-transition         : all .15s;
    -ms-transition          : all .15s;
    -o-transition           : all .15s;
    transition              : all .15s
}

.ic-slider-section .slider-nav-resume .single-content .full-width .ic-btn-solid:hover {
    background-color: #429aff;
    color           : #fff
}

.ic-slider-section .slider-nav-resume .single-content .text h4 {
    color         : #959595;
    padding-bottom: 30px
}

.ic-slider-section .slider-nav-resume .single-content img {
    box-shadow        : 1px 1.732px 7.68px .32px rgba(14, 14, 14, .1);
    -webkit-box-shadow: 1px 1.732px 7.68px .32px rgba(14, 14, 14, .1);
    -moz-box-shadow   : 1px 1.732px 7.68px .32px rgba(14, 14, 14, .1);
    margin-left       : auto;
    margin-right      : auto
}

.ic-slider-section .slider-nav-resume .single-content:focus {
    outline: 0
}

.ic-slider-section .slider-nav-resume .single-content:hover .full-width .ic-btn-solid {
    display: inline-block;
    opacity: 1
}

.ic-slider-section .slider-nav-resume .single-content:hover .text h4 {
    color: #1e87ff
}

.ic-slider-section .ic-slider {
    padding-left  : 2.5vw;
    padding-right : 2.5vw;
    padding-bottom: 50px
}

.ic-slider-section .ic-slider .single-content {
    position: relative;
    cursor  : pointer
}

.ic-slider-section .ic-slider .single-content:focus {
    outline: 0
}

.ic-slider-section .ic-slider .slick-next-div,
.ic-slider-section .ic-slider .slick-prev-div {
    position             : absolute;
    top                  : 50%;
    z-index              : 1;
    width                : 50px;
    height               : 50px;
    background-color     : #1e87ff;
    display              : flex !important;
    cursor               : pointer;
    border-radius        : 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    -webkit-transition   : all .2s;
    -moz-transition      : all .2s;
    -ms-transition       : all .2s;
    -o-transition        : all .2s;
    transition           : all .2s;
    -webkit-transform    : translateY(-50%);
    -moz-transform       : translateY(-50%);
    -ms-transform        : translateY(-50%);
    transform            : translateY(-50%)
}

.ic-slider-section .ic-slider .slick-prev-div {
    left: 1.5vw
}

.ic-slider-section .ic-slider .slick-next-div {
    right: 1.5vw
}

.ic-slider-section .ic-slider .slick-arrow i {
    font-size: 30px;
    color    : #fff
}

.ic-slider-section .ic-slider .slick-disabled {
    display: none !important
}

.h5-mb {
    margin-bottom: 30px !important
}

.home-section {
    padding-top     : 3.75em;
    padding-bottom  : 3.75em;
    background-color: #f5f8fd;
    color           : #202020;
    text-align      : center
}

.home-section .wrap {
    margin       : 0 auto;
    padding-right: .75em;
    padding-left : .75em;
    max-width    : 75.25em;
    width        : 100%
}

.home-section h1,
.home-section h2,
.home-section h3,
.home-section h4,
.home-section h5,
.home-section h6 {
    margin-bottom: 0;
    margin       : 0 0 .5em;
    font-weight  : 600
}

.home-section p {
    margin     : 0 0 1.75em;
    line-height: 1.75;
    font-size  : 1.125em
}

.home-section p:last-child {
    margin-bottom: 0
}

.home-section h2 {
    margin-bottom: .75em;
    font-size    : 1.75em
}

.home-section h3 {
    margin-bottom: 1.25rem;
    font-size    : 1.5em;
    color        : #1e87ff
}

.home-section h5 {
    font-weight: 400
}

.home-section .ic-btn-primary {
    font-weight       : 600;
    background-color  : #1e87ff;
    color             : #fff;
    font-size         : 1em;
    -webkit-transition: .3s ease-in-out;
    -moz-transition   : .3s ease-in-out;
    -ms-transition    : .3s ease-in-out;
    -o-transition     : .3s ease-in-out;
    transition        : .3s ease-in-out
}

.home-section .image {
    flex      : 1 1 0;
    flex-basis: 50%
}

.home-section img {
    display       : block;
    max-width     : 448px;
    padding-top   : 30px;
    padding-bottom: 30px
}

.home-section .text {
    flex      : 1 1 0;
    text-align: left;
    flex-basis: 50%
}

.home-section h1 {
    font-size    : 2em;
    font-weight  : 700;
    margin-bottom: 6px
}

.home-section h3 {
    margin-bottom: 1.25rem;
    font-size    : 1.5em;
    font-weight  : 700
}

.home-section p {
    font-size: 1em
}

.feature .image {
    display: flex
}

.feature:nth-child(even) .image {
    justify-content: flex-end
}

@media only screen and (max-width:991px) {
    .feature:nth-child(odd) .image img {
        width        : 100%;
        padding-right: 50px
    }

    .feature:nth-child(even) .image img {
        width       : 100%;
        padding-left: 50px
    }
}

@media (max-width:767px) {
    .home-section h2 {
        font-size: 1.5em
    }

    .categories-dropdown {
        display: none !important
    }
}

.home-section-features {
    background: url(../images/home/feature-bg.png) repeat center center
}

.home-section-features .feature {
    display    : flex;
    align-items: center
}

.home-section-features .feature .inner {
    margin-bottom: 30px
}

.home-section-features .feature:last-child .text {
    padding-top: 35px
}

.reliable-feature {
    background-color: #fff
}

.reliable-feature .inner {
    padding-bottom: 60px;
    padding-top   : 5px
}

.reliable-feature .r-feature {
    border-radius        : 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px;
    padding              : 20px 0
}

.reliable-feature .r-feature:not(:last-child) {
    margin-top: 30px
}

.reliable-feature .r-feature .icon svg {
    padding              : 15px 20px;
    border-radius        : 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius   : 8px;
    display              : inline-block;
    width                : 90px;
    margin-bottom        : 14px;
    -webkit-transition   : all .2s;
    -moz-transition      : all .2s;
    -ms-transition       : all .2s;
    -o-transition        : all .2s;
    transition           : all .2s
}

.reliable-feature .r-feature .icon svg path {
    -webkit-transition: fill .2s;
    -moz-transition   : fill .2s;
    -ms-transition    : fill .2s;
    -o-transition     : fill .2s;
    transition        : fill .2s;
    fill              : #1e87ff
}

.reliable-feature .r-feature .icon svg polygon {
    -webkit-transition: fill .2s;
    -moz-transition   : fill .2s;
    -ms-transition    : fill .2s;
    -o-transition     : fill .2s;
    transition        : fill .2s;
    fill              : #1e87ff
}

.reliable-feature .r-feature .icon svg rect {
    fill              : #1e87ff;
    -webkit-transition: fill .2s;
    -moz-transition   : fill .2s;
    -ms-transition    : fill .2s;
    -o-transition     : fill .2s;
    transition        : fill .2s
}

.reliable-feature .r-feature h4 {
    font-size         : 18px;
    font-weight       : 700;
    text-transform    : uppercase;
    color             : #202020;
    margin-bottom     : 20px;
    -webkit-transition: all .2s;
    -moz-transition   : all .2s;
    -ms-transition    : all .2s;
    -o-transition     : all .2s;
    transition        : all .2s
}

.reliable-feature .r-feature p {
    font-size: 14px;
    color    : #202020
}

.frequently-ask {
    background-color: #f5f8fd
}

.frequently-ask .frequently-img {
    padding-bottom: 60px
}

.frequently-ask .accordion {
    padding-bottom: 60px
}

.frequently-ask .card {
    background-color     : #fff;
    box-shadow           : 1px 1.732px 7.68px .32px rgba(32, 32, 32, .05);
    -webkit-box-shadow   : 1px 1.732px 7.68px .32px rgba(32, 32, 32, .05);
    -moz-box-shadow      : 1px 1.732px 7.68px .32px rgba(32, 32, 32, .05);
    border-radius        : 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    margin-bottom        : 15px;
    border               : none
}

.frequently-ask .card .card-header {
    border          : none;
    background-color: #fff;
    padding         : 15px 30px
}

.frequently-ask .card .card-header h2 button {
    font-size      : 16px;
    font-weight    : 700;
    white-space    : normal;
    padding        : 0;
    color          : #202020;
    display        : -webkit-box;
    display        : -moz-box;
    display        : -ms-flexbox;
    display        : -webkit-flex;
    display        : flex;
    text-align     : left;
    text-decoration: none
}

.frequently-ask .card .card-header h2 button i {
    padding-right: 7px;
    font-size    : 14px;
    padding-top  : 5px
}

.frequently-ask .card .card-header h2 button i.fa-minus {
    display: none
}

.frequently-ask .card .card-header h2 button:hover {
    text-decoration: none
}

.frequently-ask .card .card-header h2:hover {
    color: #1e87ff
}

.frequently-ask .card .card-body {
    font-size  : 14px;
    padding    : 30px;
    padding-top: 0
}

.frequently-ask .card .card-header.header-s h2 button {
    color: #1e87ff
}

.frequently-ask .card .card-header.header-s h2 button i.fa-minus {
    display: inline-block
}

.frequently-ask .card .card-header.header-s h2 button i.fa-plus {
    display: none
}

.feedback {
    max-width   : 1180px;
    margin-left : auto;
    margin-right: auto
}

.feedback .text-top {
    padding-bottom: 0
}

.feedback .slider-nav-feedback {
    background     : url(../images/home/feedback/background.png) center top;
    padding-left   : 60px;
    padding-right  : 60px;
    background-clip: content-box
}

.feedback .slider-nav-feedback .slick-prev-div {
    left: 0
}

.feedback .slider-nav-feedback .slick-next-div {
    right: 0
}

.feedback .slider-nav-feedback .single-content {
    padding-top  : 95px;
    margin-left  : 14px;
    margin-right : 14px;
    margin-top   : 8px;
    margin-bottom: 60px
}

.feedback .slider-nav-feedback .single-content .single-content-inner {
    box-shadow        : 1px 1.732px 3.84px .16px rgba(32, 32, 32, .05);
    -webkit-box-shadow: 1px 1.732px 3.84px .16px rgba(32, 32, 32, .05);
    -moz-box-shadow   : 1px 1.732px 3.84px .16px rgba(32, 32, 32, .05);
    padding           : 30px 30px;
    background-color  : #fff;
    position          : relative;
    padding-top       : 65px
}

.feedback .slider-nav-feedback .single-content p.top {
    padding-bottom: 25px;
    font-size     : 14px
}

.feedback .slider-nav-feedback .single-content svg {
    margin-bottom: 28px
}

.feedback .slider-nav-feedback .single-content h6 {
    margin-bottom: 8px;
    color        : #1e87ff
}

.feedback .slider-nav-feedback .single-content .top-image {
    position: absolute;
    top     : -48px;
    right   : 0;
    left    : 0
}

.feedback .slider-nav-feedback .single-content.slick-center .top-image img {
    top       : 4px;
    transition: all .3s
}

.feedback .slider-nav-feedback .single-content .top-image img {
    margin-left          : auto;
    margin-right         : auto;
    border-radius        : 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius   : 100%;
    top                  : 2px;
    position             : relative;
    transition           : all.3s
}

.ic-image-container {
    width        : 84px;
    height       : 84px;
    text-align   : center;
    margin       : auto;
    background   : 4px solid red;
    border-radius: 100%;
    background   : rgba(36, 222, 255, 1);
    transition   : all .3s
}

.slick-center .ic-image-container {
    width     : 88px;
    height    : 88px;
    background: rgba(36, 222, 255, 1);
    background: -moz-linear-gradient(left, rgba(36, 222, 255, 1) 0, rgba(35, 129, 253, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(36, 222, 255, 1)), color-stop(100%, rgba(35, 129, 253, 1)));
    background: -webkit-linear-gradient(left, rgba(36, 222, 255, 1) 0, rgba(35, 129, 253, 1) 100%);
    background: -o-linear-gradient(left, rgba(36, 222, 255, 1) 0, rgba(35, 129, 253, 1) 100%);
    background: -ms-linear-gradient(left, rgba(36, 222, 255, 1) 0, rgba(35, 129, 253, 1) 100%);
    background: linear-gradient(to right, rgba(36, 222, 255, 1) 0, rgba(35, 129, 253, 1) 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#24deff', endColorstr='#2381fd', GradientType=1);
    transition: all .3s
}

.hire {
    background-color: #f5f8fd
}

.hire .wrap {
    max-width    : 1180px;
    margin-left  : auto;
    margin-right : auto;
    padding-left : 10px;
    padding-right: 10px
}

.hire .text {
    padding-bottom: 60px
}

.hire .text h1 {
    margin-bottom: 7px
}

.hire .inner {
    display                : -webkit-box;
    display                : -moz-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-justify-content: space-around;
    -moz-justify-content   : space-around;
    -ms-justify-content    : space-around;
    justify-content        : space-around;
    -ms-flex-pack          : space-around;
    -webkit-align-items    : center;
    -moz-align-items       : center;
    -ms-align-items        : center;
    align-items            : center
}

@media only screen and (max-width:1400px) {
    .heading #list-screenshots #list-screenshots-inner #cv-slider ul.slick-dots {
        padding: 4px 6px
    }

    .heading #list-screenshots #list-screenshots-inner #cv-slider ul.slick-dots li {
        width : 22px;
        height: 22px
    }

    .heading #list-screenshots #list-screenshots-inner #cv-slider ul.slick-dots li button {
        width : 10px;
        height: 10px
    }

    .hire .inner img {
        -webkit-transform: scale(.7);
        -moz-transform   : scale(.7);
        -ms-transform    : scale(.7);
        transform        : scale(.7)
    }
}

@media only screen and (max-height:750px) and (max-width:1400px) {
    .heading #list-screenshots #list-screenshots-inner #cv-slider {
        height: 22vw
    }

    .heading #list-screenshots #list-screenshots-inner .left-one {
        left: -11.25vw
    }

    .heading #list-screenshots #list-screenshots-inner .left-two {
        left: -6.375vw
    }

    .heading #list-screenshots #list-screenshots-inner .right-two {
        right: -6.375vw
    }

    .heading #list-screenshots #list-screenshots-inner .right-one {
        right: -11.25vw
    }

    .heading #list-screenshots #list-screenshots-inner .left-one,
    .heading #list-screenshots #list-screenshots-inner .right-one {
        width: 10.7492vw
    }

    .heading #list-screenshots #list-screenshots-inner .left-two,
    .heading #list-screenshots #list-screenshots-inner .right-two {
        width: 10.7492vw
    }

    .p-feature {
        border-radius: .308vw
    }

    .heading #list-screenshots .container {
        width    : 40vw !important;
        max-width: 40vw !important
    }

    .heading #list-screenshots #list-screenshots-inner #cv-slider {
        height: 22.4224vw
    }
}

@media only screen and (max-width:992px) {
    .heading {
        padding-top   : 2.75em;
        padding-bottom: 2.75em;
        text-align    : center
    }

    .heading h1 {
        font-size    : 1.75em;
        margin-bottom: .75em
    }

    .heading a.ic-btn-primarytwo {
        margin-top   : 2.4em;
        margin-bottom: 2.75em
    }

    .heading #list-screenshots .container {
        width: 70vw
    }

    .heading #list-screenshots #list-screenshots-inner .left-one {
        left: -13.5vw
    }

    .heading #list-screenshots #list-screenshots-inner .left-two {
        left: -7.65vw
    }

    .heading #list-screenshots #list-screenshots-inner .right-two {
        right: -7.65vw
    }

    .heading #list-screenshots #list-screenshots-inner .right-one {
        right: -13.5vw
    }

    .heading #list-screenshots .container {
        width    : 70vw !important;
        max-width: 70vw !important
    }

    .heading #list-screenshots #list-screenshots-inner #cv-slider {
        height: 39.2vw
    }

    .heading #list-screenshots #list-screenshots-inner .p-feature {
        display: none
    }

    .heading #list-screenshots #list-screenshots-inner #cv-slider ul.slick-dots {
        padding: 4px 5px
    }

    .heading #list-screenshots #list-screenshots-inner #cv-slider ul.slick-dots li {
        margin-left : 4px;
        margin-right: 4px;
        width       : 18px;
        height      : 18px
    }

    .heading #list-screenshots #list-screenshots-inner #cv-slider ul.slick-dots li button {
        width : 8px;
        height: 8px
    }

    .heading #list-screenshots #ic-feature img {
        width: 11%
    }

    .heading #list-screenshots #ic-feature .img-one {
        margin-left: 0 !important
    }

    header nav.ic-navbar .navbar-toggler.toggler-mbl {
        right: 8px
    }

    header nav.ic-navbar button.navbar-toggler {
        min-width: auto
    }

    header nav.ic-navbar .full-link .full-link-inner ul.navbar-nav {
        padding-bottom: 20px;
        padding-top   : 20px
    }

    header nav.ic-navbar .full-link ul.navbar-nav.a li.nav-item a.nav-link {
        padding-top   : 5px;
        padding-bottom: 5px
    }

    .heading #awosome-portfolio {
        padding-top   : 40px;
        padding-bottom: 40px
    }

    .heading h1 {
        font-size    : 1.75em;
        margin-bottom: .25em
    }

    .heading #awosome-portfolio .column.left.banner {
        margin-top : 30px;
        padding-top: 0
    }

    .heading #awosome-portfolio .column.left.banner img.video-banner-img {
        border-radius        : 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius   : 10px
    }

    .play-vedio {
        margin-top: 13px
    }

    .play-vedio h2 {
        margin-left: 15px;
        font-size  : 22px
    }

    .vedio-content {
        max-width: 295px
    }

    #proven-resume .text-top {
        padding-bottom: 20px
    }

    #proven-resume .slider-nav-resume .single-content .text h4 {
        padding-bottom: 15px
    }

    #proven-resume .slider-nav-resume {
        padding-bottom: 40px
    }

    .hire .inner img {
        -webkit-transform: scale(.6);
        -moz-transform   : scale(.6);
        -ms-transform    : scale(.6);
        transform        : scale(.6)
    }

    .hire .text {
        padding-bottom: 30px
    }

    .ic-slider-section .ic-slider {
        padding-bottom: 0
    }

    .frequently-ask img {
        display: block
    }
}

@media only screen and (max-width:767px) {
    header nav.ic-navbar .full-link .full-link-inner {
        width: 100%;
        right: -120% !important
    }

    .ic-dropdown .ic-submenu {
        width    : 100%;
        min-width: 100%;
        right    : -120%
    }

    .dropdown .dropdown-menu {
        width    : 100%;
        min-width: 100%;
        right    : -120%
    }

    .dropdown.ic-editor-nav-open .dropdown-menu,
    .ic-editor-nav-open .ic-submenu {
        right: 0
    }

    .home-section-features {
        padding-bottom  : 2.5em;
        background-image: none;
        background-color: #f5f8fd
    }

    .home-section-features .feature {
        margin-bottom         : 2.5em;
        -webkit-flex-direction: column;
        -moz-flex-direction   : column;
        -ms-flex-direction    : column;
        flex-direction        : column
    }

    .home-section-features .feature:nth-child(even) .image {
        order: 1
    }

    .home-section-features .feature:nth-child(even) .text {
        order: 2
    }

    .home-section-features .feature:last-child .text {
        padding-top   : 0;
        padding-bottom: 0
    }

    .home-section-features img {
        max-width: 100%
    }

    .home-section-features .image {
        margin-right : 0;
        margin-bottom: .875em
    }

    .home-section-features h3 {
        margin-bottom: .75em
    }

    .home-section-features .buttons {
        text-align: center
    }

    .home-section {
        padding-top: 2.5em
    }

    .home-section h2 {
        font-size: 1.5em
    }

    .feedback .slider-nav-feedback .single-content .single-content-inner {
        padding-left : 20px !important;
        padding-right: 20px !important
    }

    .feature .image img {
        padding-left : 0 !important;
        padding-right: 0 !important
    }
}

@media only screen and (max-width:600px) {
    .single-content img {
        margin-left : auto;
        margin-right: auto
    }
}

@media only screen and (max-width:575px) {
    .heading #list-screenshots .container {
        width    : 90vw !important;
        max-width: 90vw !important
    }

    .heading #list-screenshots #list-screenshots-inner #cv-slider {
        height: 50.4vw
    }

    .heading #list-screenshots #list-screenshots-inner #cv-slider ul.slick-dots {
        display: none
    }

    .heading #list-screenshots #ic-feature img {
        width      : 36%;
        margin-left: 17%
    }

    header nav.ic-navbar .list-top.log-sign-ul {
        display: none
    }

    .personal-stories .slider-nav {
        padding-left : 32px !important;
        padding-right: 32px !important
    }

    .vedio-content {
        max-width: 100%
    }

    .vedio-content h1,
    .vedio-content h2,
    .vedio-content p {
        display: none
    }

    .vedio-content .play-vedio {
        -webkit-justify-content: center;
        -moz-justify-content   : center;
        -ms-justify-content    : center;
        justify-content        : center;
        -ms-flex-pack          : center
    }

    .heading #awosome-portfolio .column.left.banner:hover .video-banner-icon-play {
        -webkit-transform: scale(1.2);
        -moz-transform   : scale(1.2);
        -ms-transform    : scale(1.2);
        -o-transform     : scale(1.2);
        transform        : scale(1.2)
    }

    .heading #awosome-portfolio .text h1 {
        font-size: 24px
    }

    .feedback .slider-nav-feedback {
        padding-left : 0;
        padding-right: 0
    }

    .hire .inner {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap   : wrap;
        -ms-flex-wrap    : wrap;
        flex-wrap        : wrap
    }

    .hire .inner .image {
        -webkit-flex-basis: 50%;
        -moz-flex-basis   : 50%;
        -ms-flex-basis    : 50%;
        flex-basis        : 50%
    }

    .hire .inner img {
        -webkit-transform: scale(.7);
        -moz-transform   : scale(.7);
        -ms-transform    : scale(.7);
        transform        : scale(.7);
        margin-left      : auto;
        margin-right     : auto
    }

    .heading a.ic-btn-primarytwo {
        margin-top   : 1.4em;
        margin-bottom: 1.75em
    }

    .heading {
        padding-top: 1.75em
    }

    .feedback .slider-nav-feedback .slick-arrow {
        display: none !important
    }
}

.ic-section-p {
    position        : relative;
    background-color: #c7e1ff
}

.ic-section-p .half-bg {
    top     : 0;
    bottom  : 0;
    left    : 0;
    overflow: hidden;
    position: absolute;
    right   : 0
}

.ic-section-p .half-bg .white-bg {
    position         : absolute;
    top              : -11vw;
    width            : 140vw;
    right            : -20vw;
    -webkit-transform: rotate(-4deg);
    -moz-transform   : rotate(-4deg);
    -ms-transform    : rotate(-4deg);
    transform        : rotate(-12deg);
    height           : 38vw;
    background-color : #fff;
    z-index          : 1
}

.ic-section-p .half-bg .white-bg .left-bg {
    left         : -14vw;
    position     : absolute;
    bottom       : 0;
    border-bottom: 35.5vw solid #8ec3ff;
    border-right : 81vw solid transparent;
    width        : 0;
    height       : 0;
    z-index      : 676667
}

#ic-payment .ic-payment-inner {
    z-index : 5;
    position: relative
}

#ic-payment .ic-payment-inner .ic-payment-content {
    box-shadow           : 0 4px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow   : 0 4px 20px rgba(0, 0, 0, .1);
    -moz-box-shadow      : 0 4px 20px rgba(0, 0, 0, .1);
    margin-top           : 60px;
    max-width            : 790px;
    margin-left          : auto;
    margin-right         : auto;
    margin-bottom        : 166px;
    padding              : 30px;
    background-color     : #fff;
    box-shadow           : 1px 1.732px 7.68px .32px rgba(14, 14, 14, .15);
    border-radius        : 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px
}

#ic-payment .ic-payment-inner .ic-payment-content .account-vat {
    -webkit-justify-content: space-between;
    -moz-justify-content   : space-between;
    -ms-justify-content    : space-between;
    justify-content        : space-between;
    -ms-flex-pack          : space-between;
    margin-bottom          : 40px
}

#ic-payment .ic-payment-inner .ic-payment-content .account-vat .vat {
    text-align: right
}

#ic-payment .ic-payment-inner .ic-payment-content label {
    font-weight: 700;
    font-size  : 16px
}

#ic-payment .ic-payment-inner .ic-payment-content .form-control {
    font-weight   : 600;
    font-size     : 16px;
    text-transform: capitalize
}

#ic-payment .ic-payment-inner .ic-payment-content .ic-input-group {
    position: relative
}

#ic-payment .ic-payment-inner .ic-payment-content .ic-input-group .input-group-prepend {
    pointer-events: none
}

#ic-payment .ic-payment-inner .ic-payment-content .ic-input-group .input-group-prepend.bgcolor i {
    color: #1e87ff
}

#ic-payment .ic-payment-inner .ic-payment-content .row.two {
    margin-bottom: 40px
}

#ic-payment .ic-payment-inner .ic-payment-content .input-group-prepend {
    position           : absolute;
    display            : -webkit-box;
    display            : -moz-box;
    display            : -ms-flexbox;
    display            : -webkit-flex;
    display            : flex;
    -webkit-align-items: center;
    -moz-align-items   : center;
    -ms-align-items    : center;
    align-items        : center;
    height             : 100%;
    color              : #959595;
    font-size          : 22px;
    padding-left       : 20px
}

#ic-payment .ic-payment-inner .ic-payment-content .form-control.icon {
    padding-left: 80px
}

#ic-payment .ic-payment-inner .ic-payment-content .input-group>.custom-select:not(:first-child),
#ic-payment .ic-payment-inner .ic-payment-content .input-group>.form-control:not(:first-child) {
    border-top-left-radius   : 4px;
    border-bottom-left-radius: 4px
}

#ic-payment .ic-payment-inner .ic-payment-content .ic-form-btn.one {
    width        : 100%;
    margin-bottom: 60px
}

#ic-payment .ic-payment-inner .ic-payment-content .ic-form-btn.two {
    max-width : 160px;
    margin-top: 60px
}

#ic-payment .ic-payment-inner .ic-payment-content .transaction-p {
    -webkit-align-items: center;
    -moz-align-items   : center;
    -ms-align-items    : center;
    align-items        : center
}

#ic-payment .ic-payment-inner .ic-payment-content .transaction-p img {
    margin-right: 25px
}

#ic-payment .ic-payment-inner .ic-payment-content .transaction-p .payment-text {
    font-weight: 600
}

#ic-payment .ic-payment-inner .ic-payment-content .paypal {
    margin-top: 58px
}

#ic-payment .ic-payment-inner .ic-payment-content .paypal .paypal-div {
    background-color       : #f5f8fd;
    padding                : 12px 0;
    margin-bottom          : 16px;
    -webkit-align-items    : center;
    -moz-align-items       : center;
    -ms-align-items        : center;
    align-items            : center;
    -webkit-justify-content: center;
    -moz-justify-content   : center;
    -ms-justify-content    : center;
    justify-content        : center;
    -ms-flex-pack          : center
}

#ic-payment .ic-payment-inner .ic-payment-content .paypal .paypal-div h6 {
    margin-bottom : 0;
    text-transform: uppercase;
    color         : #1e87ff;
    margin-left   : 10px
}

.personal-stories h1 {
    position      : relative;
    text-align    : center;
    padding-bottom: 10px;
    margin-bottom : 60px
}

.personal-stories h1::after {
    position         : absolute;
    content          : "";
    bottom           : 0;
    width            : 110px;
    background-color : #24e2ff;
    height           : 2px;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform   : translateX(-50%);
    -ms-transform    : translateX(-50%);
    transform        : translateX(-50%)
}

.personal-stories h1::before {
    position         : absolute;
    content          : "";
    bottom           : 0;
    width            : 10px;
    background-color : #fff;
    height           : 2px;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform   : translateX(-50%);
    -ms-transform    : translateX(-50%);
    transform        : translateX(-50%);
    z-index          : 1
}

.personal-stories .slider-nav {
    position: relative
}

.personal-stories .slider-nav .slick-prev-div {
    left: 0
}

.personal-stories .slider-nav .slick-next-div {
    right: 0
}

.personal-stories .slider-nav .slick-next-div,
.personal-stories .slider-nav .slick-prev-div {
    position               : absolute;
    top                    : 50%;
    z-index                : 1;
    width                  : 50px;
    height                 : 50px;
    display                : -webkit-box;
    display                : -moz-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-justify-content: center;
    -moz-justify-content   : center;
    -ms-justify-content    : center;
    justify-content        : center;
    -ms-flex-pack          : center;
    -webkit-align-items    : center;
    -moz-align-items       : center;
    -ms-align-items        : center;
    align-items            : center;
    text-align             : center;
    cursor                 : pointer;
    border                 : 1px solid #1e87ff;
    border-radius          : 100%;
    -webkit-border-radius  : 100%;
    -moz-border-radius     : 100%;
    -webkit-transform      : translateY(-50%);
    -moz-transform         : translateY(-50%);
    -ms-transform          : translateY(-50%);
    transform              : translateY(-50%);
    -webkit-transition     : all .2s;
    -moz-transition        : all .2s;
    -ms-transition         : all .2s;
    -o-transition          : all .2s;
    transition             : all .2s
}

.personal-stories .slider-nav .slick-next-div i,
.personal-stories .slider-nav .slick-prev-div i {
    font-size: 30px;
    color    : #1e87ff
}

.personal-stories .slider-nav .slick-next-div:hover,
.personal-stories .slider-nav .slick-prev-div:hover {
    background: #1e87ff
}

.personal-stories .slider-nav .slick-next-div:hover i,
.personal-stories .slider-nav .slick-prev-div:hover i {
    color: #fff
}

.personal-stories .slider-nav .single-image {
    padding-left           : 20px;
    padding-right          : 20px;
    cursor                 : pointer;
    display                : -webkit-box;
    display                : -moz-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-justify-content: center;
    -moz-justify-content   : center;
    -ms-justify-content    : center;
    justify-content        : center;
    -ms-flex-pack          : center
}

.personal-stories .slider-nav .single-image .single-image-inner img {
    width                : 100%;
    height               : auto;
    border-radius        : 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius   : 100%;
    -webkit-transition   : .2s;
    -moz-transition      : .2s;
    -ms-transition       : .2s;
    -o-transition        : .2s;
    transition           : .2s;
    border               : 6px solid transparent
}

.personal-stories .slider-nav .single-image:focus {
    outline: 0
}

.personal-stories .slider-nav .slick-center.single-image .single-image-inner img {
    border: 6px solid #1e87ff
}

.personal-stories .slider-for {
    margin-top: 60px
}

.personal-stories .slider-for .single-content {
    -webkit-transform: scale(.2);
    -moz-transform   : scale(.2);
    -ms-transform    : scale(.2);
    transform        : scale(.2);
    opacity          : 0;
    transition       : transform .6s ease-out, opacity .3s ease-out !important
}

.personal-stories .slider-for .single-content .single-content-inner h2 {
    margin-bottom: 10px
}

.personal-stories .slider-for .single-content .single-content-inner h3 {
    margin-bottom: 30px
}

.personal-stories .slider-for:focus {
    outline: 0
}

.personal-stories .slider-for .slick-active {
    -webkit-transform: scale(1);
    -moz-transform   : scale(1);
    -ms-transform    : scale(1);
    transform        : scale(1);
    opacity          : 1
}

.personal-stories .slider-nav {
    padding-left : 50px;
    padding-right: 50px
}

.ic-ratings {
    background : linear-gradient(to right, #242d33, #3c4d58);
    position   : relative;
    width      : 100%;
    height     : 100%;
    overflow   : hidden;
    white-space: nowrap
}

.ic-ratings div,
.ic-ratings h1,
.ic-ratings h2,
.ic-ratings h3,
.ic-ratings h4,
.ic-ratings h5,
.ic-ratings p,
.ic-ratings strong {
    color: #fff
}

.ic-ratings h1 {
    font-weight: 600
}

.ic-ratings .ratings-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.ic-ratings .ratings-inner .rating-left h2 {
    font-weight: 600
}

.ic-ratings .ratings-inner .rating-left .stars.top {
    margin: 0 auto 12px;
    width : 155px
}

.ic-ratings .ratings-inner .rating-left .stars.top .stars-inner .tp-star__canvas {
    fill: #00b67a
}

.ic-ratings .ratings-inner .rating-left .star-site .site-logo {
    width: 95px
}

.ic-ratings .ratings-inner .rating-left .review {
    font-size  : 13px;
    line-height: 16px;
    margin     : 0 0 14px
}

.ic-ratings .ratings-inner .rating-left .review .bold-underline {
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    cursor       : pointer;
    font-weight  : 600
}

.ic-ratings .ratings-inner .rating-left .review .bold-underline:hover {
    border-bottom: 1px solid rgba(255, 255, 255, .7)
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating {
    overflow: hidden;
    padding : 0 40px;
    position: relative
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating .single-rating {
    position      : relative;
    outline       : 0;
    display       : inline-block;
    height        : 130px;
    margin        : 0 15px 0 0;
    padding       : 0 0 0 20px;
    vertical-align: top;
    white-space   : normal
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating .single-rating .left .stars {
    margin: 0 0 12px;
    width : 110px
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating .single-rating .left .stars .tp-star__canvas {
    fill: #00b67a
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating .single-rating .left .header {
    font-size    : 14px;
    font-weight  : 700;
    height       : 16px;
    margin       : 0 0 8px;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    width        : 100%
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating .single-rating .left .text {
    font-size  : 13px;
    line-height: 16px;
    word-wrap  : break-word
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating .single-rating .left .name {
    color        : rgba(255, 255, 255, .6);
    position     : absolute;
    bottom       : 2px;
    height       : 14px;
    left         : 20px;
    overflow     : hidden;
    text-align   : left;
    text-overflow: ellipsis;
    white-space  : nowrap;
    width        : calc(100% - 20px);
    z-index      : 2;
    font-size    : 12px
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating .single-rating .right {
    color    : rgba(255, 255, 255, .6);
    position : absolute;
    right    : 0;
    top      : 4px;
    font-size: 12px
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating .slick-arrow {
    width   : 40px;
    position: absolute;
    height  : 100%
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating .slick-arrow i {
    top                  : 50%;
    left                 : 50%;
    -webkit-transform    : translate(-50%, -50%);
    -moz-transform       : translate(-50%, -50%);
    -ms-transform        : translate(-50%, -50%);
    transform            : translate(-50%, -50%);
    width                : 25px;
    height               : 25px;
    border               : 1px solid rgba(255, 255, 255, .6);
    color                : rgba(255, 255, 255, .6);
    position             : absolute;
    border-radius        : 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius   : 100%;
    text-align           : center;
    line-height          : 21px;
    cursor               : pointer;
    padding-top          : 2px
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating .slick-prev-div {
    left: 0
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating .slick-next-div {
    right: 0;
    top  : 0
}

.ic-ratings .ratings-inner .rating-right-slider .slider-for-rating .slick-arrow.slick-disabled i {
    border: 1px solid rgba(255, 255, 255, .3);
    color : rgba(255, 255, 255, .3)
}

@media only screen and (max-width:992px) {
    #ic-payment .ic-payment-inner .ic-payment-content .account-vat {
        margin-bottom: 25px
    }
}

@media screen and (min-width:520px) {
    .ic-ratings .ratings-inner .rating-left {
        float     : left;
        width     : 200px;
        text-align: center
    }

    .ic-ratings .ratings-inner .rating-right-slider {
        float : left;
        margin: 0;
        width : calc(100% - 200px)
    }
}

@media screen and (max-width:520px) {
    .ic-ratings .ratings-inner .rating-right-slider {
        display: none
    }

    .ic-ratings .ratings-inner .rating-left {
        margin-left : auto;
        margin-right: auto
    }

    .ic-ratings h1 {
        text-align : center;
        font-size  : 23px;
        font-weight: 700;
        white-space: normal
    }

    .ic-ratings .ratings-inner .rating-left h2 {
        font-size: 24px
    }
}

.ic-ask-ques h1 {
    color: #24b0fe
}

.ic-ask-ques .row:last-child {
    margin-bottom: 20px
}

.ic-ask-ques .col-md-6 {
    margin-bottom: 60px
}

.ic-ask-ques .single-ask {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.ic-ask-ques .single-ask:not(:last-child) {
    margin-bottom: 60px
}

.ic-ask-ques .single-ask .icon {
    padding-right: 20px
}

.ic-ask-ques .single-ask .icon i {
    width           : 30px;
    height          : 30px;
    line-height     : 30px;
    text-align      : center;
    background-color: #1e87ff;
    font-size       : 20px;
    color           : #fff
}

.ic-ask-ques .single-ask .text h3 {
    font-weight: 700
}

.ic-ask-ques .single-ask .text p {
    font-weight: 600;
    font-size  : 15px
}

.ic-particular-ques {
    background-color: #f5f5f5;
    position        : relative
}

.ic-particular-ques #full-bg {
    z-index : 1;
    width   : 100%;
    position: absolute;
    overflow: hidden;
    height  : 200px;
    bottom  : 100%
}

.ic-particular-ques #full-bg #single-bg {
    position         : absolute;
    left             : -3vw;
    width            : 130vw;
    height           : 7vw;
    -webkit-transform: rotate(2deg);
    -moz-transform   : rotate(2deg);
    -ms-transform    : rotate(2deg);
    transform        : rotate(2deg);
    background       : #f5f5f5;
    bottom           : -4vw
}

.ic-particular-ques .particular-ques-inner {
    z-index : 5;
    position: relative
}

.ic-particular-ques .particular-ques-inner .ic-text h3 {
    color: #1e87ff
}

.ic-particular-ques .particular-ques-inner .ic-text h3 i {
    padding-right: 30px;
    font-size    : 30px
}

.ic-particular-ques .particular-ques-inner .ic-particular-right {
    text-align: right
}

@media only screen and (max-width:1200px) {
    #ic-payment .ic-payment-inner .ic-payment-content {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:991px) {
    .ic-ask-ques .col-md-6 {
        margin-bottom: 35px
    }

    .ic-ask-ques .single-ask .icon {
        padding-right: 14px
    }

    .ic-ask-ques .single-ask h3 {
        font-size: 18px
    }

    .ic-ask-ques .single-ask p {
        font-size: 14px
    }

    .ic-particular-ques .particular-ques-inner {
        padding-top: 35px
    }

    #ic-payment .ic-payment-inner .ic-payment-content label {
        margin-bottom: 2px
    }

    #ic-payment .ic-payment-inner .ic-payment-content .form-control {
        margin-bottom: 15px !important
    }

    #ic-payment .ic-payment-inner .ic-payment-content .row.two {
        margin-bottom: 25px
    }

    #ic-payment .ic-payment-inner .ic-payment-content .ic-form-btn.one {
        margin-bottom: 30px
    }

    #ic-payment .ic-payment-inner .ic-payment-content .paypal {
        margin-top: 40px
    }

    #ic-payment .ic-payment-inner .ic-payment-content .ic-form-btn.two {
        max-width : 160px;
        margin-top: 45px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .personal-stories .slider-nav .single-image {
        padding-left : 5px;
        padding-right: 5px
    }

    .personal-stories .slider-for {
        margin-top: 30px
    }
}

@media only screen and (max-width:767px) {
    .ic-particular-ques .second-col {
        display: none
    }

    .personal-stories .slider-nav .slick-next-div,
    .personal-stories .slider-nav .slick-prev-div {
        width : 30px;
        height: 30px
    }

    .personal-stories .slider-nav .slick-next-div i,
    .personal-stories .slider-nav .slick-prev-div i {
        font-size: 20px
    }

    #ic-payment .ic-payment-inner .ic-payment-content .transaction-p {
        -webkit-flex-direction: column;
        -moz-flex-direction   : column;
        -ms-flex-direction    : column;
        flex-direction        : column
    }

    #ic-payment .ic-payment-inner .ic-payment-content .transaction-p img {
        margin-right : 0;
        margin-bottom: 20px
    }

    .heading h1 {
        font-weight: 600
    }
}

footer p {
    font-size  : 16px;
    color      : #fff;
    font-weight: 400
}

footer h3 {
    color        : #fff;
    margin-bottom: 25px;
    font-size    : 24px
}

footer #ic-build-resume {
    margin-bottom : 60px;
    padding-bottom: 60px;
    border-bottom : 1px solid #1e87ff
}

footer #ic-build-resume .ic-build-resume-inner {
    -webkit-justify-content: space-between;
    -moz-justify-content   : space-between;
    -ms-justify-content    : space-between;
    justify-content        : space-between;
    -ms-flex-pack          : space-between;
    -webkit-flex-wrap      : wrap;
    -moz-flex-wrap         : wrap;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap
}

footer #ic-build-resume .ic-build-resume-inner h4 {
    font-weight     : 700;
    text-transform  : initial;
    -webkit-box-flex: 1 1 300px;
    -moz-box-flex   : 1 1 300px;
    -webkit-flex    : 1 1 300px;
    -ms-flex        : 1 1 300px;
    flex            : 1 1 300px
}

footer #ic-build-resume .ic-build-resume-inner a.ic-form-btn {
    padding           : 20px !important;
    margin-left       : 25px;
    text-transform    : capitalize;
    -webkit-flex-basis: 210px;
    -moz-flex-basis   : 210px;
    -ms-flex-basis    : 210px;
    flex-basis        : 210px
}

footer #footer-top {
    background-color: #212529;
    padding-top     : 60px
}

footer #footer-top .single-col {
    margin-bottom: 60px
}

footer #footer-top .single-col.first ul {
    padding   : 0;
    margin    : 0;
    margin-top: 50px
}

footer #footer-top .single-col.first ul li {
    list-style-type: none;
    display        : inline-block
}

footer #footer-top .single-col.first ul li:not(:last-child) {
    margin-right: 9px
}

footer #footer-top .single-col.first ul li a {
    display              : inline-block;
    width                : 40px;
    height               : 40px;
    line-height          : 40px;
    font-size            : 25px;
    text-align           : center;
    color                : #fff;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px
}

footer #footer-top .single-col.first ul li:first-child a {
    background-color: #3b5998
}

footer #footer-top .single-col.first ul li:nth-child(2) a {
    background-color: #00acee
}

footer #footer-top .single-col.first ul li:nth-child(3) a {
    background-color: #0077b5
}

footer #footer-top .single-col.first ul li:nth-child(4) a {
    background-color: #c8232c
}

footer #footer-top .single-col.first ul li:nth-child(5) a {
    background-image: -moz-linear-gradient(0deg, #ffdc80 0, #fcaf45 10%, #f77737 21%, #f56040 32%, #fd1d1d 43%, #e1306c 54%, #c13584 65%, #833ab4 77%, #5851db 89%, #405de6 100%);
    background-image: -webkit-linear-gradient(0deg, #ffdc80 0, #fcaf45 10%, #f77737 21%, #f56040 32%, #fd1d1d 43%, #e1306c 54%, #c13584 65%, #833ab4 77%, #5851db 89%, #405de6 100%);
    background-image: -ms-linear-gradient(0deg, #ffdc80 0, #fcaf45 10%, #f77737 21%, #f56040 32%, #fd1d1d 43%, #e1306c 54%, #c13584 65%, #833ab4 77%, #5851db 89%, #405de6 100%)
}

footer #footer-top .single-col:not(.first) h3 {
    font-weight   : 700;
    text-transform: uppercase
}

footer #footer-top .single-col:not(.first) ul {
    padding: 0
}

footer #footer-top .single-col:not(.first) ul li {
    list-style-type: none
}

footer #footer-top .single-col:not(.first) ul li:not(:last-child) {
    margin-bottom: 14px
}

footer #footer-top .single-col:not(.first) ul li a {
    color    : #fff;
    font-size: 16px
}

footer #footer-top .single-col:not(.first) ul li a:hover {
    color          : #1e87ff;
    text-decoration: underline !important
}

footer #footer-bottom {
    background-color: #141414;
    padding-top     : 25px;
    padding-bottom  : 25px
}

footer #footer-bottom p i {
    font-size: 15px;
    color    : #1e87ff
}

footer #footer-bottom p .text {
    font-weight: 600;
    color      : #1e87ff
}

footer #footer-bottom .two {
    text-align: right
}

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

    footer a,
    footer p {
        font-size: 15px
    }

    footer h3 {
        margin-bottom: 20px;
        font-size    : 20px
    }

    footer #ic-build-resume {
        margin-bottom : 50px;
        padding-bottom: 50px
    }

    footer #ic-build-resume .ic-build-resume-inner h4 {
        font-size: 16px
    }

    footer #ic-build-resume .ic-build-resume-inner a.ic-form-btn {
        padding    : 16px !important;
        margin-left: 0
    }

    footer #footer-top {
        padding-top: 50px
    }

    footer #footer-top .single-col {
        margin-bottom: 45px
    }

    footer #footer-top .single-col:last-child {
        margin-bottom: 50px
    }

    footer #footer-top .single-col.first ul {
        margin-top: 40px
    }

    footer #footer-top .single-col:not(.first) ul li:not(:last-child) {
        margin-bottom: 12px
    }
}

@media only screen and (max-width:1200px) {
    footer #footer-top .single-col.first ul li a {
        width      : 30px;
        height     : 30px;
        line-height: 30px;
        font-size  : 18px
    }
}

#pricing .pricing-inner {
    position: relative;
    z-index : 5
}

#pricing #basic {
    background-color: #f5f5f5
}

#pricing #basic img {
    margin-top   : 75px;
    margin-bottom: 55px
}

#pricing #basic ul {
    padding: 0
}

#pricing #basic ul li {
    list-style-type: none;
    margin-bottom  : 38px
}

#pricing #basic ul li p {
    font-size  : 18px;
    font-weight: 600
}

#pricing #basic ul li:last-child p {
    position : relative;
    max-width: 235px
}

#pricing #basic ul li:last-child p::after {
    content         : "";
    position        : absolute;
    background-color: #1e87ff;
    height          : 1px;
    width           : 100%;
    left            : -1em;
    top             : 50%
}

#pricing #basic .free {
    background: #1e87ff;
    position  : absolute;
    bottom    : 0;
    left      : 0;
    padding   : 15px;
    width     : 100%
}

#pricing #basic .free p {
    font-size  : 24px;
    font-weight: 600;
    color      : #fff;
    text-align : center
}

#pricing #premium {
    background-image: -moz-linear-gradient(0deg, #237efd 0, #24b0fe 50%, #24e2ff 100%);
    background-image: -webkit-linear-gradient(0deg, #237efd 0, #24b0fe 50%, #24e2ff 100%);
    background-image: -ms-linear-gradient(0deg, #237efd 0, #24b0fe 50%, #24e2ff 100%)
}

#pricing #premium h1 {
    color: #fff
}

#pricing #premium .premium-img {
    padding-top   : 55px;
    padding-bottom: 65px;
    display       : block;
    margin        : 0 auto
}

#pricing #premium #package .row {
    margin-left : -8px;
    margin-right: -8px
}

#pricing #premium #package .row .col-md-4 {
    padding-left : 8px;
    padding-right: 8px
}

#pricing #premium #package .single-package {
    background-color     : #fff;
    border-radius        : 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px;
    text-align           : center;
    padding              : 30px 10px 15px;
    height               : 260px;
    position             : relative;
    margin-bottom        : 58px
}

#pricing #premium #package .single-package .single-package-inner {
    position: relative;
    height  : 100%
}

#pricing #premium #package .single-package h2 {
    font-weight: 600;
    color      : #333
}

#pricing #premium #package .single-package h4 {
    font-weight: 700
}

#pricing #premium #package .single-package .upgrade-now {
    width         : 100%;
    height        : 38px;
    line-height   : 0 !important;
    font-size     : 16px;
    font-weight   : 400;
    text-transform: capitalize;
    position      : absolute;
    bottom        : 0;
    left          : 0;
    padding       : 0 !important
}

#pricing #premium #package .single-package .cotainer-text {
    display                : -webkit-box;
    display                : -moz-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-justify-content: center;
    -moz-justify-content   : center;
    -ms-justify-content    : center;
    justify-content        : center;
    -ms-flex-pack          : center
}

#pricing #premium #package .single-package .most-popular {
    position             : absolute;
    top                  : -50px;
    font-weight          : 600;
    font-style           : italic;
    font-size            : 14px;
    color                : #fff;
    background-color     : #6f42c1;
    padding              : 8px 15px;
    border-radius        : 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px
}

#pricing #premium #package .single-package h3 {
    color: #001f77
}

#pricing #premium .ps {
    max-width     : 90%;
    margin-left   : auto;
    margin-right  : auto;
    padding-bottom: 58px;
    text-align    : center;
    color         : #fff
}

#pricing #premium .list-feature {
    margin-bottom: 25px
}

#pricing #premium .list-feature p {
    color    : #fff;
    font-size: 16px;
    display  : -webkit-box;
    display  : -moz-box;
    display  : -ms-flexbox;
    display  : -webkit-flex;
    display  : flex
}

#pricing #premium .list-feature p img {
    padding-right: 15px
}

#pricing #premium .list-feature .row .col-md-6 {
    margin-bottom: 15px
}

#pricing #basic,
#pricing #premium {
    border-radius        : 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px;
    box-shadow           : 1px 1.732px 7.68px .32px rgba(14, 14, 14, .1);
    -webkit-box-shadow   : 1px 1.732px 7.68px .32px rgba(14, 14, 14, .1);
    -moz-box-shadow      : 1px 1.732px 7.68px .32px rgba(14, 14, 14, .1);
    padding              : 20px 30px;
    overflow             : hidden;
    position             : relative;
    height               : 100%
}

@media only screen and (max-width:991px) {
    #pricing .ic-col-md-q {
        width        : 165px;
        padding-left : 0;
        padding-right: 0;
        margin-right : 15px
    }

    #pricing .ic-col-md-full {
        width        : calc(100% - 180px);
        padding-left : 0;
        padding-right: 0
    }

    #pricing .container {
        max-width: 94%
    }

    #pricing h1 {
        font-size: 24px
    }

    #pricing #basic,
    #pricing #premium {
        padding: 14px !important
    }

    #pricing #basic img {
        margin-top   : 41px;
        margin-bottom: 24px
    }

    #pricing #basic ul li p {
        font-size: 14px !important
    }

    #pricing #basic ul li {
        list-style-type: none;
        margin-bottom  : 14px
    }

    #pricing #basic .free p {
        font-size: 18px
    }

    #pricing #premium .premium-img {
        padding-top   : 40px;
        padding-bottom: 55px
    }

    #pricing #premium #package .single-package .upgrade-now {
        font-size    : 15px;
        padding-left : 0;
        padding-right: 0
    }
}

@media only screen and (max-width:767px) {
    #pricing #premium #package .single-package .upgrade-now {
        height      : 29px;
        line-height : 29px;
        margin-top  : 10px;
        max-width   : 150px;
        position    : relative;
        margin-left : auto;
        margin-right: auto
    }

    #pricing #premium #package .single-package {
        height: auto !important
    }

    #pricing #premium #package .single-package .most-popular {
        top    : -44px;
        padding: 4px 12px
    }

    #pricing p {
        font-size: 14px !important
    }

    #pricing #premium .list-feature .row .col-md-6 {
        margin-bottom: 12px
    }
}

@media only screen and (max-width:575px) {
    #pricing .ic-col-sm-q {
        width        : 100%;
        margin-right : 0;
        margin-bottom: 30px
    }

    #pricing .ic-col-sm-full {
        width: 100%
    }

    #pricing #basic {
        padding-bottom: 50px !important
    }

    #pricing #basic .free {
        padding: 11px
    }

    #pricing #basic img {
        margin-top: 30px
    }

    #pricing #premium .premium-img {
        padding-top   : 30px;
        padding-bottom: 36px
    }

    #pricing #premium #package .single-package {
        margin-bottom: 35px !important
    }

    #pricing #premium .ps {
        padding-bottom: 30px
    }

    #pricing #premium {
        padding-bottom: 12px
    }
}

.ic-template-header {
    background-image: -webkit-linear-gradient(to right, #237efd, #24e2ff);
    background-image: -ms-linear-gradient(to right, #237efd, #24e2ff);
    background-image: linear-gradient(to right, #237efd, #24e2ff);
    color           : #fff;
    overflow        : hidden;
    padding-bottom  : 25px;
    position        : relative
}

.ic-template-header .ic-bg-curve {
    background-color: rgba(255, 255, 255, .1);
    width           : 130vw;
    left            : -15vw;
    bottom          : -13rem;
    height          : calc(120% - 0vw);
    position        : absolute;
    transform       : rotate(-4deg);
    z-index         : 1
}

.ic-template-header .container {
    z-index : 7;
    position: relative
}

.ic-template-header .ic-heading-text {
    padding-top   : 30px;
    padding-bottom: 50px
}

.ic-template-header .ic-heading-text h1 {
    font-size    : 32px;
    color        : #fff;
    margin-bottom: 0
}

.ic-template-header .ic-heading-text P {
    font-size: 19px
}

.ic-template-header .ic-mid-text P {
    font-size: 19px
}

.ic-template-header .ic-mid-text P:first-child {
    margin-bottom: 25px
}

.ic-template-header .ic-mid-text P:last-child {
    max-width   : 800px;
    margin-left : auto;
    margin-right: auto
}

.ic-template-header .ic-bottom-separator {
    width           : 70px;
    height          : 6px;
    margin          : 30px auto;
    background-color: #fff
}

.ic-template-header .ic-nav-header {
    position: relative;
    width   : 100%
}

.ic-template-header .ic-nav-header .ic-text-try-it-is-free {
    position : absolute;
    left     : 0;
    font-size: 15px;
    top      : 50%;
    transform: translateY(-50%)
}

.ic-template-header .ic-nav-header .ic-text-try-it-is-free span {
    border-radius   : 4px;
    background-color: #ffd43b;
    color           : #303d46;
    padding         : 1px 7px
}

.ic-template-header .ic-nav-header .ic-nav-btn-group {
    margin : 0 auto;
    display: flex;
    width  : 690px
}

.ic-template-header .ic-nav-header .ic-nav-single {
    border            : 1px solid #fff;
    padding-top       : 8px;
    padding-bottom    : 10px;
    padding-left      : 0 !important;
    padding-right     : 0 !important;
    width             : 228px;
    text-align        : center;
    -webkit-transition: .2s;
    -moz-transition   : .2s;
    -ms-transition    : .2s;
    -o-transition     : .2s;
    transition        : .2s
}

.ic-template-header .ic-nav-header .ic-nav-single a {
    color: #fff
}

.ic-template-header .ic-nav-header .ic-nav-single:hover a {
    color: #1e87ff
}

.ic-template-header .ic-nav-header .ic-nav-single:first-child {
    border-top-left-radius   : 6px;
    border-bottom-left-radius: 6px;
    border-right             : 0 !important
}

.ic-template-header .ic-nav-header .ic-nav-single:last-child {
    border-top-right-radius   : 6px;
    border-bottom-right-radius: 6px;
    border-left               : 0 !important
}

.ic-template-header .ic-nav-header .ic-nav-single.active {
    background-color: #fff;
    color           : #1e87ff
}

.ic-template-header .ic-nav-header .ic-nav-single:hover {
    background-color: #fff;
    color           : #1e87ff
}

.ic-template-header .ic-nav-header .ic-nav-single p span.ic-big-text {
    width        : 100%;
    font-size    : 24px;
    margin-bottom: 0;
    display      : block
}

.ic-template-header .ic-nav-header .ic-nav-single p span:nth-child(2) {
    font-size: 15px
}

.ic-docs-list {
    background-color: #f4f4f4
}

.ic-docs-list .ic-cv-single {
    margin-bottom: 30px
}

.ic-docs-list .ic-cv-single .templateheader {
    position        : relative;
    background-color: transparent;
    overflow        : hidden;
    z-index         : 7
}

.ic-docs-list .ic-cv-single .templateheader h2 {
    font-size  : 24px;
    font-weight: 700;
    float      : left;
    color      : #303d46;
    position   : relative
}

.ic-docs-list .ic-cv-single .templateheader h2 span {
    position   : absolute;
    transition : opacity .2s ease-out;
    top        : 0;
    right      : -25px;
    padding    : 0;
    margin     : 0;
    display    : flex;
    line-height: 0;
    align-items: center;
    height     : 100%;
    cursor     : pointer
}

.ic-docs-list .ic-cv-single .templateheader h2 span i {
    font-size         : 18px;
    -webkit-transition: all .3s;
    -moz-transition   : all .3s;
    -ms-transition    : all .3s;
    -o-transition     : all .3s;
    transition        : all .3s
}

.ic-docs-list .ic-cv-single .templateheader h2 span:hover i {
    opacity: .5
}

.ic-docs-list .ic-cv-single .templateheader span.text-count-doc {
    float: right;
    color: #969696
}

.ic-docs-list .ic-cv-single .ic-image {
    position          : relative;
    cursor            : pointer;
    box-shadow        : 0 0 10px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow   : 0 0 10px 1px rgba(0, 0, 0, .2)
}

.ic-docs-list .ic-cv-single .ic-image .ic-image-part {
    position: relative
}

.ic-docs-list .ic-cv-single .ic-image .ic-image-part .ic-btn-cv {
    position          : absolute;
    width             : 100%;
    height            : 100%;
    top               : 0;
    opacity           : 0;
    visibility        : hidden;
    -webkit-transition: all .15s;
    -moz-transition   : all .15s;
    -ms-transition    : all .15s;
    -o-transition     : all .15s;
    transition        : all .15s
}

.ic-docs-list .ic-cv-single .ic-image .ic-image-part .ic-btn-cv .ic-text {
    background-color: #303d46;
    padding         : 10px 18px;
    font-size       : 20px;
    color           : #fff;
    border-radius   : 6px;
    white-space     : nowrap;
    cursor          : pointer;
    line-height     : initial
}

.ic-docs-list .ic-cv-single .ic-image .ic-image-part:hover .ic-btn-cv {
    opacity   : 1;
    visibility: visible
}

.ic-docs-list .ic-cv-single .ic-text {
    margin-top: 12px
}

.ic-docs-list .ic-cv-single .ic-text p {
    color    : #afafaf;
    font-size: 15px
}

.modal-backdrop.show {
    opacity: .65 !important
}

.modal.fade.ic-cv-modal .modal-dialog {
    -webkit-transition: transform .45s ease-out, -webkit-transform .45s ease-out !important;
    -moz-transition   : transform .45s ease-out, -webkit-transform .45s ease-out !important;
    -ms-transition    : transform .45s ease-out, -webkit-transform .45s ease-out !important;
    -o-transition     : transform .45s ease-out, -webkit-transform .45s ease-out !important;
    transition        : transform .45s ease-out, -webkit-transform .45s ease-out !important
}

.modal.fade.ic-cv-modal .modal-dialog .modal-content {
    border          : 0;
    background-color: transparent
}

.modal.fade.ic-cv-modal .modal-header {
    border-bottom: 0 !important;
    padding      : 0
}

.modal.fade.ic-cv-modal .modal-header .close {
    padding           : 0;
    margin            : 0;
    width             : 30px;
    margin-left       : auto;
    height            : 30px;
    background        : #fff;
    opacity           : 1;
    border-radius     : 50%;
    position          : relative;
    top               : 9px;
    -webkit-transition: .2s;
    -moz-transition   : .2s;
    -ms-transition    : .2s;
    -o-transition     : .2s;
    transition        : .2s
}

.modal.fade.ic-cv-modal .modal-header .close span {
    color             : #888;
    -webkit-transition: .2s;
    -moz-transition   : .2s;
    -ms-transition    : .2s;
    -o-transition     : .2s;
    transition        : .2s
}

.modal.fade.ic-cv-modal .modal-header .close:hover {
    background-color: #d35e54
}

.modal.fade.ic-cv-modal .modal-header .close:hover span {
    color: #fff
}

.modal.fade.ic-cv-modal .modal-header a.ic-customize {
    margin-left  : auto;
    line-height  : 44px;
    height       : 44px;
    border-radius: 6px
}

.modal.fade.ic-cv-modal .modal-header a.ic-customize:hover {
    border-color: #fff !important;
    color       : #fff !important
}

.modal.fade.ic-cv-modal .modal-header ul.nav-pills {
    height       : 44px;
    background   : #fff;
    padding      : 0 13px;
    border-radius: 8px;
    align-items  : center
}

.modal.fade.ic-cv-modal .modal-header ul.nav-pills li.nav-item a {
    width             : 17px;
    height            : 17px;
    border-radius     : 50%;
    margin-top        : 8px;
    margin-bottom     : 8px;
    display           : flex;
    margin-left       : 10px;
    justify-content   : center;
    align-items       : center;
    padding           : 0;
    -webkit-transition: .3s ease-out;
    -moz-transition   : .3s ease-out;
    -ms-transition    : .3s ease-out;
    -o-transition     : .3s ease-out;
    transition        : .3s ease-out
}

.modal.fade.ic-cv-modal .modal-header ul.nav-pills li.nav-item a span {
    width             : 9px;
    height            : 9px;
    border-radius     : 50%;
    padding           : 0;
    -webkit-transition: .3s ease-out;
    -moz-transition   : .3s ease-out;
    -ms-transition    : .3s ease-out;
    -o-transition     : .3s ease-out;
    transition        : .3s ease-out
}

.modal.fade.ic-cv-modal .modal-header ul.nav-pills li.nav-item a.active {
    background-color: transparent
}

.modal.fade.ic-cv-modal .modal-header ul.nav-pills li.nav-item:nth-child(2) a.active,
.modal.fade.ic-cv-modal .modal-header ul.nav-pills li.nav-item:nth-child(2) a:hover {
    border: 1px solid #1e87ff
}

.modal.fade.ic-cv-modal .modal-header ul.nav-pills li.nav-item:nth-child(2) a span {
    background-color: #1e87ff
}

.modal.fade.ic-cv-modal .modal-header ul.nav-pills li.nav-item:nth-child(3) a.active,
.modal.fade.ic-cv-modal .modal-header ul.nav-pills li.nav-item:nth-child(3) a:hover {
    border: 1px solid #d35e54
}

.modal.fade.ic-cv-modal .modal-header ul.nav-pills li.nav-item:nth-child(3) a span {
    background-color: #d35e54
}

.modal.fade.ic-cv-modal .modal-header ul.nav-pills li.nav-item:nth-child(4) a.active,
.modal.fade.ic-cv-modal .modal-header ul.nav-pills li.nav-item:nth-child(4) a:hover {
    border: 1px solid #24b0fe
}

.modal.fade.ic-cv-modal .modal-header ul.nav-pills li.nav-item:nth-child(4) a span {
    background-color: #24b0fe
}

.modal.fade.ic-cv-modal .modal-body {
    padding: 0
}

.more-about-resume h1.heading-h1 {
    font-size    : 32px;
    color        : #1e87ff;
    margin-bottom: 50px
}

.more-about-resume .ic-click-link .ic-click-single a {
    font-size  : 19px;
    line-height: 2;
    font-weight: 600
}

.more-about-resume .ic-click-link .ic-click-single a:hover {
    color          : #1e87ff;
    text-decoration: underline !important
}

.more-about-resume .ic-single-link-content .ic-link-content {
    margin-bottom : 50px;
    padding-bottom: 0 !important
}

.more-about-resume .ic-single-link-content .ic-link-content h3 {
    font-size    : 23px;
    color        : #1e87ff;
    margin-bottom: 20px;
    font-weight  : 700
}

.more-about-resume .ic-single-link-content .ic-link-content p {
    padding-left: 70px;
    color       : #8c8c8c;
    position    : relative;
    font-size   : 17px
}

.more-about-resume .ic-single-link-content .ic-link-content p::before {
    content         : "";
    display         : block;
    position        : absolute;
    top             : 11px;
    left            : 0;
    width           : 50px;
    background-color: #1e87ff;
    height          : 5px
}

.ic-expert-review {
    background-image: -webkit-linear-gradient(to left, #24e2ff 0, #237efd 100%);
    background-image: -moz-linear-gradient(to left, #24e2ff 0, #237efd 100%);
    background-image: linear-gradient(to left, #24e2ff 0, #237efd 100%);
    color           : #fff
}

.ic-expert-review h1 {
    color: #fff
}

.ic-expert-review .ic-box-expert .ic-heading {
    display            : -webkit-box;
    display            : -moz-box;
    display            : -ms-flexbox;
    display            : -webkit-flex;
    display            : flex;
    -webkit-align-items: center;
    -moz-align-items   : center;
    -ms-align-items    : center;
    align-items        : center;
    margin-bottom      : 25px
}

.ic-expert-review .ic-box-expert .ic-image {
    width: 130px
}

.ic-expert-review .ic-box-expert .ic-image img {
    border-radius        : 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%
}

.ic-expert-review .ic-box-expert .ic-name {
    padding: 0 20px
}

.ic-expert-review .ic-box-expert .ic-linkedin {
    border-left : 1px solid #fff;
    position    : relative;
    padding-left: 20px
}

.ic-expert-review .ic-box-expert .ic-linkedin a img {
    height: 32px
}

.ic-surprice-me {
    background-color: #f4f4f4;
    padding         : 40px 0;
    text-align      : center
}

.ic-surprice-me h1 {
    margin-bottom: 10px;
    font-size    : 28px
}

.ic-surprice-me a.ic-form-btn {
    display    : inline-block;
    margin-top : 40px;
    line-height: 49px;
    height     : auto
}

@media only screen and (max-width:1200px) {
    .ic-template-header .ic-nav-header .ic-nav-single {
        -webkit-flex-basis: 20%;
        -moz-flex-basis   : 20%;
        -ms-flex-basis    : 20%;
        flex-basis        : 20%
    }

    .ic-template-header .ic-nav-header .ic-nav-btn-group {
        width          : auto !important;
        justify-content: center
    }

    .ic-template-header .ic-nav-header .ic-nav-single p span.ic-big-text {
        font-size: 17px
    }

    .ic-template-header .ic-nav-header .ic-nav-single p span:nth-child(2) {
        font-size: 13px
    }
}

@media only screen and (max-width:992px) {
    .more-about-resume h1.heading-h1 {
        margin-bottom: 40px;
        font-size    : 26px;
        margin-bottom: 20px
    }

    .more-about-resume .ic-single-link-content .ic-link-content h3 {
        font-size: 20px
    }

    .more-about-resume .ic-single-link-content .ic-link-content {
        margin-bottom: 40px
    }

    .more-about-resume .ic-click-link .ic-click-single a {
        font-size: 16px
    }

    .more-about-resume .ic-click-link {
        margin-bottom: 22px
    }

    .ic-box-expert.two {
        margin-top: 40px
    }

    .ic-template-header .ic-nav-header .ic-text-try-it-is-free {
        margin-bottom: 22px;
        top          : 0;
        transform    : none
    }

    .ic-template-header .ic-nav-header .ic-nav-single {
        -webkit-flex-basis: 20%;
        -moz-flex-basis   : 20%;
        -ms-flex-basis    : 20%;
        flex-basis        : 34%
    }

    .ic-template-header .ic-nav-header .ic-nav-single.active {
        background-color: #fff
    }

    .ic-template-header .ic-nav-header .ic-nav-single.active a {
        color: #1e87ff
    }

    .ic-template-header .ic-nav-header .ic-nav-single.active p,
    .ic-template-header .ic-nav-header .ic-nav-single:hover p {
        color: #1e87ff
    }

    .ic-template-header .ic-nav-header .ic-nav-single {
        border: 1px solid #fff
    }

    .ic-template-header .ic-nav-header .ic-text-try-it-is-free {
        position  : relative;
        display   : block;
        text-align: center
    }

    .ic-template-header .ic-bottom-separator {
        width : 65px;
        height: 5px;
        margin: 25px auto
    }

    .ic-docs-list .ic-cv-single .ic-image .ic-image-part .ic-btn-cv .ic-text {
        font-size: 12px
    }

    .ic-template-header .ic-nav-header .ic-nav-single:hover {
        background-color: #fff;
        color           : #1e87ff
    }
}

@media only screen and (max-width:767px) {
    .ic-docs-list .ic-cv-single .ic-image .ic-image-part .ic-btn-cv .ic-text {
        font-size: 14px
    }
}

@media only screen and (max-width:575px) {
    .ic-surprice-me h1 {
        font-size: 23px
    }

    .ic-expert-review .ic-box-expert .ic-name {
        flex-basis: 100%;
        order     : 3;
        margin-top: 8px
    }

    .ic-expert-review .ic-box-expert .ic-linkedin {
        order      : 2;
        margin-left: 20px
    }

    .ic-expert-review .ic-box-expert .ic-image {
        order: 1;
        width: 120px
    }

    .ic-expert-review .ic-box-expert .ic-heading {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap   : wrap;
        -ms-flex-wrap    : wrap;
        flex-wrap        : wrap
    }

    .more-about-resume .ic-single-link-content .ic-link-content p {
        font-size: 15px
    }

    .more-about-resume .ic-single-link-content .ic-link-content h3 {
        margin-bottom: 15px
    }

    .more-about-resume .ic-single-link-content .ic-link-content {
        margin-bottom: 30px
    }

    .ic-template-header .ic-bg-curve {
        background-color: transparent
    }

    .ic-template-header .ic-heading-text h1 {
        font-size: 26px
    }

    .ic-template-header .ic-heading-text P {
        font-size: 16px
    }

    .ic-template-header .ic-mid-text P:first-child {
        margin-bottom: 20px
    }

    .ic-template-header .ic-nav-header .ic-nav-single {
        -webkit-flex-basis: 20%;
        -moz-flex-basis   : 20%;
        -ms-flex-basis    : 20%;
        flex-basis        : 100%;
        width             : 100%
    }

    .ic-template-header .ic-nav-header .ic-nav-btn-group {
        flex-direction: column
    }

    .ic-template-header .ic-nav-header .ic-nav-single:first-child {
        border-bottom-left-radius: 0 !important;
        border-top-right-radius  : 6px !important;
        border-right             : 1px solid #fff
    }

    .ic-template-header .ic-nav-header .ic-nav-single:last-child {
        border-bottom-left-radius: 6px !important;
        border-top-right-radius  : 0 !important;
        border-left              : 1px solid #fff !important
    }

    .ic-template-header .ic-mid-text P {
        font-size: 15px
    }

    .modal.fade.ic-cv-modal .modal-header a.ic-customize {
        margin-bottom: 11px
    }

    .modal.fade.ic-cv-modal .modal-header ul.nav-pills {
        display: none
    }
}

.basic-template-wrap #banner {
    padding-top   : 30px;
    padding-bottom: 0
}

.basic-template-wrap .ic-banner-text-main {
    display    : flex;
    align-items: center;
    height     : 100%
}

.basic-template-wrap .ic-banner-text h1 {
    margin-bottom: 25px
}

.basic-template-wrap .ic-banner-text p a {
    color: #ee7856
}

.basic-template-wrap .ic-basic-template-btn {
    font-weight     : 600;
    margin-top      : 33px;
    height          : 58px;
    line-height     : 58px;
    border          : 0;
    background-image: linear-gradient(0deg, #24b0fe 0, #237efd 100%);
    background-image: -webkit-linear-gradient(0deg, #24b0fe 0, #237efd 100%);
    background-image: -moz-linear-gradient(0deg, #24b0fe 0, #237efd 100%);
    background-image: -o-linear-gradient(0deg, #24b0fe 0, #237efd 100%)
}

.basic-template-wrap .ic-basic-template-btn:hover {
    color           : #fff;
    background-image: linear-gradient(0deg, #24b0fe 0, #237efd 100%) !important;
    background-image: -webkit-linear-gradient(0deg, #24b0fe 0, #237efd 100%);
    background-image: -moz-linear-gradient(0deg, #24b0fe 0, #237efd 100%);
    background-image: -o-linear-gradient(0deg, #24b0fe 0, #237efd 100%)
}

.basic-template-wrap #resume-style {
    background     : url(../images/basic-template/nav-bg.svg) no-repeat center;
    background-size: cover !important;
    padding        : 100px 0
}

.basic-template-wrap .ic-resume-style-info {
    margin-bottom: 35px
}

.basic-template-wrap .ic-resume-style-info h2 {
    color        : #fff;
    margin-bottom: 30px
}

.basic-template-wrap .ic-resume-style-btn {
    list-style: none;
    display   : flex;
    flex-wrap : wrap;
    margin    : 0;
    padding   : 0
}

.basic-template-wrap .ic-resume-style-btn li {
    width       : 25%;
    border      : 1px solid #eee;
    border-right: 0 !important
}

.basic-template-wrap .ic-resume-style-btn .ic-basic-template-btn {
    font-weight  : 500;
    margin-top   : 0;
    height       : 58px;
    line-height  : 58px;
    border       : 0;
    background   : #fff;
    color        : #444;
    border-radius: 0;
    display      : block
}

.basic-template-wrap .ic-resume-style-btn .ic-basic-template-btn:hover {
    color           : #fff;
    background-color: #24b0fe;
    background-image: linear-gradient(0deg, #24b0fe 0, #237efd 100%) !important;
    background-image: -webkit-linear-gradient(0deg, #24b0fe 0, #237efd 100%);
    background-image: -moz-linear-gradient(0deg, #24b0fe 0, #237efd 100%);
    background-image: -o-linear-gradient(0deg, #24b0fe 0, #237efd 100%)
}

.basic-template-wrap #resume-template {
    padding: 50px 0
}

.basic-template-wrap #resume-template h2 {
    color        : #444;
    margin-bottom: 30px
}

.basic-template-wrap .ic-template-bar {
    box-shadow   : 0 0 15px 0 #ddd;
    border-radius: 5px
}

.basic-template-wrap .ic-re-tem-accordion {
    background   : #fff;
    padding      : 20px;
    box-sizing   : border-box;
    position     : relative;
    border-radius: 5px;
    cursor       : pointer
}

.basic-template-wrap .ic-re-tem-accordion i {
    position                  : absolute;
    padding                   : 0 30px;
    height                    : 100%;
    font-size                 : 20px;
    color                     : #fff;
    top                       : 50%;
    transform                 : translateY(-50%);
    right                     : 0;
    background                : #24a8fe;
    border-top-right-radius   : 5px;
    border-bottom-right-radius: 5px;
    line-height               : 57px
}

.basic-template-wrap .ic-re-tem-accordion h4 {
    margin-bottom: 0;
    color        : #444
}

.basic-template-wrap .ic-re-tem-accordion-child {
    display   : none;
    padding   : 20px;
    box-sizing: border-box;
    border-top: 1px solid #eee
}

.basic-template-wrap .ic-re-tem-accordion-child h4 {
    margin-bottom: 15px;
    color        : #444
}

.basic-template-wrap .ic-re-tem-accordion-child h5 {
    font-size    : 16px;
    font-weight  : 600;
    margin-bottom: 15px;
    color        : #444
}

.basic-template-wrap .ic-re-tem-accordion-child p {
    padding-bottom: 20px
}

.basic-template-wrap .ic-re-tem-accordion-child ul li span {
    font-weight: 600
}

.basic-template-wrap .cv-item-main {
    padding-top: 50px
}

.basic-template-wrap .ic-cv-item p {
    text-align   : center;
    margin-bottom: 10px;
    color        : #24a4fe;
    font-size    : 16px;
    font-weight  : 600
}

.basic-template-wrap .ic-cv-img {
    border       : 2px solid #eee;
    border-radius: 5px;
    padding      : 10px;
    box-sizing   : border-box;
    position     : relative;
    cursor       : pointer;
    background   : #fff
}

.basic-template-wrap .ic-cv-overlay {
    position          : absolute;
    top               : -1%;
    left              : -1%;
    width             : 101%;
    height            : 101%;
    background        : rgba(0, 0, 0, .6);
    border            : 2px solid #24b0fe;
    border-radius     : 5px;
    opacity           : 0;
    transition        : all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition   : all linear .3s;
    -ms-transition    : all linear .3s;
    -o-transition     : all linear .3s
}

.basic-template-wrap .ic-cv-overlay:hover {
    opacity: 1
}

.basic-template-wrap .ic-cv-overlay i {
    position : relative;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);
    color    : #fff;
    font-size: 30px
}

.basic-template-wrap .ic-resume-bg {
    background: #fafafa !important
}

.ic-middle {
    margin: 0 auto !important
}

@media (max-width:575.98px) {
    .basic-template-wrap .ic-banner-text {
        text-align: center
    }

    .basic-template-wrap .ic-basic-template-btn {
        height       : 50px;
        line-height  : 50px;
        font-size    : 14px;
        padding-left : 15px;
        padding-right: 15px
    }

    .basic-template-wrap #banner img {
        padding-top: 30px
    }

    .basic-template-wrap .ic-resume-style-btn li {
        width: 50%
    }

    .basic-template-wrap .ic-re-tem-accordion h4 {
        padding-right: 50px
    }

    .basic-template-wrap .ic-re-tem-accordion i {
        line-height: 90px
    }

    .ic-cv-item {
        margin-bottom: 30px
    }

    .ic-mb-0 {
        margin-bottom: 0 !important
    }
}

@media (max-width:575.98px) and (min-width:400px) and (max-width:575.98px) {
    .basic-template-wrap .ic-re-tem-accordion i {
        line-height: 75px
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .basic-template-wrap .ic-banner-text {
        text-align: center
    }

    .basic-template-wrap .ic-basic-template-btn {
        height       : 50px;
        line-height  : 50px;
        font-size    : 14px;
        padding-left : 15px;
        padding-right: 15px
    }

    .basic-template-wrap #banner img {
        padding-top: 30px
    }

    .basic-template-wrap .ic-resume-style-btn li {
        width: 50%
    }

    .basic-template-wrap .ic-re-tem-accordion h4 {
        padding-right: 50px
    }

    .basic-template-wrap .ic-re-tem-accordion i {
        line-height: 90px
    }

    .ic-cv-item {
        margin-bottom: 30px
    }

    .ic-mb-0 {
        margin-bottom: 0 !important
    }

    .ic-sm-mb-0 {
        margin-bottom : 0 !important;
        padding-bottom: 0 !important
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .basic-template-wrap .ic-basic-template-btn {
        height       : 50px;
        line-height  : 50px;
        font-size    : 14px;
        padding-left : 15px;
        padding-right: 15px
    }

    .ic-cv-item {
        margin-bottom: 30px
    }

    .ic-mb-0 {
        margin-bottom: 0 !important
    }
}

@media (min-width:1600px) and (max-width:1899.98px) {
    .basic-template-wrap #resume-style {
        padding: 150px 0
    }
}

@media (min-width:1900px) and (max-width:2299.98px) {
    .basic-template-wrap #resume-style {
        padding: 150px 0
    }
}

@media (min-width:2300px) and (max-width:2800.98px) {
    .basic-template-wrap #resume-style {
        padding: 250px 0
    }
}

#related-posts .container {
    padding: 0
}

.basic-template-wrap .ic-resume-style-info {
    transform: translateY(-30px)
}

@media (min-width:1000px) {
    #related-posts .container {
        max-width: 1550px
    }
}

@media (max-width:1650px) {
    #related-posts .container {
        max-width: 1300px
    }
}

@media (max-width:1350px) {
    #related-posts .container {
        max-width: 1060px
    }
}

@media (max-width:1200px) {
    #related-posts .container {
        max-width: 960px
    }
}

@media (max-width:1100px) {
    #related-posts .container {
        max-width: 860px
    }
}

@media (max-width:1000px) {
    #related-posts .container {
        width    : 94%;
        max-width: 100%;
        padding  : 0
    }
}

.admin-bar header {
    top: 32px
}

@media only screen and (max-width:782px) {
    .admin-bar header {
        top: 46px
    }
}

#career-blog-article .contnet-blocks h2 {
    padding-left: 40px;
    position    : relative
}

#career-blog-article .contnet-blocks h2::after {
    content         : " " !important;
    position        : absolute;
    display         : block;
    height          : 3px !important;
    width           : 32px !important;
    left            : 0;
    background-color: #56a5da;
    top             : 16px
}

#career-blog-article .contnet-blocks h3 {
    position    : relative;
    padding-left: 24px
}

#career-blog-article .contnet-blocks h3::after {
    content      : " " !important;
    position     : absolute;
    display      : block;
    height       : 0 !important;
    width        : 0 !important;
    left         : 0;
    border-top   : 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left  : 14px solid #56a5da !important;
    top          : 8px
}

#career-blog-article h4 {
    color: #56a5da
}

.rmp-main-title:after {
    display: none !important
}

.contnet-comments {
    box-sizing: border-box;
    width     : 800px;
    max-width : 100%;
    margin    : 0 auto;
    padding   : 30px 0;
    border-top: 1px solid #c6c6c6
}

.reply-form h3.comment-reply-title {
    font-size: 25px;
    color    : #1e87ff
}

.post-comments h3#comments {
    font-size    : 25px;
    color        : #1e87ff;
    margin-bottom: 25px
}

.comment-notes {
    margin-bottom: 10px
}

ul.comment-list {
    padding      : 0;
    list-style   : none;
    margin-bottom: 60px
}

ul.comment-list li.comment .the-comment {
    overflow     : hidden;
    padding      : 20px;
    margin-bottom: 20px;
    background   : #eee;
    border-radius: 4px
}

ul.comment-list .comment-image {
    margin-right: 30px;
    float       : left
}

.comment-content {
    display: flow-root
}

span.comm-reply {
    float: right
}

a.comment-reply-link {
    font-weight: 600;
    color      : #303d46 !important
}

.comment-title span a {
    color: #303d46 !important
}

.comment-title span a:hover,
a.comment-reply-link:hover {
    color: #1e87ff !important
}

ul.comment-list .comment-image img {
    border-radius: 100%
}

ul.comment-list h4.author-name {
    margin-bottom: 0;
    color        : #303d46
}

#commentform .com-input {
    margin-bottom: 30px;
    width        : 100%;
    padding      : 15px 20px;
    border       : none;
    height       : 50px;
    background   : #eee;
    border-radius: 3px
}

#commentform textarea#comment {
    height      : 150px;
    margin-right: 15px;
    margin-left : 15px
}

#commentform p.comment-form-cookies-consent {
    display: none
}

#commentform p.comment-form-comment {
    display: none
}

.form-submit input#submit {
    border-radius   : .25em;
    box-shadow      : 0 4px 10px 0 rgba(17, 17, 17, .1);
    color           : #fff;
    font-weight     : 600;
    background-color: #1e87ff;
    background-image: linear-gradient(to right, #1e87ff 0, #1b79e5 100%);
    padding         : 1.25em 1.5em;
    margin-right    : 15px;
    margin-left     : 15px;
    border          : none;
    outline         : 0;
    cursor          : pointer
}

.form-submit input#submit:hover {
    background-image: linear-gradient(to right, #4b9fff 0, #1e87ff 100%);
    color           : #fff;
    text-decoration : none
}

.reply-form {
    margin-bottom: 30px
}

p.logged-in-as {
    margin-bottom: 10px
}

.admin-bar #commentform textarea#comment,
.admin-bar .form-submit input#submit {
    margin-right: 0;
    margin-left : 0
}

ul.children li.comment:last-child {
    padding-bottom: 0;
    margin-bottom : 0 !important
}

.contnet-comments ul.children {
    list-style: none
}

ul.children li.comment {
    padding-right: 0;
    padding-left : 0
}

@media (max-width:800px) {
    .contnet-comments {
        padding: 0 5%
    }
}

@media (max-width:600px) {
    ul.comment-list .comment-image img {
        height: 50px;
        width : 50px
    }

    ul.comment-list .comment-image {
        margin-right: 15px
    }
}

@media (max-width:520px) {
    .comment-title span a {
        font-size: 12px
    }

    ul.comment-list li.comment .the-comment {
        padding: 10px
    }

    .contnet-comments ul.children {
        padding-left: 15px
    }

    ul.comment-list .comment-image {
        margin-right: 10px
    }

    a.comment-reply-link {
        font-size: 14px !important
    }
}

@media only screen and (max-width:1750px) {
    header nav.ic-navbar ul.navbar-nav li.nav-item a.nav-link {
        padding-left : 8px;
        padding-right: 8px;
        font-size    : 14px
    }
}

@media only screen and (max-width:1366px) {
    header nav.ic-navbar ul.navbar-nav li.nav-item a.nav-link {
        font-size: 13px
    }

    header nav.ic-navbar ul.navbar-nav li.dropdown a.dropdown-btn i.right-icon {
        margin-left: 3px;
        font-size  : 10px
    }

    header nav.ic-navbar ul.navbar-nav li.dropdown a.dropdown-btn i.left-icon {
        font-size: 18px
    }
}

header nav.ic-navbar ul.navbar-nav li.dropdown a.dropdown-btn i.left-icon {
    font-size: 21px;
    transform: translateY(3px)
}

.career-blog-active a.navbar-brand.main-logo {
    display: none
}

a.navbar-brand.career_logo {
    display: none
}

.career-blog-active a.navbar-brand.career_logo {
    display: block
}

@media only screen and (min-width:768px) {
    .ic-mobile-show {
        display: none !important
    }
}

@media only screen and (max-width:767px) {
    .ic-desktop-show {
        display: none !important
    }
}

.ic-header-logo {
    display    : -webkit-flex;
    display    : -moz-flex;
    display    : -ms-flex;
    display    : -o-flex;
    display    : flex;
    align-items: center
}

.ic-submenu .ic-single-list .ic-left-image img {
    width: 60px
}

.ic-submenu .ic-single-list .ic-right-content .ic-title-link {
    font-size    : 17px !important;
    margin-bottom: 4px
}

.ic-submenu .ic-single-list .ic-right-content p {
    font-size: 14px !important
}

.content-area .modal {
    position: fixed !important
}

.admin-bar .ic-cv-single .templateheader {
    top: 0
}

.ic-cv-resume-coverletter-block {
    margin: 0 auto;
    float : none !important
}

@media (min-width:1000px) {
    .ic-cv-resume-coverletter-block {
        max-width: 1550px
    }
}

@media (max-width:1650px) {
    .ic-cv-resume-coverletter-block {
        max-width: 1300px
    }
}

@media (max-width:1350px) {
    .ic-cv-resume-coverletter-block {
        max-width: 1060px
    }
}

@media (max-width:1220px) {
    .ic-container-wrap {
        max-width    : 1024px !important;
        padding-right: 32px !important;
        padding-left : 32px !important
    }
}

@media (max-width:1200px) {
    .ic-cv-resume-coverletter-block {
        max-width: 960px
    }
}

@media (max-width:1100px) {
    .ic-cv-resume-coverletter-block {
        max-width: 860px
    }
}

@media (max-width:1000px) {
    .ic-cv-resume-coverletter-block {
        width    : 94%;
        max-width: 100%;
        padding  : 0
    }
}

.ic-form-btn.ic-cv-back-template {
    position          : fixed;
    bottom            : -65px;
    z-index           : 999;
    left              : 50%;
    transform         : translateX(-50%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition   : all .5s ease-in-out;
    transition        : all .5s ease-in-out
}

.ic-form-btn.ic-cv-back-template.ic-open {
    bottom: 15px
}

#ez-toc-container {
    border       : none;
    border-top   : 5px solid #1e87ff;
    border-radius: 0
}

.ez-toc-title-container {
    margin-bottom: 10px
}

#ez-toc-container a,
#ez-toc-container a:visited {
    color: #303d46 !important
}

#ez-toc-container a:hover {
    color: #1e87ff !important
}

#ez-toc-container.counter-decimal ul.ez-toc-list li a::before,
.ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before {
    content          : counters(item, ".") ". ";
    counter-increment: item
}

ul.ez-toc-list li a:before {
    content          : counters(item, ".") ". ";
    counter-increment: item
}

#ez-toc-container.counter-numeric li,
.ez-toc-widget-container.counter-numeric li {
    list-style-type    : none;
    list-style-position: none
}

#ez-toc-container.counter-flat ul,
#ez-toc-container.counter-hierarchy ul,
.ez-toc-widget-container.counter-flat ul,
.ez-toc-widget-container.counter-hierarchy ul {
    counter-reset: item !important
}

div#ez-toc-container ul.ez-toc-list a {
    font-weight: 700;
    position   : relative
}

div#ez-toc-container ul.ez-toc-list>li ul li a {
    font-weight: 400
}

div#ez-toc-container p.ez-toc-title {
    font-weight   : 600 !important;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size     : 12px
}

#ic-breadcumb {
    margin-top: 10px
}

#ic-breadcumb ul {
    padding   : 0;
    margin    : 0;
    list-style: none
}

#ic-breadcumb ul li {
    margin-right : 25px;
    position     : relative;
    margin-bottom: 0;
    display      : inline-block
}

#ic-breadcumb ul li:after {
    position   : absolute;
    content    : "\f101";
    top        : 0;
    right      : -20px;
    font-family: FontAwesome;
    font-size  : 16px
}

#ic-breadcumb ul li:last-child {
    margin-right: 0
}

#ic-breadcumb ul li:last-child:after {
    display: none
}

.rtl #ic-breadcumb ul li:last-child {
    margin-left: 0
}

.rtl #career-blog-article .quick-info span:first-of-type {
    border-right : none;
    padding-right: 0;
    margin-right : 0
}

.rtl .icon-time {
    margin: 0
}

.ugb-container {
    margin-top        : 0 !important;
    margin-bottom     : 0 !important;
    box-shadow        : none !important;
    background-color  : transparent !important;
    border-radius     : 0 !important;
    overflow          : hidden;
    padding           : 0 !important;
    --box-padding-vert: 60px;
    --box-padding-hori: 35px
}

.special-lists>h1:first-child,
.special-lists>h2:first-child,
.special-lists>h3:first-child,
.special-lists>h4:first-child,
.special-lists>h5:first-child,
.special-lists>h6:first-child {
    position        : relative;
    color           : #333 !important;
    padding         : 10px 25px;
    padding-left    : 48px !important;
    margin-bottom   : 10px;
    background-color: #f4f4f4 !important
}

.special-lists h4 {
    background-color: transparent !important
}

.special-lists>h1:first-child:before,
.special-lists>h2:first-child:before,
.special-lists>h3:first-child:before,
.special-lists>h4:first-child:before,
.special-lists>h5:first-child:before,
.special-lists>h6:first-child:before {
    position   : absolute;
    content    : "\f00c" !important;
    top        : 50%;
    left       : 20px;
    font-family: FontAwesome;
    font-size  : 18px;
    transform  : translateY(-50%);
    color      : #56a5da;
    font-weight: 400
}

.special-lists>h2:after,
.special-lists>h3:after {
    display: none !important
}

.special-lists h1,
.special-lists h2,
.special-lists h3,
.special-lists h4,
.special-lists h5,
.special-lists h6,
.special-lists p {
    padding-left : 25px !important;
    padding-right: 25px;
    color        : #333 !important
}

.special-lists ol,
.special-lists ul {
    padding-right: 25px;
    margin-top   : 10px
}

.special-box-ic-box-normal .special-lists {
    border: 1px solid #c6c6c6
}

.special-box-ic-box-normal .special-lists>h1:first-child:before,
.special-box-ic-box-normal .special-lists>h2:first-child:before,
.special-box-ic-box-normal .special-lists>h3:first-child:before,
.special-box-ic-box-normal .special-lists>h4:first-child:before,
.special-box-ic-box-normal .special-lists>h5:first-child:before,
.special-box-ic-box-normal .special-lists>h6:first-child:before {
    display: none
}

.special-box-ic-box-normal .special-lists>h1:first-child,
.special-box-ic-box-normal .special-lists>h2:first-child,
.special-box-ic-box-normal .special-lists>h3:first-child,
.special-box-ic-box-normal .special-lists>h4:first-child,
.special-box-ic-box-normal .special-lists>h5:first-child,
.special-box-ic-box-normal .special-lists>h6:first-child {
    padding-left: 25px !important
}

.special-box-ic-box-warning .special-lists {
    border: 1px solid #d35e54
}

.special-box-ic-box-warning .special-lists>h1:first-child:before,
.special-box-ic-box-warning .special-lists>h2:first-child:before,
.special-box-ic-box-warning .special-lists>h3:first-child:before,
.special-box-ic-box-warning .special-lists>h4:first-child:before,
.special-box-ic-box-warning .special-lists>h5:first-child:before,
.special-box-ic-box-warning .special-lists>h6:first-child:before {
    position   : absolute;
    content    : "\f00d" !important;
    top        : 50%;
    left       : 20px;
    font-family: FontAwesome;
    font-size  : 18px;
    transform  : translateY(-50%);
    color      : #d35e54;
    font-weight: 400
}

.special-box-ic-box-warning .special-lists ol {
    counter-reset: listitem
}

.special-box-ic-box-warning .special-lists ol li:before {
    counter-increment: listitem;
    content          : counters(listitem, '.') '.';
    color            : #d35e54;
    margin-left      : -17px;
    padding-right    : 7px
}

.special-box-ic-box-warning .special-lists ol li,
.special-box-ic-box-warning .special-lists ul li {
    list-style: none
}

.special-box-ic-box-warning .special-lists ul>li::before {
    position   : absolute;
    content    : "\f111" !important;
    top        : 6px;
    left       : -17px;
    font-family: FontAwesome;
    font-size  : 8px;
    color      : #d35e54;
    font-weight: 400
}

.ugb-feature.ugb-feature--design-basic {
    padding : 20px 20px 0 25px !important;
    border  : 1px solid #1e87ff !important;
    position: relative
}

.ugb-feature__content h2 {
    padding-left: 0 !important;
    color       : #333 !important
}

.ugb-feature__content h2::after {
    display: none !important
}

.ugb-feature .ugb-button,
.ugb-feature .ugb-feature__description {
    margin-top: 20px !important
}

.ugb-feature .ugb-content-wrapper>div>*,
.ugb-feature .ugb-feature-wrapper>div>* {
    margin-bottom: 0 !important
}

.ugb-feature .ugb-content-wrapper,
.ugb-feature .ugb-feature-wrapper {
    margin  : 0 !important;
    overflow: hidden
}

.ugb-feature .ugb-content-wrapper>div,
.ugb-feature .ugb-feature-wrapper>div {
    margin: 0 !important
}

.ugb-feature__content {
    width         : 54%;
    float         : left;
    padding-bottom: 20px
}

img.ugb-feature__image {
    width: auto !important
}

.ugb-feature .ugb-content-wrapper>div>:last-child,
.ugb-feature .ugb-feature-wrapper>div>:last-child {
    margin-bottom: 0 !important
}

.ugb-button-medium.ugb-button,
.ugb-button.ugb-button--size-medium {
    padding-left : 3.5em !important;
    padding-right: 3.5em !important
}

#career-blog-article a:hover {
    text-decoration: underline !important
}

.ic-template-header .ic-nav-header .ic-nav-single p {
    text-align: center
}

.ic-coverletter-cat-page {
    padding-top: 102px
}

.ic-coverletter-cat-page li {
    font-size  : 18px;
    line-height: 34px
}

.ic-coverletter-cat-page p {
    margin-bottom: 25px;
    margin-top   : 15px
}

.ic-coverletter-cat-page h4 {
    font-size  : 26px;
    line-height: 32px;
    color      : #303d46;
    margin-top : 30px
}

.ic-coverletter-cat-header h1 {
    font-size  : 56px;
    line-height: 65px;
    color      : #303d46
}

.ic-coverletter-cat-header {
    -webkit-flex: 0 0 58.33333%;
    flex        : 0 0 58.33333%;
    max-width   : 58.33333%
}

.ic-coverletter-cat-image {
    -webkit-flex           : 0 0 33.33333%;
    flex                   : 0 0 33.33333%;
    max-width              : 49.33333%;
    -webkit-justify-content: right;
    justify-content        : right;
    text-align             : right;
    box-shadow             : 0 0 9px 3px rgba(0, 0, 0, .05)
}

.ic-coverletter-cat-header p {
    font-size    : 20px;
    margin-bottom: 0;
    line-height  : 32px
}

.ic-coverletter-cat-main {
    display            : -webkit-flex;
    display            : -moz-flex;
    display            : -ms-flex;
    display            : -o-flex;
    display            : flex;
    justify-content    : space-between;
    -webkit-flex-flow  : row wrap;
    flex-flow          : row wrap;
    margin-top         : 48px;
    margin-bottom      : 56px;
    -webkit-align-items: center;
    align-items        : center
}

.ic-coverletter-content-wrap {
    margin   : 60px auto;
    max-width: 751px
}

div.ic-coverletter-content-wrap:empty {
    margin: 0 auto
}

div.ic-coverletter-content-wrap>div.essb_break_scroll:nth-child(1):empty {
    margin-top: -60px !important
}

.ic-coverletter-content-wrap h2 {
    font-size    : 38px;
    line-height  : 46px;
    color        : #303d46;
    margin-bottom: 24px
}

.ic-coverletter-content-wrap p {
    font-size  : 18px;
    line-height: 32px
}

.ic-coverletter-get-start {
    padding   : 60px 0;
    background: #2a2d41;
    text-align: center
}

.ic-coverletter-get-start h2 {
    font-size    : 38px;
    line-height  : 46px;
    margin-bottom: 16px
}

.ic-coverletter-get-start h5 {
    font-size  : 22px;
    line-height: 32px;
    max-width  : 600px;
    margin     : auto
}

.ic-coverletter-get-start h2,
.ic-coverletter-get-start h5,
.ic-coverletter-get-start p {
    color: #fff
}

.ic-coverletter-get-start p {
    margin: 8px 0
}

.ic-coverletter-get-start .ic-form-btn {
    display   : inline-block;
    margin-top: 32px
}

.ic-coverletter-cat-post {
    padding         : 60px 0;
    background      : #f7f7fa;
    text-align      : center;
    background-image: url(../../bg.svg);
    margin-bottom   : 60px
}

.ic-coverletter-cat-post h6 {
    font-size: 20px
}

.ic-coverletter-cat-post h2 {
    font-size  : 38px;
    line-height: 46px
}

.ic-coverletter-cat-post h1,
.ic-coverletter-cat-post h2,
.ic-coverletter-cat-post h3,
.ic-coverletter-cat-post h4,
.ic-coverletter-cat-post h5,
.ic-coverletter-cat-post h6 {
    max-width: 900px;
    margin   : auto
}

.ic-coverletter-cat-post-wrap {
    display          : -webkit-flex;
    display          : -moz-flex;
    display          : -ms-flex;
    display          : -o-flex;
    display          : flex;
    justify-content  : center;
    -webkit-flex-flow: row wrap;
    flex-flow        : row wrap;
    box-sizing       : border-box
}

.ic-coverletter-cat-post-wrap a.ic-coverletter-cat-post-single {
    -webkit-flex: 0 0 25%;
    flex        : 0 0 25%;
    max-width   : 25%;
    padding     : 16px;
    margin-top  : 32px
}

.ic-coverletter-cat-post-wrap a.ic-coverletter-cat-post-single img {
    transition: all .2s ease-in-out;
    box-shadow: 0 0 9px 3px rgba(0, 0, 0, .05)
}

.ic-coverletter-cat-post-wrap a.ic-coverletter-cat-post-single:hover img {
    -webkit-transform: scale(1.06);
    transform        : scale(1.06)
}

.ic-coverletter-cat-post-wrap a.ic-coverletter-cat-post-single p {
    color      : #384347;
    margin-top : 10px;
    font-weight: 600
}

#career-blog-article.ic-coverletter-blog-main {
    padding-top   : 0;
    padding-bottom: 60px
}

.ic-coverletter-blog-main h6 {
    font-size : 20px;
    padding   : 60px 0 32px 0;
    text-align: center
}

ol.toc-scroll,
ul.toc-scroll {
    overflow     : hidden;
    padding      : 40px;
    background   : #f2f2f5;
    border-radius: 10px
}

ol.toc-scroll li,
ul.toc-scroll li {
    list-style    : none;
    font-size     : 18px;
    color         : #303d46;
    line-height   : 32px;
    text-transform: capitalize
}

ol.toc-scroll li a,
ul.toc-scroll li a {
    color         : #303d46;
    text-transform: capitalize
}

ol.toc-scroll li a:hover,
ul.toc-scroll li a:hover {
    color: #1e87ff
}

ol.sub-list {
    width: 50%;
    float: left
}

#career-blog-article .art-sug {
    padding: 0 38px
}

.features-container .blog-list-title {
    margin: 0 38px 15px 38px
}

.categories-nav {
    padding: 0 38px
}

#holder-article-suggestions a:hover {
    text-decoration: none !important
}

.ez-toc-list {
    display           : block !important;
    width             : 0;
    height            : 0;
    -webkit-transition: all .25s ease-out;
    -moz-transition   : all .25s ease-out;
    transition        : all .25s ease-out
}

.ez-toc-list.active {
    display           : block !important;
    width             : auto;
    height            : auto;
    -webkit-transition: all .25s ease-in;
    -moz-transition   : all .25s ease-in;
    transition        : all .25s ease-in
}

footer {
    overflow: hidden;
    width   : 100%
}

#ic-error-page .ic-bg-error {
    background-image   : url(../images/Alien-Planet-404.jpg);
    background-repeat  : no-repeat;
    background-position: 50% 50%;
    background-size    : 100%;
    position           : relative;
    height             : 440px
}

.goodbye-page #ic-error-page .ic-bg-error {
    background-image   : url(../images/goodbye.png);
    background-repeat  : no-repeat;
    background-position: 50% 50%;
    background-size    : 100%;
    position           : relative;
    height             : 440px
}

.ic-bg-grey {
    background-color: #f5f8fd
}

.ic-error-content {
    padding-top   : 30px;
    padding-bottom: 30px
}

.ic-error-content h1 {
    font-size    : 40px;
    margin-bottom: 10px;
    font-weight  : 600
}

.ic-error-content p {
    font-size    : 20px;
    margin-bottom: 0
}

.ic-error-content.ic-content-two {
    background-color: transparent
}

.ic-error-content a.ic-btn-primary {
    font-size: 22px
}

.search-form input.search-field {
    background   : #f1f8fe;
    border-radius: 4px 0 0 4px;
    width        : 100%;
    padding      : 18px 20px 18px 60px;
    color        : #233143;
    font-size    : 18px;
    outline      : 0;
    border       : none
}

.search-form input.search-submit {
    border-color  : #3983fa;
    background    : #3983fa;
    color         : #fff;
    padding       : 15px;
    font-size     : 18px;
    text-transform: none;
    vertical-align: baseline;
    display       : inline-block;
    cursor        : pointer
}

@media only screen and (min-width:2400px) {
    #ic-error-page .ic-bg-error {
        height: 550px
    }
}

@media only screen and (max-width:1650px) {
    #ic-error-page .ic-bg-error {
        height: 352px
    }

    .ic-error-content h1 {
        font-size    : 32px;
        margin-bottom: 7px
    }

    .ic-error-content p {
        font-size: 17px
    }

    .ic-error-content a.ic-btn-primary {
        font-size: 17px
    }

    .ic-error-content {
        padding-top   : 24px;
        padding-bottom: 24px
    }
}

@media only screen and (max-width:1000px) {
    #ic-error-page .ic-bg-error {
        height             : 308px;
        background-size    : 135%;
        background-position: 30% 50%
    }

    .ic-error-content h1 {
        font-size    : 23px;
        margin-bottom: 5px
    }

    .ic-error-content p {
        font-size: 14px
    }

    .ic-error-content a.ic-btn-primary {
        font-size: 14px
    }

    .ic-error-content {
        padding-top   : 21px;
        padding-bottom: 21px
    }
}

@media only screen and (max-width:600px) {
    #ic-error-page .ic-bg-error {
        height         : 270px;
        background-size: 200%
    }

    .ic-error-content h1 {
        font-size    : 28px;
        margin-bottom: 9px;
        line-height  : 1.3
    }

    .ic-error-content p {
        font-size  : 19px;
        line-height: 1.5
    }

    .ic-error-content a.ic-btn-primary {
        font-size: 21px
    }

    .ic-error-content {
        padding-top   : 27px;
        padding-bottom: 27px
    }
}

@media only screen and (max-width:425px) {
    #ic-error-page .ic-bg-error {
        height: 210px
    }
}

.ic-section-title {
    margin-bottom: 40px
}

.ic-section-title h1 {
    margin-bottom: 0
}

.ic-nav-and-search {
    margin-bottom   : 40px;
    display         : flex;
    border-bottom   : 3px solid #eee;
    justify-content : space-between;
    position        : -webkit-sticky;
    position        : sticky;
    top             : 0;
    left            : 0;
    background-color: #fff
}

.ic-nav-and-search ul li {
    list-style-type: none
}

.ic-nav-and-search ul {
    display: flex
}

.ic-nav-and-search ul li a {
    padding: 12px 16px;
    margin : 0 0 -3px;
    cursor : pointer;
    color  : #898989
}

.ic-nav-and-search ul li a.active {
    color        : #4a4a4a;
    border-bottom: 3px solid #007bff
}

.ic-form-search input {
    border-radius   : 4px 0 0 4px !important;
    margin-bottom   : 0 !important;
    border          : 0;
    background-color: #fafafa;
    padding         : .75em
}

.ic-form-search button.ic-btn-primary {
    padding-left    : .75rem;
    padding-right   : .75rem;
    background-color: #007bff !important;
    border-radius   : 0 4px 4px 0 !important;
    background-color: #fafafa;
    padding-top     : 12px;
    padding-bottom  : 12px
}

.ic-form-search button.ic-btn-primary i {
    color: #fff
}

.ic-form-search {
    border: 1px solid #eee
}

.ic-form-search button.ic-btn-primary,
.ic-form-search input {
    height     : auto !important;
    line-height: inherit !important
}

.ic-meta svg {
    margin-right  : .5em;
    width         : 1rem;
    height        : 1rem;
    vertical-align: middle;
    fill          : #898989
}

.ic-meta {
    clear        : both;
    margin-bottom: 12px;
    color        : #898989;
    font-size    : 13px
}

.ic-article .ic-text {
    flex   : 1 1 auto;
    padding: 1em 1.25em 1.75em
}

.ic-article a {
    display: block
}

.ic-article h3 {
    margin-bottom: 0;
    font-size    : 1.5em
}

.ic-article-full {
    display              : grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap             : 2.5em 1.75em;
    margin-bottom        : 2.5em
}

.ic-article {
    margin-bottom   : 0;
    grid-column     : span 1;
    background-color: #fff;
    box-shadow      : 0 3px 6px 0 rgba(17, 17, 17, .06);
    transition      : .2s ease
}

.ic-article:focus,
.ic-article:hover {
    box-shadow: 0 3px 14px 0 rgba(17, 17, 17, .2)
}

.ic-article img {
    width: 100%
}

#ic-load-pagination {
    position       : relative;
    display        : flex;
    justify-content: center
}

#ic-load-pagination:before {
    position        : absolute;
    top             : 50%;
    left            : 0;
    display         : block;
    width           : 100%;
    height          : 3px;
    background-color: #eee;
    content         : '';
    transform       : translateY(-50%)
}

#ic-search .ic-section-content {
    margin-bottom: 4.5em
}

.ic-categories-dropdown {
    display : none;
    position: relative
}

.ic-categories-dropdown button span {
    color: #1e87ff
}

.ic-categories-dropdown svg {
    display    : block;
    margin-left: 1.75em;
    width      : 1em;
    height     : 1em;
    fill       : #1e87ff
}

.ic-categories-dropdown .ic-inner {
    display: none
}

.ic-btn-categories.btn {
    width           : 100%;
    display         : flex;
    justify-content : center;
    border-radius   : 0 !important;
    align-items     : center;
    padding         : .75em;
    background-color: #fafafa
}

body.show-categories .ic-categories-dropdown .ic-inner {
    display: block
}

.ic-categories-dropdown .ic-inner ul li a:hover {
    text-decoration: underline !important
}

.ic-categories-dropdown .ic-inner ul li a.active {
    color        : #1e87ff;
    border-bottom: none
}

@media only screen and (max-width:991.98px) {
    .ic-article-full {
        display              : grid;
        grid-template-columns: 1fr 1fr;
        grid-gap             : 1.5em 1.75em
    }
}

@media only screen and (max-width:767.98px) {
    .ic-article-full {
        grid-template-columns: 1fr;
        grid-gap             : .5em 0
    }

    .ic-article img {
        width: 100%
    }

    .ic-categories-dropdown {
        width  : 100%;
        display: block
    }

    .ic-search-nav {
        display: none
    }

    .ic-form.ic-form-search.ic-first {
        display: none
    }

    .ic-nav-and-search ul {
        flex-direction: column;
        padding-left  : 0
    }

    .ic-form-search input {
        width: 100%
    }
}

.ic-payment-content-inner {
    position: relative
}

.ic-payment-content-inner .holder-async-wait {
    border-radius: .rtl #career-blog-article .quick-info span:first-of-type0px
}

.bootstrap-basic {
    background: #fff
}

.braintree-hosted-fields-focused {
    color           : #495057;
    background-color: #fff;
    border-color    : #80bdff;
    outline         : 0;
    box-shadow      : 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.braintree-hosted-fields-focused.is-invalid {
    border-color: #dc3545;
    box-shadow  : 0 0 0 .2rem rgba(220, 53, 69, .25)
}

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

.site-content {
    overflow: hidden
}

.essb_item a {
    background-image: none !important
}

@media screen and (max-width:1200px) {
    .log-sign-ul .dropdown .dropdown-menu {
        right     : 0 !important;
        width     : auto;
        min-width : auto;
        top       : 99% !important;
        padding   : 0 !important;
        border    : 1px solid rgba(0, 0, 0, .15) !important;
        overflow  : hidden;
        box-shadow: 0 4px 6px rgba(0, 0, 0, .1) !important;
        height    : auto !important;
        display   : none !important;
        position  : absolute !important
    }

    .log-sign-ul .dropdown:hover .dropdown-menu {
        display: block !important
    }

    .log-sign-ul .dropdown a.nav-link.dropdown-btn:before {
        display: none
    }

    ul.navbar-nav.log-sign-ul .nav-item .nav-link i.right-icon {
        display: inline-block !important
    }

    header nav.ic-navbar button.navbar-toggler {
        padding-top : 0;
        padding-left: 15px;
        min-width   : auto
    }
}

.admin-bar nav#ftwp-contents {
    top: 112px;
}

nav#ftwp-contents {
    top: 80px;
}

.ftwp-widget-fixed #ftwp-contents {
    z-index: 9 !important
}

#ftwp-container.ftwp-wrap .ftwp-icon-number::before {
    content: '\F0C9' !important
}

#ftwp-container.ftwp-wrap #ftwp-list {
    color     : #333;
    background: #fff !important
}

.sidebar-primary.cover-letter-example #ftwp-container.ftwp-wrap #ftwp-list,
.sidebar-resume-sample #ftwp-container.ftwp-wrap #ftwp-list {
    background: transparent !important
}

.widget-area .ftwp-blur {
    filter : none !important;
    opacity: 1 !important
}

.widget_rg_challenge {
    box-shadow: none !important
}

header.ic-header {
    z-index: 99 !important
}

.widget_rg_builder {
    box-shadow: none !important
}

#ftwp-container.ftwp-wrap #ftwp-header-control,
#ftwp-container.ftwp-wrap #ftwp-header-title {
    font-size  : 18px;
    line-height: 32px
}
.is-sticky.ic-widget-fixed .ic-cvbility-text-block-widget {
    position: fixed;
    top: 80px;
}
.admin-bar .is-sticky.ic-widget-fixed .ic-cvbility-text-block-widget {
    position: fixed;
    top: 112px;
}
.ic-widget-fixed nav#ftwp-contents {
    position: fixed;
}
@media screen and (max-width:1366px) {
    .is-sticky.ic-widget-fixed .ic-cvbility-text-block-widget {
        top: 68px;
    }
    .admin-bar .is-sticky.ic-widget-fixed .ic-cvbility-text-block-widget {
        top: 100px;
    }
}

@media screen and (max-width:767px) {
	#ftwp-contents{
        width:300px !important;
    }
    #ftwp-container.ftwp-fixed-to-post.ftwp-middle-left #ftwp-contents,
    #ftwp-container.ftwp-fixed-to-post.ftwp-middle-left #ftwp-trigger {
        top          : 82px !important;
        left         : auto !important;
        right        : 30px !important;
        bottom       : auto !important;
        border-color : #1e87ff !important;
        border-radius: 0 !important
    }

    .admin-bar #ftwp-container.ftwp-fixed-to-post.ftwp-middle-left #ftwp-contents,
    .admin-bar #ftwp-container.ftwp-fixed-to-post.ftwp-middle-left #ftwp-trigger {
        top: 128px !important
    }

    #ftwp-container.ftwp-wrap .ftwp-icon-number::before {
        color: #1e87ff
    }

    .ftwp-fade-trigger {
        opacity: 1 !important;
        filter : blur(0) !important
    }
}

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

    #ftwp-container.ftwp-fixed-to-post.ftwp-middle-left #ftwp-contents,
    #ftwp-container.ftwp-fixed-to-post.ftwp-middle-left #ftwp-trigger {
        top: 66px !important
    }

    .admin-bar #ftwp-container.ftwp-fixed-to-post.ftwp-middle-left #ftwp-contents,
    .admin-bar #ftwp-container.ftwp-fixed-to-post.ftwp-middle-left #ftwp-trigger {
        top: 112px !important
    }
}