/* Minification failed. Returning unminified contents.
(957,27): run-time error CSS1038: Expected hex color, found '#fff0'
(1097,25): run-time error CSS1038: Expected hex color, found '#fff0'
(1133,39): run-time error CSS1046: Expect comma, found '0'
(1133,43): run-time error CSS1046: Expect comma, found '/'
(1134,63): run-time error CSS1046: Expect comma, found '57'
(1134,70): run-time error CSS1046: Expect comma, found '/'
(1134,92): run-time error CSS1046: Expect comma, found '255'
(1134,98): run-time error CSS1046: Expect comma, found '/'
(1261,63): run-time error CSS1046: Expect comma, found '57'
(1261,70): run-time error CSS1046: Expect comma, found '/'
(1261,92): run-time error CSS1046: Expect comma, found '255'
(1261,98): run-time error CSS1046: Expect comma, found '/'
(1296,21): run-time error CSS1038: Expected hex color, found '#fff0'
(1353,72): run-time error CSS1046: Expect comma, found '57'
(1353,79): run-time error CSS1046: Expect comma, found '/'
(1353,101): run-time error CSS1046: Expect comma, found '255'
(1353,107): run-time error CSS1046: Expect comma, found '/'
(1363,63): run-time error CSS1046: Expect comma, found '57'
(1363,70): run-time error CSS1046: Expect comma, found '/'
(1363,92): run-time error CSS1046: Expect comma, found '255'
(1363,98): run-time error CSS1046: Expect comma, found '/'
(1394,67): run-time error CSS1046: Expect comma, found '57'
(1394,74): run-time error CSS1046: Expect comma, found '/'
(1394,96): run-time error CSS1046: Expect comma, found '255'
(1394,102): run-time error CSS1046: Expect comma, found '/'
(1414,52): run-time error CSS1046: Expect comma, found '0'
(1414,58): run-time error CSS1046: Expect comma, found '/'
(1414,79): run-time error CSS1046: Expect comma, found '57'
(1414,86): run-time error CSS1046: Expect comma, found '/'
(1414,108): run-time error CSS1046: Expect comma, found '255'
(1414,114): run-time error CSS1046: Expect comma, found '/'
(1422,85): run-time error CSS1046: Expect comma, found '255'
(1422,91): run-time error CSS1046: Expect comma, found '/'
(1425,38): run-time error CSS1038: Expected hex color, found '#fff0'
(1441,63): run-time error CSS1046: Expect comma, found '57'
(1441,70): run-time error CSS1046: Expect comma, found '/'
(1441,92): run-time error CSS1046: Expect comma, found '255'
(1441,98): run-time error CSS1046: Expect comma, found '/'
(1460,31): run-time error CSS1038: Expected hex color, found '#fff0'
(1469,63): run-time error CSS1046: Expect comma, found '57'
(1469,70): run-time error CSS1046: Expect comma, found '/'
(1469,92): run-time error CSS1046: Expect comma, found '255'
(1469,98): run-time error CSS1046: Expect comma, found '/'
(1489,63): run-time error CSS1046: Expect comma, found '57'
(1489,70): run-time error CSS1046: Expect comma, found '/'
(1489,92): run-time error CSS1046: Expect comma, found '255'
(1489,98): run-time error CSS1046: Expect comma, found '/'
(1578,63): run-time error CSS1046: Expect comma, found '57'
(1578,70): run-time error CSS1046: Expect comma, found '/'
(1578,92): run-time error CSS1046: Expect comma, found '255'
(1578,98): run-time error CSS1046: Expect comma, found '/'
(1591,34): run-time error CSS1038: Expected hex color, found '#fff0'
(1610,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(1696,27): run-time error CSS1038: Expected hex color, found '#fff0'
(2034,50): run-time error CSS1046: Expect comma, found '0'
(2034,54): run-time error CSS1046: Expect comma, found '/'
(2144,34): run-time error CSS1038: Expected hex color, found '#fff0'
(2184,34): run-time error CSS1038: Expected hex color, found '#fff0'
(2196,34): run-time error CSS1038: Expected hex color, found '#fff0'
(2207,63): run-time error CSS1046: Expect comma, found '57'
(2207,70): run-time error CSS1046: Expect comma, found '/'
(2207,92): run-time error CSS1046: Expect comma, found '255'
(2207,98): run-time error CSS1046: Expect comma, found '/'
(2210,34): run-time error CSS1038: Expected hex color, found '#fff0'
(2216,63): run-time error CSS1046: Expect comma, found '57'
(2216,70): run-time error CSS1046: Expect comma, found '/'
(2216,92): run-time error CSS1046: Expect comma, found '255'
(2216,98): run-time error CSS1046: Expect comma, found '/'
(2225,54): run-time error CSS1046: Expect comma, found '60'
(2225,60): run-time error CSS1046: Expect comma, found ')'
(2226,51): run-time error CSS1046: Expect comma, found '60'
(2226,57): run-time error CSS1046: Expect comma, found ')'
(2227,46): run-time error CSS1046: Expect comma, found '60'
(2227,52): run-time error CSS1046: Expect comma, found ')'
(2235,21): run-time error CSS1038: Expected hex color, found '#fff0'
(2321,52): run-time error CSS1046: Expect comma, found '0'
(2321,58): run-time error CSS1046: Expect comma, found '/'
(2321,78): run-time error CSS1046: Expect comma, found '57'
(2321,85): run-time error CSS1046: Expect comma, found '/'
(2321,107): run-time error CSS1046: Expect comma, found '255'
(2321,113): run-time error CSS1046: Expect comma, found '/'
(2358,63): run-time error CSS1046: Expect comma, found '57'
(2358,70): run-time error CSS1046: Expect comma, found '/'
(2358,92): run-time error CSS1046: Expect comma, found '255'
(2358,98): run-time error CSS1046: Expect comma, found '/'
(2421,63): run-time error CSS1046: Expect comma, found '57'
(2421,70): run-time error CSS1046: Expect comma, found '/'
(2421,92): run-time error CSS1046: Expect comma, found '255'
(2421,98): run-time error CSS1046: Expect comma, found '/'
(2513,63): run-time error CSS1046: Expect comma, found '57'
(2513,70): run-time error CSS1046: Expect comma, found '/'
(2513,92): run-time error CSS1046: Expect comma, found '255'
(2513,98): run-time error CSS1046: Expect comma, found '/'
(2537,34): run-time error CSS1038: Expected hex color, found '#fff0'
(2897,36): run-time error CSS1046: Expect comma, found '0'
(2897,40): run-time error CSS1046: Expect comma, found '/'
(2910,63): run-time error CSS1046: Expect comma, found '57'
(2910,70): run-time error CSS1046: Expect comma, found '/'
(2910,92): run-time error CSS1046: Expect comma, found '255'
(2910,98): run-time error CSS1046: Expect comma, found '/'
(2910,123): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(3242,67): run-time error CSS1046: Expect comma, found '57'
(3242,74): run-time error CSS1046: Expect comma, found '/'
(3242,96): run-time error CSS1046: Expect comma, found '255'
(3242,102): run-time error CSS1046: Expect comma, found '/'
(3295,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3520,27): run-time error CSS1038: Expected hex color, found '#fff0'
(4115,37): run-time error CSS1046: Expect comma, found '0'
(4115,41): run-time error CSS1046: Expect comma, found '/'
(4168,37): run-time error CSS1046: Expect comma, found '87'
(4168,44): run-time error CSS1046: Expect comma, found '/'
(4357,61): run-time error CSS1046: Expect comma, found '87'
(4357,68): run-time error CSS1046: Expect comma, found '/'
(4358,37): run-time error CSS1046: Expect comma, found '0'
(4358,41): run-time error CSS1046: Expect comma, found '/'
(4604,27): run-time error CSS1038: Expected hex color, found '#fff0'
(4616,31): run-time error CSS1038: Expected hex color, found '#fff0'
(4818,39): run-time error CSS1046: Expect comma, found '0'
(4818,43): run-time error CSS1046: Expect comma, found '/'
(4835,39): run-time error CSS1046: Expect comma, found '0'
(4835,43): run-time error CSS1046: Expect comma, found '/'
(4870,37): run-time error CSS1046: Expect comma, found '87'
(4870,44): run-time error CSS1046: Expect comma, found '/'
(5010,39): run-time error CSS1046: Expect comma, found '0'
(5010,43): run-time error CSS1046: Expect comma, found '/'
(5374,63): run-time error CSS1046: Expect comma, found '57'
(5374,70): run-time error CSS1046: Expect comma, found '/'
(5374,92): run-time error CSS1046: Expect comma, found '255'
(5374,98): run-time error CSS1046: Expect comma, found '/'
(5386,63): run-time error CSS1046: Expect comma, found '57'
(5386,70): run-time error CSS1046: Expect comma, found '/'
(5386,92): run-time error CSS1046: Expect comma, found '255'
(5386,98): run-time error CSS1046: Expect comma, found '/'
(5562,39): run-time error CSS1046: Expect comma, found '0'
(5562,43): run-time error CSS1046: Expect comma, found '/'
(5763,16): run-time error CSS1038: Expected hex color, found '#fff0'
(5764,36): run-time error CSS1046: Expect comma, found '0'
(5764,40): run-time error CSS1046: Expect comma, found '/'
(5776,16): run-time error CSS1038: Expected hex color, found '#fff0'
(5777,36): run-time error CSS1046: Expect comma, found '0'
(5777,40): run-time error CSS1046: Expect comma, found '/'
(5789,16): run-time error CSS1038: Expected hex color, found '#fff0'
(5790,36): run-time error CSS1046: Expect comma, found '0'
(5790,40): run-time error CSS1046: Expect comma, found '/'
(6129,30): run-time error CSS1038: Expected hex color, found '#fff0'
(6130,38): run-time error CSS1038: Expected hex color, found '#fff0'
(6142,26): run-time error CSS1038: Expected hex color, found '#fff0'
(6143,34): run-time error CSS1038: Expected hex color, found '#fff0'
(6261,50): run-time error CSS1046: Expect comma, found '80'
(6261,56): run-time error CSS1046: Expect comma, found ')'
(6261,67): run-time error CSS1046: Expect comma, found '157'
(6261,74): run-time error CSS1046: Expect comma, found ')'
(6515,50): run-time error CSS1046: Expect comma, found '135'
(6515,57): run-time error CSS1046: Expect comma, found ')'
(6515,70): run-time error CSS1046: Expect comma, found '181'
(6515,77): run-time error CSS1046: Expect comma, found ')'
(6543,16): run-time error CSS1038: Expected hex color, found '#fff0'
(6544,36): run-time error CSS1046: Expect comma, found '0'
(6544,40): run-time error CSS1046: Expect comma, found '/'
(6651,16): run-time error CSS1038: Expected hex color, found '#fff0'
(6652,36): run-time error CSS1046: Expect comma, found '0'
(6652,40): run-time error CSS1046: Expect comma, found '/'
(6664,16): run-time error CSS1038: Expected hex color, found '#fff0'
(6665,36): run-time error CSS1046: Expect comma, found '0'
(6665,40): run-time error CSS1046: Expect comma, found '/'
(6862,50): run-time error CSS1046: Expect comma, found '170'
(6862,57): run-time error CSS1046: Expect comma, found ')'
(6862,71): run-time error CSS1046: Expect comma, found '190'
(6862,77): run-time error CSS1046: Expect comma, found ')'
(6885,16): run-time error CSS1038: Expected hex color, found '#fff0'
(6886,36): run-time error CSS1046: Expect comma, found '0'
(6886,40): run-time error CSS1046: Expect comma, found '/'
(6892,50): run-time error CSS1046: Expect comma, found '172'
(6892,57): run-time error CSS1046: Expect comma, found ')'
(6892,70): run-time error CSS1046: Expect comma, found '206'
(6892,77): run-time error CSS1046: Expect comma, found ')'
(7264,52): run-time error CSS1046: Expect comma, found '0'
(7264,58): run-time error CSS1046: Expect comma, found '/'
(7264,78): run-time error CSS1046: Expect comma, found '57'
(7264,85): run-time error CSS1046: Expect comma, found '/'
(7264,107): run-time error CSS1046: Expect comma, found '255'
(7264,113): run-time error CSS1046: Expect comma, found '/'
(7948,16): run-time error CSS1038: Expected hex color, found '#fff0'
(7949,36): run-time error CSS1046: Expect comma, found '0'
(7949,40): run-time error CSS1046: Expect comma, found '/'
(7968,16): run-time error CSS1038: Expected hex color, found '#fff0'
(7969,36): run-time error CSS1046: Expect comma, found '0'
(7969,40): run-time error CSS1046: Expect comma, found '/'
(8077,31): run-time error CSS1038: Expected hex color, found '#fff0'
(8248,50): run-time error CSS1046: Expect comma, found '85'
(8248,56): run-time error CSS1046: Expect comma, found ')'
(8248,67): run-time error CSS1046: Expect comma, found '153'
(8248,74): run-time error CSS1046: Expect comma, found ')'
(8529,29): run-time error CSS1046: Expect comma, found '246'
(8529,37): run-time error CSS1046: Expect comma, found '/'
(8692,16): run-time error CSS1038: Expected hex color, found '#fff0'
(8693,37): run-time error CSS1046: Expect comma, found '64'
(8693,43): run-time error CSS1046: Expect comma, found '/'
(11515,67): run-time error CSS1046: Expect comma, found '57'
(11515,74): run-time error CSS1046: Expect comma, found '/'
(11515,96): run-time error CSS1046: Expect comma, found '255'
(11515,102): run-time error CSS1046: Expect comma, found '/'
 */
/* Slider */
.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: none;
}
.slick-list.dragging
{
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -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:before,
.slick-track:after
{
    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;
}

@charset "UTF-8";
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/static/lib/slick/css/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('/static/lib/slick/fonts/slick.eot');
    src: url('/static/lib/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/static/lib/slick/fonts//slick.woff') format('woff'), url('/static/lib/slick/fonts//slick.ttf') format('truetype'), url('/static/lib/slick/fonts//slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:FontAwesome;src:url(/static/lib/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/static/lib/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/static/lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/static/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/static/lib/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/static/lib/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-address-card:before,.fa-vcard:before{content:"\f2bb"}.fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bath:before,.fa-bathtub:before,.fa-s15:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
@font-face {
    font-family: Metropolis-Italic;
    src: url(/static/fonts/Metropolis-RegularItalic.eot);
    src: url(/static/fonts/Metropolis-RegularItalic.eot?#iefix) format('embedded-opentype'),url(/static/fonts/Metropolis-RegularItalic.woff2) format('woff2'),url(/static/fonts/Metropolis-RegularItalic.woff) format('woff'),url(/static/fonts/Metropolis-RegularItalic.ttf) format('truetype'),url(/static/fonts/Metropolis-RegularItalic.svg#Metropolis-RegularItalic) format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Metropolis-Regular;
    src: url(/static/fonts/Metropolis-Regular.eot);
    src: url(/static/fonts/Metropolis-Regular.eot?#iefix) format('embedded-opentype'),url(/static/fonts/Metropolis-Regular.woff2) format('woff2'),url(/static/fonts/Metropolis-Regular.woff) format('woff'),url(/static/fonts/Metropolis-Regular.ttf) format('truetype'),url(/static/fonts/Metropolis-Regular.svg#Metropolis-Regular) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Metropolis-Semi;
    src: url(/static/fonts/Metropolis-SemiBold.eot);
    src: url(/static/fonts/Metropolis-SemiBold.eot?#iefix) format('embedded-opentype'),url(/static/fonts/Metropolis-SemiBold.woff2) format('woff2'),url(/static/fonts/Metropolis-SemiBold.woff) format('woff'),url(/static/fonts/Metropolis-SemiBold.ttf) format('truetype'),url(/static/fonts/Metropolis-SemiBold.svg#Metropolis-SemiBold) format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Metropolis-Bold;
    src: url(/static/fonts/Metropolis-Bold.eot);
    src: url(/static/fonts/Metropolis-Bold.eot?#iefix) format('embedded-opentype'),url(/static/fonts/Metropolis-Bold.woff2) format('woff2'),url(/static/fonts/Metropolis-Bold.woff) format('woff'),url(/static/fonts/Metropolis-Bold.ttf) format('truetype'),url(/static/fonts/Metropolis-Bold.svg#Metropolis-Bold) format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Metropolis-ExtraBold;
    src: url(/static/fonts/Metropolis-ExtraBold.eot);
    src: url(/static/fonts/Metropolis-ExtraBold.eot?#iefix) format('embedded-opentype'),url(/static/fonts/Metropolis-ExtraBold.woff2) format('woff2'),url(/static/fonts/Metropolis-ExtraBold.woff) format('woff'),url(/static/fonts/Metropolis-ExtraBold.ttf) format('truetype'),url(/static/fonts/Metropolis-Bold.svg#Metropolis-ExtraBold) format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Metropolis-ExtraLight;
    src: url(/static/fonts/Metropolis-ExtraLight.eot);
    src: url(/static/fonts/Metropolis-ExtraLight.eot?#iefix) format('embedded-opentype'),url(/static/fonts/Metropolis-ExtraLight.woff2) format('woff2'),url(/static/fonts/Metropolis-ExtraLight.woff) format('woff'),url(/static/fonts/Metropolis-ExtraLight.ttf) format('truetype'),url(/static/fonts/Metropolis-ExtraLight.svg#Metropolis-ExtraLight) format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    background: #000D39;
    scroll-behavior: smooth
}

body {
    font: 14px Metropolis-Regular
}

.color-body {
    color: #000D39 !important
}

/*ads compain*/

.html-white {
    background: white !important;
}
.body-white{
   background: white !important;
   max-width: 1440px;
   margin:0 auto
}

.bg-ads {
    background: linear-gradient(113.39deg, #0400A6 -9.51%, #090076 8.08%, #002278 68.96%, #000CCC 106.22%);
}

.h1-white {
    font-size: 4rem;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: white
}

.p-white {
    font-size: 2rem;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.02em;
    color:white
}

.p-white-popups {
    font-size: 2rem;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: white
}

.h2-white {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 120%;
    color: white;
}

.button-send-ads {
    padding: 22.19px 44.38px 22.19px 44.38px;
    border-radius: 5.55px;
    border: none;
    background: linear-gradient(274.35deg, #314BA0 3.11%, #254EA6 29.85%, #0567D3 100%);
    color:white;
}

.wch-form-control-ads {
    padding: 0.5rem;
    width: 70%;
    outline: 0;
    font-size: 16px;
    min-height: 25px;
    border-radius: 10px;
    background: #FFF;
    border:none;
    margin-top:1rem
}

.m-t-desk{
    margin-top:5rem;
}

    .button-orange-ads {
    border-radius: 51px;
    border: none;
    background: #FF7D04;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    color:white;
    text-transform: uppercase;
    padding: 0.7rem 1rem;
}

.footer-gradient-ads {
    height: 2px;
    display: block;
    margin-top: 15px;
    width: 100%;
    background: white
}

.buton-footer {
    border: 2px solid #FF7D04;
    color:white;
    font-size: 1rem;
    padding: 0.7rem;
    border-radius: 10px;
}

.p-header {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.05em;
    text-align: left;
    color: #0A3EA8;
    text-transform: uppercase;
}

.p-header:hover {
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.05em;
    text-align: left;
    color: #0A3EA8 !important;
    text-transform: uppercase;
    cursor: pointer;
}

.nav-item-ads {
    padding: 10px 20px;
    display: flex;
    align-items: center !important;
    text-align: center;
    position: relative
}

.small-block-ads {
    padding: 20px;
    border-radius: 18px;
    border: 1.5px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    height: 100%;
    box-sizing: border-box;
}

.big-block-ads {
    border-radius: 18px;
    border: 2px solid #0400A6;
}

.p-s-block {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.005em;
    color: white;
}

.p-b-block {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.005em;
    color: white;
}

.p-m-blue {
    font-size: 3rem;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #0400A6;
}

.p-s-blue {
    font-size: 2rem;
    font-weight: 700;
    line-height: 110%;
    text-align: left;
    color: #0400A6;
}

.span-black {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 100%;
    text-align: left;
    color: #000000;
}

.span-s-black {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 110%;
    text-align: left;
    color: #000000;
}

.p-b-white {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.005em;
    text-align: center;
    color: white;
}

.p-s-white {
    font-size: 1.3rem;
    font-style: italic;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.005em;
    text-align: center;
    color:white
}

.p-orange {
    font-size: 4rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.005em;
    text-align: center;
    color: #FF7D04
}

.p-s-black {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.005em;
    text-align: left;
    color: #000000;
}

.h2-ads {
    font-size: 4rem;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.02em;
    color: #0400A6;
}

.rad-ads{
    border-radius: 20px;
}

.menu-m-l{
    margin-left: auto;
}

.paddings-5 {
    padding-right: 3rem;
    padding-left: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.modal-ads-width {
    max-width: 80% !important;
    width: 80% !important
}

@media only screen and (max-width:1200px) and (min-width:992px) {
    .p-header {
        font-size: 1rem;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 0.05em;
        text-align: left;
        color: #0A3EA8;
        text-transform: uppercase;
    }

        .p-header:hover {
            font-size: 1rem;
            font-weight: 700;
            line-height: 100%;
            letter-spacing: 0.05em;
            text-align: left;
            color: #0A3EA8 !important;
            text-transform: uppercase;
            cursor: pointer;
        }

    .nav-item-ads {
        padding: 10px 10px;
        display: flex;
        align-items: center !important;
        text-align: center;
        position: relative
    }

    .button-orange-ads {
        border-radius: 51px;
        border: none;
        background: #FF7D04;
        font-size: 1rem;
        font-weight: 500;
        line-height: 100%;
        text-align: center;
        color: white;
        text-transform: uppercase;
        padding: 0.7rem 1rem;
    }

    .modal-ads-width {
        max-width: 80% !important;
        width: 80% !important
    }


}

@media only screen and (max-width:1100px) and (min-width:768px) {
    .block-width-100{
        min-width: 100%;
    }

    .block-width-45 {
        min-width: 45%;
        margin-top: 3rem;
    }

    .row-tab-45 {
        justify-content: center
    }
}
    @media only screen and (max-width:992px) and (min-width:551px) {
        .menu-m-l {
            margin-left: 0;
        }

        .m-t-desk {
            margin-top: 1rem;
        }

        .paddings-5 {
            padding-right: 20px;
            padding-left: 20px;
            padding-top: 35px;
            padding-bottom: 35px;
        }

        .modal-ads-width {
            max-width: 100% !important;
            width: 100% !important
        }
    }

    @media only screen and (max-width:767px) and (min-width:100px) {
        .h1-white {
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 110%;
            letter-spacing: -0.02em;
            text-align: center;
            color: white
        }

        .menu-m-l {
            margin-left: 0;
        }

        .h2-white {
            font-size: 2rem;
            font-weight: 700;
            line-height: 120%;
            color: white;
            text-align: left;
        }

        .p-white {
            font-size: 1.3rem;
            font-weight: 500;
            line-height: 110%;
            letter-spacing: -0.02em;
            text-align:center;
            color: white
        }

        .p-white-popups {
            font-size: 1.3rem;
            font-weight: 500;
            line-height: 110%;
            letter-spacing: -0.02em;
            text-align: left;
            color: white
        }

            .mob-mt-5 {
            margin-top: 3rem;
        }

        .m-t-desk {
            margin-top: 1rem;
        }

        .paddings-5 {
            padding-right: 10px;
            padding-left: 10px;
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .modal-ads-width {
            max-width: 100% !important;
            width: 100% !important
        }

        .p-m-blue {
            font-size: 1.8rem;
            font-weight: 700;
            line-height: 110%;
            letter-spacing: -0.02em;
            color: #0400A6;
        }

        .p-s-black {
            font-size: 1rem;
            font-weight: 400;
            line-height: 120%;
            letter-spacing: -0.005em;
            text-align: left;
            color: #000000;
        }

        .h2-ads {
            font-size: 2.3rem;
            font-weight: 700;
            line-height: 120%;
            letter-spacing: -0.02em;
            color: #0400A6;
            text-align: center;
        }

        .mt-small-blocks {
            margin-top: 3rem;
        }

        .p-b-block {
            text-transform: uppercase;
            font-size: 1.3rem;
            font-weight: 700;
            line-height: 120%;
            letter-spacing: -0.005em;
            color: white;
        }

        .p-s-block {
            font-size: 1.3rem;
            font-weight: 400;
            line-height: 110%;
            letter-spacing: -0.005em;
            color: white;
        }

        .margin-testimonials {
            margin-left: 10px;
            margin-right: 10px;
        }

        .button-orange-ads {
            border-radius: 51px;
            border: none;
            background: #FF7D04;
            font-size: .9rem;
            font-weight: 500;
            line-height: 100%;
            text-align: center;
            color: white;
            text-transform: uppercase;
            padding: 0.5rem .5rem;
        }

        .p-b-white {
            font-size: 1.8rem;
            font-weight: 700;
            line-height: 120%;
            letter-spacing: -0.005em;
            text-align: center;
            color: white;
        }

        .p-orange {
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 120%;
            letter-spacing: -0.005em;
            text-align: center;
            color: #FF7D04;
        }

        .p-s-white {
            font-size: 1rem;
            font-style: italic;
            font-weight: 700;
            line-height: 110%;
            letter-spacing: -0.005em;
            text-align: center;
            color: white;
        }

        .button-send-ads {
            padding: .7rem 1rem;
            border-radius: 10px;
            border: none;
            background: linear-gradient(274.35deg, #314BA0 3.11%, #254EA6 29.85%, #0567D3 100%);
            color: white;
            font-size: 1rem;
        }

      
    }
@media only screen and (max-width:320px) and (min-width:100px) {
    .button-orange-ads {
        border-radius: 51px;
        border: none;
        background: #FF7D04;
        font-size: .7rem !important;
        font-weight: 500;
        line-height: 100%;
        text-align: center;
        color: white;
        text-transform: uppercase;
        padding: 0.5rem .5rem;
    }
}
    /**/

    article, footer, header, hgroup, menu, nav, section {
        display: block
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-weight: 700
    }

    h1 {
        font-size: 32px;
        color: #343742;
        line-height: 3rem
    }

    h2 {
        font-family: Metropolis-Bold;
        font-size: 34px;
        color: #343742;
        line-height: 3rem
    }

    .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus {
        background-color: #fff0
    }

    .dropdown-item:focus {
        color: #fff
    }

    .container-body {
        padding: 0 70px
    }

    .opacity-block {
        opacity: .85
    }

    .navbar-wch {
        background-color: #333;
        overflow: hidden
    }

    .menu-wch {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex
    }

        .menu-wch li {
            margin: 0 15px
        }

    .menu li a {
        color: #fff;
        text-decoration: none
    }

    .hamburger-menu-wch {
        display: none;
        cursor: pointer;
        padding: 10px
    }

    .bar-wch {
        width: 25px;
        height: 3px;
        background-color: #fff;
        margin: 3px 0
    }

    dropdown-wch {
        position: relative
    }

    .dropdown-menu-wch {
        display: none;
        position: absolute;
        background-color: #444;
        list-style: none;
        padding: 0;
        margin: 0
    }

    .dropdown:hover .dropdown-menu {
        display: block
    }

    .dropdown-menu li {
        padding: 10px
    }

        .dropdown-menu li a {
            color: #fff;
            text-decoration: none
        }

    .gap-1 {
        gap: 0.25rem !important
    }

    .gap-3 {
        gap: 1rem !important
    }

    .gap-4 {
        gap: 1.5rem !important
    }

    .gap-2 {
        gap: 0.5rem !important
    }

    .gap-5 {
        gap: 3rem !important
    }

    @media screen and (max-width:768px) {
        .menu-wch {
            display: none;
            flex-direction: column;
            background-color: #333;
            position: absolute;
            width: 100%
        }

            .menu-wch.active {
                display: flex
            }

            .menu-wch li {
                margin: 0;
                text-align: center;
                padding: 10px 0
            }

        .hamburger-menu-wch {
            display: block
        }
    }

    .btn-up {
        position: fixed;
        background-color: #673ab7;
        left: 49%;
        bottom: 0;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: opacity 0.3s ease-in-out;
        width: 40px;
        height: 40px;
        opacity: 1
    }

        .btn-up::before {
            content: "";
            width: 40px;
            height: 40px;
            background: #fff0 no-repeat center center;
            background-size: 100% 100%;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E")
        }

    .btn-up_hide {
        display: none
    }

    .btn-up_hiding {
        opacity: 0
    }

    @media (hover:hover) and (pointer:fine) {
        .btn-up:hover {
            background-color: #512da8
        }
    }

    .box-grad-border {
        border-radius: 20px;
        background-image: url(/static/images/general/gradient-box-border.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        padding: 30px 28px 32px 21px
    }

    .border-gradient {
        border: 7px solid;
        border-image-slice: 1;
        border-width: 2px
    }

    .grad-block {
        border-radius: 20px;
        box-shadow: 0 4px 4px 0 rgb(0 0 0 / .25);
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%)
    }

    .inner-grad-block {
        margin: 2px;
        border-radius: 20px;
        background: #000d39;
        padding: 30px 28px 32px 21px;
        position: relative
    }

    .mw-388 {
        max-width: 388px
    }

    .services-sec .inner-grad-block {
        max-width: 377px
    }

    .vacancy-box .vacancy-title, .vacancy-box .loc {
        color: #FFF;
        font-family: Metropolis-Bold;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize
    }

    .vacancy-box .company, .vacancy-box .loc-info {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .vacancy-box .vacancy-title {
        color: #FFF;
        font-family: Metropolis-Bold;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize
    }

    .vacancy-body .h4 {
        color: #FF7D04;
        font-family: Metropolis-Bold;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize
    }

    .vacancy-list {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .vacancy-body form label {
        color: #FF7D04;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .history-card h3 {
        color: #FF7D04;
        text-align: center;
        font-family: Metropolis-Bold;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize
    }

    .history-card {
        min-height: 151px !important
    }

        .history-card p {
            color: #FFF;
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: capitalize
        }

    .history-year {
        color: #424DFF;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
        width: 67px;
        height: 67px;
        flex-shrink: 0;
        border-radius: 50%;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 40%;
        top: -37px
    }

    .inner-grad-block:before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 20px;
        padding: 2px;
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none
    }

    .ofc-card .ofc-header {
        height: 53px;
        border-radius: 0 0 0 0;
        background: #424DFF;
        color: #fff;
        padding: 18px
    }

    .ofc-card .collapsed.ofc-header {
        border-radius: 0 0 0 0;
        background: linear-gradient(113deg,#0400A6 -9.51%,#090076 8.08%,#002278 68.96%,#000CCC 106.22%)
    }

    .ofc-card {
        margin-bottom: 13px
    }

    .ofc-header .close-icon {
        display: none
    }

    .offices-list::-webkit-scrollbar {
        width: 5px
    }

    .offices-list::-webkit-scrollbar-track {
        border-radius: 3px;
        border: 0;
        background: #fff0
    }

    .offices-list::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #D9D9D9
    }

    .ofc-header.collapsed .close-icon {
        display: block
    }

    .ofc-header.collapsed .open-icon {
        display: none
    }

    .ofc-card .loc-info a {
        color: #091744;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .ofc-card .loc-info {
        padding: 23px 15px;
        border-radius: 0 0 0 0;
        background: #FFF;
        color: #091744;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .ofc-card .ofc-header .city {
        color: #FFF;
        font-family: Metropolis-Bold;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize
    }

    .ofc-card .ofc-header .learn-more {
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .border-grad {
        border-image-source: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%)
    }

    .border-grad-pink {
        border-image-source: linear-gradient(90deg,#D800DE 0%,#450092 36.46%,#07005B 58.33%,#103261 100%)
    }

    .grad-block-border {
        border-radius: 20px;
        padding: 2px;
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%)
    }

    .grad-block-border-inner {
        border-radius: 20px;
        background: #000d39
    }

    .grad-block-border-inner-2 {
        border-radius: 20px;
        background: #091744
    }

    .button-grad {
        padding: 18px 32px;
        color: #fff;
        border-radius: 10px;
        position: relative;
        border: 0;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal
    }

        .button-grad:before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 10px;
            padding: 2px;
            background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%);
            -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none
        }

    #contactUsForm {
        padding: 42px 46px 66px 46px
    }

    #PaymentForm {
        padding: 42px 46px 66px 46px
    }

    .br-10 {
        border-radius: 10px
    }

    .contact-form-bg {
        background: linear-gradient(119deg,rgb(255 0 245 / .06) -10.44%,rgb(0 57 167 / .06) 37.21%,rgb(205 255 4 / .06) 87.29%)
    }

    .view-more-btn {
        text-decoration: none !important
    }

        .view-more-btn:hover {
            background: linear-gradient(107deg,#FF00F5 2.87%,#0057FF 43.31%,rgb(205 255 4 / .93) 94.22%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: #fff0
        }

        .view-more-btn .show-on-hover {
            display: none
        }

        .view-more-btn:hover .show-on-hover {
            display: inline-block !important
        }

        .view-more-btn:hover .hide-on-hover {
            display: none !important
        }

    .button-grad:hover {
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%);
        color: white !important
    }

        .button-grad:hover:before {
            display: none
        }

    .button-header {
        border: 1px solid lightgray;
        font-size: 14px;
        color: #fff;
        border-radius: 8px;
        outline: 0
    }

        .button-header:hover {
            background: linear-gradient(110deg,#FF00F5 .32%,#26007F 36.56%,#000330 67.31%,#63A300 105.74%);
            color: #fff;
            border: 1px solid #fff0
        }

    .button-grad-blocks {
        padding: 16px 23px;
        font-size: 18px
    }

    .bg-darkblue {
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%);
        filter: blur(0)
    }

    .br-20 {
        border-radius: 20px
    }

    .br-10 {
        border-radius: 10px
    }

    .br-5 {
        border-radius: 5px
    }

    .round-grad-btn {
        border-radius: 12px;
        border: 0;
        padding: 2px;
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%)
    }

        .round-grad-btn div {
            background: #000D39;
            text-align: center;
            border-radius: 10px;
            padding: 18px 32px;
            color: #FFF;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase
        }

    .round-grad-btn-blue div {
        background: #001f84
    }

    .round-grad-btn-091744 div {
        background: #091744
    }

    .round-grad-btn div:hover {
        background: transparent !important
    }

    .video-section p {
        font-size: 22px
    }

    .medical-billing-blue-sec {
        padding: 84px 44px !important;
        min-height: 389px
    }

    .medical-auditing-sec {
        padding: 38px 60px !important
    }

        .medical-auditing-sec .orange-text {
            color: #FF7D04;
            font-family: Metropolis-Semi;
            font-size: 28px;
            font-style: normal;
            font-weight: 600;
            line-height: normal
        }

        .medical-auditing-sec .white-text {
            color: #fff;
            text-align: left;
            font-family: Metropolis-Semi;
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            line-height: normal
        }

    .medical-billing-blue-sec-2 {
        padding: 42px 44px !important
    }

    .medical-billing-blue-sec .block-text {
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: normal
    }

    .card-height {
        min-height: 95% !important
    }

    .challange {
        margin-bottom: 35px
    }

    .challange-block {
        padding: 45px 60px 40px 60px
    }

    .challange-divider {
        height: 2px;
        display: block;
        margin-top: 30px;
        margin-bottom: 37px;
        width: 100%;
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%)
    }

    .challange-title {
        font-size: 34px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: left;
        text-transform: capitalize;
        background: linear-gradient(90deg,#D800DE 0%,#738D1E 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #fff0
    }

    .challange-content {
        color: #FFF;
        text-align: justify;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        text-transform: capitalize
    }

    .bottom-7 {
        bottom: 7%
    }

    .pad-2 {
        padding: 2px;
        !important
    }

    .color-white {
        color: white !important
    }

    .bg-main-page {
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .bg-img-1 {
        background-image: url(/static/images/general/iStock-1429032699.jpg)
    }

    .bg-img-2 {
        background-image: url(/static/images/general/iStock-1343774255.jpg)
    }

    .bg-img-3 {
        background-image: url(/static/images/general/iStock-1182775793.jpg)
    }

    .container-services {
        padding: 0 230px
    }

    .slick-prev::before, .slick-next::before {
        font-family: 'slick';
        font-size: 1.5rem !important;
        line-height: 1;
        opacity: .75;
        color: #2a5298 !important
    }

    .navbar {
        background: #091744;
        padding: 10px 0
    }

    .bg-091744 {
        background-color: #091744
    }

    header.top {
        z-index: 100;
        position: fixed;
        width: 100%;
        top: 0;
        box-shadow: 3px 2px 6px #111525
    }

    .dropdown-menu {
        position: absolute;
        top: 70%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        margin: .125rem 0 0;
        font-size: 1.1rem;
        color: #fff;
        text-align: left;
        list-style: none;
        background-color: #091744;
        background-clip: padding-box;
        border: none;
        border-radius: 8px
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: 14px 18px;
        clear: both;
        font-family: Metropolis-Regular;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: .32px;
        color: #fff;
        text-align: inherit;
        white-space: nowrap;
        background-color: #fff0;
        border: 0
    }

    .nav-link {
        font-family: Metropolis-Bold;
        font-size: 12px;
        color: #fff;
        letter-spacing: .75px;
        text-transform: uppercase;
        cursor: pointer
    }

    .an-block {
        transition: transform .2s
    }

    .navbar-nav .nav-link {
        color: white !important
    }

    .none-wch {
        display: block
    }

    .none-top {
        display: none
    }

    .btn-info {
        background-color: #FF7D04;
        border: #FF7D04
    }

    .services-navs {
        text-align: left !important;
        font-size: 1.3rem !important;
        border: none !important;
        background: none !important;
        color: blue !important;
        font-weight: normal !important;
        margin-bottom: 1rem
    }

        .services-navs:hover {
            background: orange !important;
            color: white !important
        }

        .services-navs.active {
            background: blue !important;
            color: white !important
        }

    .bg-one, .bg-one ~ .content span {
        background-color: #9b59b6
    }

    .bg-two, .bg-two ~ .content span {
        background-color: #FE6860
    }

    .bg-three, .bg-three ~ .content span {
        background-color: #23B684
    }

    .bg-four, .bg-four ~ .content span {
        background-color: #603838
    }

    .bg-five, .bg-five ~ .content span {
        background-color: #F9BF3B
    }

    .bg-six, .bg-six ~ .content span {
        background-color: #C25396
    }

    .tabs-box {
        background-color: #fafafd;
        color: #FFF;
        width: 100%;
        padding: 1rem;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
        padding-bottom: 2.5rem
    }

    .tabs-box-products {
        background-color: #fafafd;
        color: #FFF;
        width: 100%;
        padding: 1rem;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px
    }

    .tabs-box .acord {
        position: relative;
        overflow: hidden
    }

        .tabs-box .acord label {
            position: relative;
            z-index: 1;
            display: block;
            padding: 0 40px 0 0
        }

            .tabs-box .acord label i {
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                width: 40px;
                text-align: center
            }

            .tabs-box .acord label, .tabs-box .acord label i, .tabs-box .acord i.fa-chevron-circle-down {
                height: auto;
                line-height: 40px;
                font-size: 1.3rem;
                padding-left: .5rem;
                color: #2a5298;
                background: #DFEAF4;
                border-radius: 12px
            }

                .tabs-box .acord label:hover {
                    color: #fff;
                    background: #2a5298;
                    cursor: pointer
                }

        .tabs-box .acord i.fa-chevron-circle-down {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            width: 40px;
            text-align: center;
            -moz-transition: all .2s linear 0s;
            -webkit-transition: all .2s linear 0s;
            transition: all .2s linear 0s
        }

        .tabs-box .acord input {
            display: none
        }

    .tabs-box .content {
        position: relative;
        overflow: hidden;
        -moz-transition: height 1s linear 0s;
        -webkit-transition: height 1s linear 0s;
        transition: height 1s linear 0s;
        height: 0;
        font-size: 1.1rem;
        line-height: 150%;
        color: #2a5298;
        text-align: center;
        direction: ltr
    }

        .tabs-box .content span.square {
            display: block;
            position: absolute;
            left: 10px;
            top: -17px;
            width: 20px;
            height: 20px;
            transform: rotate(45deg)
        }

    .tabs-box input[type="checkbox"]:checked ~ div.content {
        height: auto;
        padding: 1rem
    }

    .tabs-box input[type="checkbox"]:checked ~ i.fa-chevron-circle-down {
        transform: rotate(180deg)
    }

    .tabs-box-products .acord {
        position: relative;
        overflow: hidden
    }

        .tabs-box-products .acord label {
            position: relative;
            z-index: 1;
            display: block;
            padding: 0 40px 0 0
        }

            .tabs-box-products .acord label i {
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                width: 40px;
                text-align: center
            }

            .tabs-box-products .acord label, .tabs-box-products .acord label i, .tabs-box-products .acord i.fa-chevron-circle-down {
                height: auto;
                line-height: 40px;
                font-size: 1.3rem;
                padding-left: .5rem;
                color: #2a5298;
                background: #DFEAF4;
                border-radius: 12px
            }

                .tabs-box-products .acord label:hover {
                    color: #fff;
                    background: #2a5298;
                    cursor: pointer
                }

        .tabs-box-products .acord i.fa-chevron-circle-down {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            width: 40px;
            text-align: center;
            -moz-transition: all .2s linear 0s;
            -webkit-transition: all .2s linear 0s;
            transition: all .2s linear 0s
        }

        .tabs-box-products .acord input {
            display: none
        }

    .tabs-box-products .content {
        position: relative;
        overflow: hidden;
        -moz-transition: height 1s linear 0s;
        -webkit-transition: height 1s linear 0s;
        transition: height 1s linear 0s;
        height: 0;
        font-size: 1.1rem;
        line-height: 150%;
        color: #2a5298;
        text-align: center;
        direction: ltr
    }

        .tabs-box-products .content span.square {
            display: block;
            position: absolute;
            left: 10px;
            top: -17px;
            width: 20px;
            height: 20px;
            transform: rotate(45deg)
        }

    .tabs-box-products input[type="checkbox"]:checked ~ div.content {
        height: auto;
        padding: 1rem
    }

    .tabs-box-products input[type="checkbox"]:checked ~ i.fa-chevron-circle-down {
        transform: rotate(180deg)
    }

    .nav-item {
        padding: 10px 20px;
        display: flex;
        align-items: center !important;
        text-align: center;
        position: relative
    }

        .nav-item:active, .nav-item:hover {
            color: white !important
        }

            .nav-item:active .nav-link, .nav-item:hover .nav-link {
                color: white !important
            }

            .nav-item:active .sub-menu, .nav-item:hover .sub-menu {
                display: block
            }

    .footer-nav a:hover {
        color: #fff
    }

    .timeline ul {
        padding: 50px 0
    }

        .timeline ul li {
            background: #d8031c;
            position: relative;
            margin: 0 auto;
            width: 5px;
            padding-bottom: 40px;
            list-style-type: none
        }

            .timeline ul li:last-child {
                padding-bottom: 7px
            }

            .timeline ul li:before {
                content: "";
                background: #faf8eb;
                position: absolute;
                left: 50%;
                top: 0;
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                width: 20px;
                height: 20px;
                border: 3px solid #d8031c;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%
            }

            .timeline ul li .hidden {
                opacity: 0
            }

            .timeline ul li .content {
                background: #67CC8E;
                position: relative;
                top: 7px;
                width: 450px;
                padding: 20px;
                transition: all 0.4s ease-in-out;
                z-index: 14;
                box-shadow: 7px 6px 15px 0 rgb(0 0 0 / .25)
            }

                .timeline ul li .content * {
                    color: #fff
                }

                .timeline ul li .content.non-focus::before {
                    display: none
                }

                .timeline ul li .content.non-focus {
                    transform: rotate(20deg);
                    opacity: .4;
                    filter: blur(5px);
                    z-index: 11
                }

            .timeline ul li .content {
                color: #d2d2d2;
                background: #e6e6e6
            }

                .timeline ul li .content p {
                    text-align: left
                }

                .timeline ul li .content:before {
                    content: "";
                    background: inherit;
                    position: absolute;
                    top: 0;
                    width: 38px;
                    height: 5px
                }

            .timeline ul li:nth-child(odd) .content {
                left: 50px;
                background: #01016f;
                border-radius: 0 4px 4px 4px
            }

                .timeline ul li:nth-child(odd) .content:before {
                    left: -38px
                }

            .timeline ul li:nth-child(even) .content {
                left: calc(-450px - 45px);
                background: #01016f;
                border-radius: 4px 0 4px 4px
            }

                .timeline ul li:nth-child(even) .content:before {
                    right: -38px
                }

    .timeline-content-info {
        display: flex;
        justify-content: space-between;
        border-radius: 4px;
        padding: 2%;
        background-color: #6497bf
    }

    .content-skills {
        margin: 15px 0 0 0
    }

        .content-skills span {
            background: #d8031c;
            border-radius: 4px;
            padding: 2px
        }

    @media screen and (max-width:1020px) {
        .timeline ul li .content {
            width: 41vw
        }

        .timeline ul li:nth-child(even) .content {
            left: calc(-41vw - 45px)
        }
    }

    @media screen and (max-width:700px) {
        .timeline ul li {
            margin-left: 20px
        }

            .timeline ul li .content {
                width: calc(100vw - 100px)
            }

            .timeline ul li:nth-child(even) .content {
                left: 45px;
                background: #01016f;
                border-radius: 0 4px 4px 4px
            }

                .timeline ul li:nth-child(even) .content:before {
                    left: -33px
                }
    }

    .h2-wch {
        font-size: 42px;
        line-height: 130%;
        background: linear-gradient(90deg,#D800DE 0%,#738D1E 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #fff0;
        color: #64A400;
        display: table;
        text-transform: capitalize;
        margin: 0 auto
    }

    .circle-svg {
        position: absolute;
        width: 100px;
        height: 100px;
        top: 50%;
        left: 50%;
        margin: -50px 0 0 -50px;
        background: #CB4B16;
        border-radius: 80%;
        backface-visibility: hidden
    }

    .border-box {
        color: #FFF;
        text-align: center;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        text-transform: capitalize;
        border-top: 2px solid;
        border-image-slice: 1;
        border-width: 2px
    }

    .h3-wch {
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        background: linear-gradient(132deg,#D800DE 8.26%,#64A400 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #fff0;
        color: #64A400;
        display: table;
        margin: 0 auto
    }

    .h3-wch-right {
        font-size: 2rem;
        line-height: 130%;
        background: linear-gradient(132deg,#D800DE 8.26%,#64A400 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #fff0;
        color: #64A400;
        display: table;
        margin-right: auto
    }

    button:focus {
        outline: 0
    }

    .nav-link:hover {
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #fff0;
        color: #64A400;
        display: table
    }

    .dropdown-item:hover {
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%);
        color: #fff
    }

    .padding-4 {
        padding: 1.5rem
    }

    .box-shadow {
        -webkit-box-shadow: 1px 7px 24px -8px rgb(30 60 114);
        -moz-box-shadow: 1px 7px 24px -8px rgb(30 60 114);
        box-shadow: 1px 7px 24px -8px rgb(30 60 114)
    }

    .navbar-brand {
        padding-right: 30px
    }

    .navbar-toggler {
        background: #fff0
    }

    .navbar-toggler-icon {
        background-image: url(~/static/images/general/mob-menu-icon.svg)
    }

    .navbar-text {
        color: #fff
    }

    .navbar.top .nav-link {
        color: white !important
    }

    .navbar.top .navbar-text {
        color: #31343f !important
    }

    .navbar-brand {
        display: block
    }

    .navbar-brand-blue {
        display: none
    }

    .navbar.top .navbar-brand-blue {
        display: block
    }

    .navbar.top .technical-support {
        color: #0902cf !important
    }

    .navbar.navbar-dark.top .technical-support {
        color: #fff !important
    }

    .font-pdf-blue {
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
        color: #007BFF
    }

    .font-size-24 {
        font-size: 24px
    }

    .text-orange {
        color: #FF7D04
    }

    .font-pdf-p {
        color: #FFF;
        text-align: justify;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        text-transform: capitalize
    }

    .font-pdf-orange {
        color: #FF7D04;
        text-align: center;
        font-family: Metropolis-Bold;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        text-transform: uppercase
    }

    .font-pdf-h1 {
        font-weight: 700;
        font-family: Metropolis-Bold;
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%
    }

    .pdf-bg-grad {
        padding: 28px 30px;
        background: linear-gradient(100deg,rgb(255 0 245 / .06) 14.52%,rgb(0 57 167 / .06) 47.57%,rgb(205 255 4 / .06) 89.17%)
    }

    .font-cred-h1 {
        font-weight: 700 !important;
        font-size: 37px;
        line-height: 37px;
        color: #212529
    }

    .font-cred-blue {
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
        color: #007BFF
    }

    .block-reason {
        border-radius: 30px;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        display: flex;
        align-items: center;
        text-transform: capitalize
    }

    .tilted-box {
        min-height: 240px
    }

    .tilted-grad {
        width: 230px;
        height: 160px;
        transform: rotate(159.734deg);
        border-radius: 20px;
        opacity: .5;
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%)
    }

    .tilted-blue {
        width: 230px;
        height: 160px;
        padding: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        border-radius: 20px;
        opacity: 1;
        z-index: 10;
        overflow: hidden;
        background: linear-gradient(113deg,#0400A6 -9.51%,#090076 8.08%,#002278 68.96%,#000CCC 106.22%)
    }

        .tilted-blue span, .tilted-blue font, .tilted-blue p, .tilted-blue div, .tilted-blue {
            color: #FFF;
            text-align: center;
            font-family: Metropolis-Bold;
            font-size: 22px !important;
            font-style: normal;
            font-weight: 700;
            line-height: 137% !important;
            text-transform: uppercase;
            margin: 0;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

    .mw-25px {
        max-width: 25px
    }

    .mw-670px {
        max-width: 670px !important
    }

    #st-1 .st-btn[data-network='email'] {
        display: none !important
    }

    header .button-header {
        width: 102px
    }

    .custom-video-sm {
        position: relative;
        top: 5px;
        z-index: 2;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        border-radius: 10px
    }

    .video-info-sm {
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%);
        background-image: url(/static/images/webinars/video-gradient.svg);
        filter: blur(0);
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 0 0 10px 10px;
        max-width: 384px;
        margin: 0 auto
    }

        .video-info-sm .text-1-sm {
            font-family: Metropolis-Bold;
            color: #FFF;
            text-align: center;
            font-family: Metropolis;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            text-transform: capitalize
        }

        .video-info-sm .text-2-sm {
            color: #FF7D04;
            text-align: center;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: capitalize
        }

    .custom-video__container-sm {
        position: relative;
        top: 0;
        max-width: 384px;
        width: 100%;
        height: auto;
        max-height: 215px;
        border-radius: 10px
    }

        .custom-video__container-sm:before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 10px;
            padding: 2px;
            background: linear-gradient(to right,#0033A7,#F09815,#DA4B1E,#070D69,#1821B6,#0A95FE,#5FE7FD,#09118C);
            -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none
        }

    .custom-video__video-sm {
        border-radius: 10px;
        cursor: pointer
    }

    .custom-video__control-sm {
        position: absolute;
        top: 43%;
        left: 46%;
        background-color: #2a6cec;
        border-radius: 50%;
        padding: 1em;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 1em;
        font-weight: 400;
        width: 4em;
        height: 4em;
        white-space: nowrap;
        line-height: 0
    }

    .custom-video {
        position: relative;
        top: 5px;
        z-index: 2;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        border-radius: 10px
    }

    .video-info {
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%);
        background-image: url(/static/images/webinars/video-gradient.svg);
        filter: blur(0);
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 0 0 10px 10px;
        max-width: 540px;
        margin: 0 auto
    }

    .bg-black {
        background: #000
    }

    .text-1 {
        font-family: Metropolis-Bold;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
        background: linear-gradient(90deg,#D800DE 0%,#738D1E 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #fff0
    }

    .text-2 {
        color: #FFF;
        font-family: Metropolis-Bold;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize
    }

    .text-3 {
        color: #FF7D04;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .custom-video__container {
        position: relative;
        top: 0;
        max-width: 540px;
        width: 100%;
        height: auto;
        max-height: 302px;
        border-radius: 10px
    }

        .custom-video__container img {
            max-height: 302px;
            object-fit: cover
        }

        .custom-video__container:before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 10px;
            padding: 2px;
            background: linear-gradient(to right,#0033A7,#F09815,#DA4B1E,#070D69,#1821B6,#0A95FE,#5FE7FD,#09118C);
            -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none
        }

    .custom-video__video {
        border-radius: 10px;
        cursor: pointer
    }

    .custom-video__control {
        position: absolute;
        top: 43%;
        left: 46%;
        background-color: #2a6cec;
        border-radius: 50%;
        padding: 1em;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 1em;
        font-weight: 400;
        width: 4em;
        height: 4em;
        white-space: nowrap;
        line-height: 0
    }

    video::-webkit-media-controls {
        position: relative;
        z-index: 1
    }

    .custom-video-sm {
        position: relative;
        top: 5px;
        z-index: 2;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        border-radius: 10px
    }

    .video-info-sm {
        background: linear-gradient(113deg,#0400A6 -9.51%,#090076 8.08%,#002278 68.96%,#000CCC 106.22%);
        filter: blur(0);
        border-radius: 0 0 10px 10px;
        max-width: 384px;
        margin: 0 auto;
        height: 95px
    }

    .mw-800px {
        max-width: 800px
    }

    a:hover {
        color: #FF7D04;
        text-decoration: none
    }

    .post-content font {
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        line-height: normal
    }

    .font-medium-21 {
        font-size: 21px;
        font-weight: 600;
        font-family: Metropolis-Semi
    }

    .mw-840px {
        max-width: 840px
    }

    .video-info-sm .text-1-sm {
        font-family: Metropolis-Bold;
        color: #FFF;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize
    }

    .video-info-sm .text-2-sm {
        color: #FF7D04;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .single-line {
        text-overflow: ellipsis;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: normal
    }

    .two-lines {
        text-overflow: ellipsis;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .four-lines {
        text-overflow: ellipsis;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .five-lines {
        text-overflow: ellipsis;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .post-date-single {
        color: #FF7D04;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .news-read-more:hover {
        color: #424DFF !important
    }

    footer .news-section .news-date {
        color: #FFF;
        font-family: Metropolis-Regular;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize
    }

    footer .news-section .news-title {
        color: #F09815;
        font-family: Metropolis-Bold;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize
    }

    footer .news-section .news-text {
        color: #FFF;
        text-align: justify;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .post-title {
        font-family: Metropolis-Bold;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-brand {
        margin-right: 0
    }

    .custom-video__container-sm {
        position: relative;
        top: 0;
        max-width: 384px;
        width: 100%;
        height: auto;
        max-height: 220px;
        border-radius: 10px
    }

        .custom-video__container-sm img {
            max-width: 384px;
            width: 100%;
            height: auto;
            min-height: 220px;
            max-height: 220px;
            object-fit: cover
        }

        .custom-video__container-sm:before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 10px;
            padding: 2px;
            background: linear-gradient(to right,#0033A7,#F09815,#DA4B1E,#070D69,#1821B6,#0A95FE,#5FE7FD,#09118C);
            -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none
        }

    .custom-video__video-sm {
        border-radius: 10px;
        cursor: pointer
    }

    .custom-video__control-sm {
        position: absolute;
        top: 43%;
        left: 46%;
        background-color: #2a6cec;
        border-radius: 50%;
        padding: 1em;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 1em;
        font-weight: 400;
        width: 3em;
        height: 3em;
        white-space: nowrap;
        line-height: 0
    }

    .benifits-section span {
        color: #FFF;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .benifits-section .bullet {
        width: 10px;
        height: 10px;
        background: #FF7D04;
        border-radius: 50%
    }

    .text-4282FF {
        color: #4282FF !important
    }

    .max-width-block {
        max-width: 30%
    }

    .mt-5rem {
        margin-top: 5rem
    }

    .open-button {
        background: none;
        border: none;
        cursor: pointer;
        position: fixed;
        bottom: 3rem;
        right: 28px;
        width: auto
    }

        .open-button:hover {
            animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation
        }

    @keyframes trambling-animation {
        0%,50%,100% {
            transform: rotate(0deg)
        }

        10%,30% {
            transform: rotate(-10deg)
        }

        20%,40% {
            transform: rotate(10deg)
        }
    }

    .arrow-case {
        padding: .7rem;
        position: relative;
        box-shadow: 0 0 10px rgb(0 0 0 / 30%);
        border-radius: 12px;
        text-align: center;
        font-size: 1.18rem;
        line-height: 120%
    }

    .case-res {
        padding: .7rem;
        position: relative;
        border-radius: 12px;
        text-align: center;
        color: #fff;
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%) font-size:1.18rem;
        line-height: 120%
    }

    .reason-icon {
        position: absolute;
        left: 40%;
        top: -37px
    }

    .block-reason {
        padding: 18px 30px 65px 30px;
        min-height: 303px;
        position: relative
    }

    .pc-block-reason {
        padding: 18px 30px 65px 30px;
        min-height: 270px
    }

    .arrow-down {
        margin: .2rem
    }

        .arrow-down span {
            display: block;
            width: 30px;
            height: 30px;
            border-bottom: 5px solid #337AB7;
            border-right: 5px solid #337AB7;
            transform: rotate(45deg);
            margin: -16px;
            animation: arrow-down 2s infinite;
            margin: 0 auto
        }

            .arrow-down span:nth-child(2) {
                animation-delay: -0.2s
            }

            .arrow-down span:nth-child(3) {
                animation-delay: -0.4s
            }

    @keyframes arrow-down {
        0% {
            opacity: 0;
            transform: rotate(45deg) translate(-20px,-20px)
        }

        50% {
            opacity: 1
        }

        100% {
            opacity: 0;
            transform: rotate(45deg) translate(20px,20px)
        }
    }

    .max-width-block {
        max-width: 30%
    }

    .max-width-case {
        max-width: 45%
    }

    .bg-gradient {
        background: radial-gradient(63.94% 82.96% at 0% 59.16%,#FFECC8 0%,#EAF2FA 50.81%,#D9E6F1 75.12%,#C4DDF4 100%)
    }

    .bg-nav-main {
        background: linear-gradient(#1626BB 0%,#035FEA 59.9%,#1821B6 100%)
    }

    .bg-blue {
        background: #DFEAF4
    }

    .text-indent {
        text-indent: -20px
    }

    .h1-main {
        color: #2a5298;
        font-size: 4rem;
        font-weight: 700;
        line-height: 130%;
        font-family: Metropolis-ExtraBold
    }

    .p-1-1rem {
        font-size: 1.1rem;
        line-height: 140%
    }

    .h1-wch {
        color: #fff;
        font-size: 64px;
        font-weight: 800;
        letter-spacing: 1.92px;
        line-height: 100%;
        font-family: Metropolis-ExtraBold;
        max-width: 556px;
        margin: auto
    }

    .mw-272 {
        max-width: 272px
    }

    .card-wch {
        border-radius: 51px;
        margin-right: 3rem;
        margin-bottom: 3rem;
        margin-left: 3rem;
        margin-top: 0;
        padding: 1.5rem
    }

    .card-count-wch {
        font-size: 140px;
        color: #FF7D04;
        font-weight: 700;
        font-family: Metropolis-ExtraBold
    }

    .card-more-wch {
        font-size: 20px;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -.2px
    }

    .card-wch-text {
        font-size: 60px;
        color: #fff;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -.6px;
        text-transform: uppercase
    }

    .desk-step-title {
        color: #FFF;
        font-family: Metropolis-Bold;
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize
    }

    .desk-step-para {
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        text-transform: capitalize
    }

    .margin-bottom {
        margin-bottom: 35px
    }

    .pmbos-section .block-reason {
        padding: 10px;
        min-height: 108px;
        position: relative
    }

    .pmbos-section .reason-icon {
        position: absolute;
        left: 40%;
        top: -37px;
        width: 67px
    }

    .pp-text {
        max-width: 1016px;
        margin: 0 auto;
        color: #FFF;
        text-align: center;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .p-main-header {
        color: #fff;
        text-align: center;
        font-family: Metropolis-Regular;
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        max-width: 474px;
        margin: 0 auto 3rem auto
    }

    .p-main-header-cons {
        color: #212F5F;
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 120%
    }

    .creadyapp-box {
        padding: 38px 40px;
        border-radius: 21px;
        background: #FAFBFD
    }

    .color-272C46 {
        color: #272C46
    }

    .top-18 {
        top: 18%
    }

    .creadyapp-box .text {
        color: #272C46;
        text-align: center;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .color-a {
        color: #FF7D04
    }

    .d-inline-grid {
        display: inline-grid
    }

    .p-card-name {
        font-style: normal;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 120%;
        text-transform: uppercase;
        color: #FF7D04
    }

    .p-card-text {
        font-style: normal;
        text-align: center;
        font-family: Metropolis-Regular;
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        color: #fff;
        text-transform: capitalize
    }

    .products-row .p-card-text {
        min-height: auto
    }

    .products-row .inner-grad-block {
        padding: 31px 22px 32px 21px
    }

    .m-right-5 {
        margin-right: 5%
    }

    .learn-more-btn {
        border: none;
        border-radius: 10px;
        padding: .5rem 1rem;
        color: #fff;
        background: #2a5298
    }

        .learn-more-btn:hover {
            background: linear-gradient(92deg,#FFFFFF -27.78%,#F09815 -3.54%,#DA4B1E 13.66%,#0D1146 36.33%,#1821B6 51.97%,#0A95FE 76.21%,#5FE7FD 99.66%,#FFFFFF 122.34%);
            color: white !important;
            border: none
        }

    .p-animation {
        color: #fff;
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 130%;
        font-family: Metropolis-ExtraBold
    }

    .p-anumation-2 {
        color: #fff;
        font-size: 2rem;
        font-weight: 700;
        line-height: 130%;
        font-family: Metropolis-ExtraBold
    }

    .button-quick {
        background: #2a5298;
        border-radius: 8px;
        color: white !important;
        padding: 1rem 4rem;
        font-size: 1.2rem;
        font-weight: 600
    }

        .button-quick:hover {
            background: linear-gradient(92deg,#FFFFFF -27.78%,#F09815 -3.54%,#DA4B1E 13.66%,#0D1146 36.33%,#1821B6 51.97%,#0A95FE 76.21%,#5FE7FD 99.66%,#FFFFFF 122.34%);
            color: #fff
        }

    .button-quick-connect {
        padding: 18px 38px
    }

    .button-orange {
        background: #FF7D04;
        border-radius: 8px;
        color: white !important;
        font-size: 1rem;
        font-weight: 700
    }

        .button-orange:hover {
            background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%);
            color: #fff
        }

    .button-blue {
        background: #2a5298;
        border-radius: 8px;
        color: white !important;
        font-size: 1rem;
        font-weight: 700
    }

        .button-blue:hover {
            background: linear-gradient(92deg,#FFFFFF -27.78%,#F09815 -3.54%,#DA4B1E 13.66%,#0D1146 36.33%,#1821B6 51.97%,#0A95FE 76.21%,#5FE7FD 99.66%,#FFFFFF 122.34%);
            color: #fff
        }

    .our-areas-title {
        font-size: 26px;
        font-weight: 500;
        text-transform: capitalize;
        margin-left: 22px
    }

    .lh-130 {
        line-height: 130%
    }

    .font-s-1-6 {
        font-size: 1.6rem !important
    }

    .font-size-28 {
        font-size: 28px
    }

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

    .font-size-22 {
        font-size: 22px
    }

    .font-weight-500 {
        font-weight: 500
    }

    .text-424DFF {
        color: #424DFF
    }

    .timeline {
        background: var(--primary-color);
        margin: 20px auto;
        padding: 20px
    }

    .card-timeline {
        position: relative;
        max-width: 100%
    }

        .card-timeline:nth-child(odd) {
            padding: 30px 0 30px 30px
        }

        .card-timeline:nth-child(even) {
            padding: 30px 30px 30px 0
        }

        .card-timeline::before {
            content: "";
            position: absolute;
            width: 50%;
            border: solid #000D39
        }

        .card-timeline:nth-child(odd)::before {
            left: 0;
            top: -4.5px;
            bottom: -4.5px;
            border-width: 5px 0 5px 5px;
            border-radius: 50px 0 0 50px
        }

        .card-timeline:nth-child(even)::before {
            right: 0;
            top: 0;
            bottom: 0;
            border-width: 5px 5px 5px 0;
            border-radius: 0 50px 50px 0
        }

        .card-timeline:first-child::before {
            border-top: 0;
            border-top-left-radius: 0
        }

        .card-timeline:last-child:nth-child(odd)::before {
            border-bottom: 0;
            border-bottom-left-radius: 0
        }

        .card-timeline:last-child:nth-child(even)::before {
            border-bottom: 0;
            border-bottom-right-radius: 0
        }

    .info {
        display: flex;
        flex-direction: column;
        background: #fff;
        color: #000D39;
        font-size: 1.125rem;
        border-radius: 12px;
        padding: 1rem
    }

    .title {
        color: #000D39;
        position: relative
    }

        .title::before {
            content: "";
            position: absolute;
            width: 35px;
            height: 35px;
            background: #000D39;
            border-radius: 999px;
            border: 3px solid #000D39
        }

    .card-timeline:nth-child(even) > .info > .title {
        text-align: right
    }

    .card-timeline:nth-child(odd) > .info > .title::before {
        left: -60px;
        top: 40px
    }

    .card-timeline:nth-child(even) > .info > .title::before {
        right: -60px;
        top: 40px
    }

    .white-img {
        filter: brightness(0) invert(1)
    }

    .width-80 {
        width: 75%
    }

    .width-95 {
        width: 95%
    }

    .padding-header {
        padding-top: 7%
    }

    .p-main {
        font-size: 1.2rem;
        line-height: 150%;
        color: #2a5298;
        text-align: justify;
        word-wrap: break-word
    }

    .border-rad-12 {
        border-radius: 12px
    }

    .color-main2 {
        color: #212F5F !important
    }

    .color-main {
        color: #2a5298 !important
    }

    .width-reason-block-left {
        max-width: 48%;
        margin-right: 4%
    }

    .width-reason-block-right {
        max-width: 48%
    }

    .padding-full {
        padding: 3rem
    }

    .block-align-right {
        text-align: right
    }

    .video-width {
        width: 500px;
        height: 300px
    }

    .mw-1250 {
        max-width: 1250px
    }

    .mw-1040 {
        max-width: 1040px
    }

    .fs-28-bold {
        color: #FFF;
        text-align: center;
        font-family: Metropolis-Bold;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%
    }

    .p-links {
        color: #fff;
        font-size: 1.3rem;
        line-height: 120%
    }

    .links-orange {
        font-size: 1.2rem;
        color: #FF7D04 !important
    }

    .color-orange {
        color: #FF7D04 !important
    }

    .image-pc {
        width: 65%
    }

    .image-pc-cons {
        width: 55%
    }

    .border-r-8 {
        border-radius: 8px
    }

    .margin-left-4 {
        margin-left: 4rem
    }

    .margin-right-text {
        margin-right: 4%
    }

    .p-video-block {
        line-height: 150%;
        color: #2a5298;
        font-size: 1.1rem
    }

    .a-video-block {
        color: #2a5298 !important;
        font-size: 1.5rem
    }

    .style-small-blocks {
        font-size: 1.1rem;
        line-height: 120%;
        color: #212F5F
    }

    .button-orange-line {
        border: 1px solid #FF7D04;
        background-color: #fff0;
        color: #FF7D04;
        font-size: 1.2rem
    }

        .button-orange-line:hover {
            background-color: #FF7D04;
            color: #fff
        }

    .olga-photo {
        width: 150px
    }

    .bg-091744 {
        background: #091744
    }

    .dark-blue-grad {
        background: linear-gradient(113deg,#0400A6 -9.51%,#090076 8.08%,#002278 68.96%,#000CCC 106.22%)
    }

    br-51 {
        border-radius: 51px
    }

    @media (min-width:1650px) {
        .width-big-desk {
            width: 80%
        }
    }

    @media (max-width:550px) {
        .width-80 {
            width: 100%
        }

        .opacity-block {
            opacity: 1
        }

        .bg-main-page {
            background-repeat: no-repeat;
            background-position-x: center;
            background-size: auto
        }

        .bg-img-1 {
            background-image: url(/static/images/general/mob-2.png) !important;
            background-size: 120% !important;
            background-position-x: unset !important
        }

        .text-indent {
            text-indent: 0
        }

        .max-width-block {
            max-width: 100%;
            margin-bottom: 1rem
        }

        .max-width-case {
            max-width: 100%;
            margin-bottom: 1rem
        }

        .m-right-5 {
            margin-right: 0
        }

        .h1-main {
            font-size: 2rem;
            text-align: center
        }

        .margin-bottom {
            margin-bottom: 2rem
        }

        .p-main-header {
            font-size: 18px;
            text-align: center
        }

        .p-main-header-cons {
            font-size: 1.3rem;
            text-align: center
        }

        .button-quick {
            font-size: 1rem;
            padding: 1rem 1rem;
            width: 100%
        }

        .button-quick-white {
            font-size: 1rem;
            padding: 1rem 1rem;
            width: 100%
        }

        .d-block-none {
            display: none
        }

        .width-reason-block-left {
            max-width: 100%;
            margin-right: 0;
            margin-bottom: 4%
        }

        .width-reason-block-right {
            max-width: 100%;
            margin-bottom: 4%
        }

        .block-align-right {
            text-align: left
        }

        .video-width {
            width: 100%
        }

        .padding-full {
            padding: 1rem
        }

        .products-nav-righ {
            display: none
        }

        .margin-left-4 {
            margin-left: 0
        }

        .image-block {
            width: 140px
        }

        .image-align {
            max-width: 45% !important
        }

        .p-animation {
            color: #fff;
            font-size: 1.2rem;
            font-weight: 700;
            line-height: 130%;
            font-family: Metropolis-ExtraBold
        }

        .p-anumation-2 {
            color: #fff;
            font-size: 1.1rem;
            font-weight: 700;
            line-height: 130%;
            font-family: Metropolis-ExtraBold
        }

        .font-s-1-6 {
            font-size: 1.2rem !important
        }

        .button-orange {
            width: 100%
        }

        .button-blue {
            width: 100%
        }
    }

    @media only screen and (max-width:767px) and (min-width:551px) {
        .d-block-none {
            display: none
        }

        .text-indent {
            text-indent: 0
        }

        .button-quick {
            width: 100%
        }

        .button-quick-white {
            width: 100%
        }

        .block-align-right {
            text-align: left
        }

        .width-80 {
            width: 100%
        }

        .padding-full {
            padding: 1rem
        }

        .h1-main {
            color: #2a5298;
            font-size: 3rem;
            font-weight: 700;
            line-height: 130%;
            font-family: Metropolis-ExtraBold;
            text-align: center
        }

        .max-width-block {
            max-width: 100%;
            margin-bottom: 1rem
        }

        .max-width-case {
            max-width: 100%;
            margin-bottom: 1rem
        }

        .m-right-5 {
            margin-right: 0
        }

        .p-main-header {
            color: #212F5F;
            font-size: 1.6rem;
            font-weight: 400;
            line-height: 120%;
            max-width: 40rem;
            text-align: center
        }

        .p-main-header-cons {
            color: #212F5F;
            font-size: 1.4rem;
            font-weight: 400;
            line-height: 120%;
            text-align: center
        }

        .video-width {
            width: 100%
        }

        .image-block {
            width: 70%
        }

        .image-align {
            text-align: center
        }

        .margin-left-4 {
            margin-left: 0
        }
    }

    @media only screen and (max-width:1100px) and (min-width:993px) {
        .padding-header {
            padding-top: 19% !important
        }

        .bg-img-1 {
            background-size: 105% !important
        }
    }

    @media only screen and (max-width:1000px) and (min-width:767px) {
        .min-width-block {
            min-width: 80%;
            margin: 0 auto
        }

        .video-width {
            width: 100%
        }

        .d-none-logo {
            display: none
        }

        .width-80 {
            width: 100%
        }

        .image-block {
            width: 100%
        }

        .margin-left-4 {
            margin-left: 0
        }

        .margin-right-text {
            margin-right: auto
        }

        .p-animation {
            color: #fff;
            font-size: 1.4rem;
            font-weight: 700;
            line-height: 130%;
            font-family: Metropolis-ExtraBold
        }

        .p-anumation-2 {
            color: #fff;
            font-size: 1rem;
            font-weight: 700;
            line-height: 130%;
            font-family: Metropolis-ExtraBold
        }

        .block-webinar {
            margin-bottom: 1rem
        }

        .max-width-block {
            min-width: 80%;
            margin-bottom: 1rem !important;
            margin: 0 auto
        }

        .max-width-case {
            min-width: 80%;
            margin-bottom: 1rem !important;
            margin: 0 auto
        }

        .m-right-5 {
            margin-right: auto
        }
    }

    @media (max-width:1450px) {
        .width-80 {
            width: 95% !important
        }
    }

    @media only screen and (max-width:1300px) and (min-width:1001px) {
        .width-80 {
            width: 95%
        }

        .h1-main {
            font-size: 3rem
        }

        .font-s-1-6 {
            font-size: 1rem !important
        }

        .p-main-header-cons {
            font-size: 1.4rem;
            max-width: auto
        }

        .padding-header {
            padding-top: 17%
        }

        .animation-wrapper {
            width: 100%
        }

        .max-width-block {
            min-width: 45%;
            margin-bottom: 1rem !important;
            margin: 0 auto
        }

        .max-width-case {
            min-width: 45%;
            margin-bottom: 1rem !important;
            margin: 0 auto
        }

        .m-right-5 {
            margin-right: auto
        }

        .button-quick {
            background: #2a5298;
            border-radius: 8px;
            color: white !important;
            padding: .7rem 3rem;
            font-size: 1.1rem
        }

        .button-quick-white {
            background: #fff;
            border-radius: 8px;
            color: #2a5298 !important;
            padding: .7rem 3rem;
            font-size: 1.1rem
        }

        .video-width {
            width: 100%
        }

        .image-block {
            width: 100%
        }

        .h1-main-dop {
            font-size: 2.7rem !important
        }

        .image-pc {
            width: 85%
        }

        .image-pc-cons {
            width: 65%
        }

        .p-animation {
            color: #fff;
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 130%;
            font-family: Metropolis-ExtraBold
        }

        .p-anumation-2 {
            color: #fff;
            font-size: 1.2rem;
            font-weight: 700;
            line-height: 130%;
            font-family: Metropolis-ExtraBold
        }

        .olga-photo {
            width: 110px
        }
    }

    @media only screen and (max-width:1300px) and (min-width:1151px) {
        .image-pc {
            width: 65%
        }

        .image-pc-cons {
            width: 55%
        }
    }

    @media only screen and (max-width:1550px) and (min-width:1301px) {
        .width-80 {
            width: 80%
        }

        .h1-main {
            font-size: 3.2rem
        }

        .p-main-header-cons {
            font-size: 1.5rem;
            max-width: auto
        }

        .animation-wrapper {
            width: 95%
        }

        .button-quick {
            background: #2a5298;
            border-radius: 8px;
            color: white !important;
            padding: .9rem 3.2rem;
            font-size: 1.1rem
        }

        .button-quick-white {
            background: #fff;
            border-radius: 8px;
            color: #2a5298 !important;
            padding: .9rem 3.2rem;
            font-size: 1.1rem
        }

        .video-width {
            width: 100%
        }

        .font-s-1-6 {
            font-size: 1.1rem !important
        }

        .olga-photo {
            width: 120px
        }
    }

    @media only screen and (max-width:1650px) and (min-width:1301px) {
        .p-animation {
            color: #fff;
            font-size: 2rem;
            font-weight: 700;
            line-height: 130%;
            font-family: Metropolis-ExtraBold
        }

        .p-anumation-2 {
            color: #fff;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 130%;
            font-family: Metropolis-ExtraBold
        }
    }

    @media only screen and (max-width:1800px) and (min-width:1651px) {
        .p-animation {
            color: #fff;
            font-size: 2.2rem;
            font-weight: 700;
            line-height: 130%;
            font-family: Metropolis-ExtraBold
        }

        .p-anumation-2 {
            color: #fff;
            font-size: 1.7rem;
            font-weight: 700;
            line-height: 130%;
            font-family: Metropolis-ExtraBold
        }
    }

    .block-align-right {
        text-align: right
    }

    .partners-section {
        position: relative
    }

    .ng-invalid.ng-touched {
        border: 1px solid red !important
    }

    .p-recred-black {
        font-style: normal;
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 150%
    }

    .p-recred-small {
        font-style: normal;
        font-weight: 500;
        font-size: 1.3rem;
        line-height: 150%
    }

    .p-recred-big {
        font-style: normal;
        font-weight: 700;
        font-size: 2rem;
        line-height: 110%;
        text-transform: uppercase
    }

    .header-recred-small {
        font-style: normal;
        font-weight: 700;
        font-size: 2.3rem;
        line-height: 120%;
        letter-spacing: -.02em;
        color: #FFF
    }

    .color-orange {
        color: #FF7D04
    }

    .color-blue {
        color: #5C94FC
    }

    .header-bill {
        background-image: url(/static/images/payment/bg-recred.png);
        width: 100%;
        background-size: cover
    }

    .btn-recred {
        padding: 1rem 1.2rem;
        background: #FF7D04;
        box-shadow: 0 4px 4px rgb(0 0 0 / .25);
        border-radius: 5px;
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        color: #FFF
    }

        .btn-recred:hover {
            background: #ff8a1e;
            color: #fff
        }

    .none-desktop {
        display: none
    }

    .none-desktop-card {
        display: none
    }

    .font-1rem {
        font-size: 1rem;
        line-height: 1.4rem
    }

    .font-16 {
        font-size: 16px !important
    }

    .font-weight-600 {
        font-weight: 600
    }

    .input-bill {
        height: 44px;
        border-radius: 5px;
        padding: .5rem;
        font-size: 1rem
    }

        .input-bill::placeholder {
            color: #C1C1C1 !important;
            font-size: 1rem
        }

    .form-bill::placeholder {
        color: #C1C1C1 !important;
        font-size: 1rem
    }

    .form-bill {
        background: #FFF;
        box-shadow: 0 2px 4px rgb(0 87 183 / .07);
        border-radius: 6px;
        margin-bottom: .7rem;
        border: 1px solid #0057B7;
        padding: .7rem;
        height: 44px;
        width: 100%
    }

    .modal-header .close {
        opacity: 1 !important;
        outline: 0;
        margin-top: -45px;
        margin-right: -14px;
        padding: 0
    }

    .modal-content {
        padding: 42px 35px 50px 35px
    }

    .socila-media a:hover {
        color: #424dff
    }

    .card-wch.bg-darkblue.h-100 {
        max-height: 406px
    }

    .socila-media a svg:hover path {
        fill: #424dff
    }

    #sendARequestFromMedAudit .modal-dialog, #demoRequestModal .modal-dialog, #credentialingRequest .modal-dialog, #sendARequestFromMedBilling .modal-dialog, #pmbosRequest .modal-dialog, #itDepModal .modal-dialog, #franchiseModal .modal-dialog, #commonModal .modal-dialog, #modal-feedback .modal-dialog {
        max-width: 725px
    }

    .opacity-0 {
        opacity: 0
    }

    .person-block .name {
        font-family: Metropolis-Semi;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize
    }

    .person-block .pos {
        font-family: Metropolis-Semi;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        text-transform: capitalize
    }

    .person-block .con-info {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        text-transform: capitalize
    }

    .pdf-links img {
        width: 27px;
        margin-right: 5px
    }

    .pdf-links a {
        text-transform: uppercase;
        color: #606780;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-decoration-line: underline
    }

    .label-bill {
        font-size: 14px;
        color: #314BA0;
        font-weight: 700;
        margin-bottom: 3px
    }

    .choice-bill {
        padding-left: 3rem;
        padding-right: 1.5rem
    }

    .row-bill-header {
        margin: 0 auto;
        margin-top: 10%;
        max-width: 1250px
    }

    .mt-bill-form {
        margin-top: -7%
    }

    .button-bill {
        background: linear-gradient(274.35deg,#314BA0 3.11%,#254EA6 29.85%,#0567D3 100%);
        border-radius: 5px;
        color: #fff;
        text-transform: uppercase;
        padding: 1.25rem 2.5rem 1.25rem 2.5rem;
        border: none
    }

        .button-bill:hover {
            background: #0057B7
        }

        .button-bill:active {
            background: #314BA0
        }

    .pay-bill {
        font-size: 1rem;
        font-weight: 700;
        color: #314BA0;
        margin-left: .7rem;
        vertical-align: bottom
    }

    .ol-number {
        width: 3.5%;
        display: inline-block;
        vertical-align: top;
        margin-right: 1.5%
    }

    .ol-text {
        width: 90%;
        display: inline-block
    }

    .pay-bill-1 {
        font-size: .75rem;
        font-weight: 300
    }

    .li-bill-font {
        font-size: 1.25rem !important
    }

    .h1-bill {
        font-size: 2.5rem;
        font-family: Metropolis-Bold;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -.02em
    }

    .select-bill {
        color: #314BA0;
        font-weight: 100;
        text-align: left;
        font-size: .75rem
    }

    .white-line {
        border-bottom: 1px solid #7795E5 !important;
        width: 70%
    }

    .line-140 {
        line-height: 140%
    }

    .p-bill {
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #314BA0;
        text-transform: uppercase
    }

    .mr-3-bill {
        margin-right: 1rem
    }

    .form-bottom-bill {
        width: 100%;
        margin: 0 auto;
        background: linear-gradient(180deg,#0064C0 0%,rgb(0 87 255 / .61) 100%);
        box-shadow: 0 4px 4px rgb(0 0 0 / .25);
        border-radius: 12px;
        min-height: 15rem;
        max-width: 1300px;
        padding: 3rem
    }

    .navbar.navbar-dark .technical-support {
        color: #fff !important
    }

    .technical-support {
        text-decoration: none;
        color: #f50c07 !important;
        font-size: 14px;
        font-family: Metropolis-Bold;
        text-transform: uppercase
    }

        .technical-support:hover {
            text-decoration: none;
            color: #f50c07 !important
        }

    .pay-btn {
        color: #fff !important
    }

        .pay-btn:hover {
            color: #31343f !important
        }

    .sub-menu {
        list-style: none;
        text-align: left;
        background-color: #fff;
        position: absolute;
        top: 50px;
        left: 0;
        color: #31343f !important;
        padding: 8px 15px;
        display: none
    }

        .sub-menu .nav-link {
            color: #31343f !important;
            font-size: 14px;
            text-transform: capitalize;
            min-width: 265px;
            font-family: Metropolis-Regular
        }

            .sub-menu .nav-link:hover {
                color: #222327 !important;
                font-size: 14px;
                font-family: Metropolis-Bold
            }

    .menu-title:hover {
        color: #222327 !important;
        font-family: Metropolis-Bold
    }

    .navbar.navbar-dark.top .sub-menu {
        background: #31343f
    }

    .general-title-section {
        background-image: none;
        height: 100vh;
        position: relative
    }

    .td-width-50 {
        width: 50%
    }

    .td-width-25 {
        width: 25%
    }

    .video {
        object-fit: cover;
        min-width: 100%;
        height: 100%
    }

    .video-full {
        height: 100%;
        object-fit: cover;
        min-width: 100%
    }

    .general-title-block {
        position: absolute;
        top: 0;
        width: 100%;
        display: flex;
        align-items: center !important;
        height: 100vh
    }

    .general-title {
        font-size: 52px;
        font-family: Metropolis-ExtraBold;
        margin: 0 auto;
        text-transform: uppercase;
        color: #fff
    }

    .m-t-block {
        margin-top: 10%
    }

    .logo {
        width: 280px
    }

        .logo.top {
            width: 190px
        }

    .logo-footer {
        width: 135px
    }

    .read_more {
        margin: 0 auto;
        width: 55%;
        margin-top: 3%;
        color: #8b8b8e;
        line-height: 33px;
        font-size: 22px;
        color: #343742;
        text-align: left
    }

    .read_more_light {
        font-size: 16px;
        line-height: 24px;
        color: #797E8F
    }

    .banner-container {
        margin: 0 300px
    }

    .banner-container-2 {
        margin: 0 300px
    }

    .members-list {
        margin-top: 60px
    }

    .display_none {
        display: none
    }

    .block-title {
        font-size: 28px;
        position: relative;
        box-sizing: border-box
    }

    .modal-header {
        border-bottom: 0
    }

    .lock-name {
        color: #2a6cec;
        text-transform: uppercase
    }

    .block-text {
        color: #FFF;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        text-transform: capitalize
    }

    .medical-auditing-sec .num {
        color: #091744;
        font-family: Metropolis-Bold;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        width: 55px;
        height: 55px;
        min-width: 55px;
        min-height: 55px;
        justify-content: center;
        align-items: center;
        display: flex;
        border-radius: 50%;
        background: #fff
    }

    .num-bullet {
        margin-bottom: 42px;
        gap: 40px
    }

    .wch-news-sec h3 {
        color: #FFF;
        text-align: center;
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%
    }

    .new-blog-list h2 {
        color: #FFF;
        font-family: Metropolis-Bold;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize
    }

    .new-blog-list .news-date {
        color: #FF7D04;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .new-blog-list .news-text {
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize
    }

    .page-link {
        z-index: 1;
        color: #fff;
        background-color: #fff0;
        border: none;
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize
    }

        .page-item.active .page-link, .page-link:hover {
            color: #424DFF;
            background-color: #fff0;
            border: 0
        }

    .pagination .prev, .pagination .next {
        width: 30px;
        height: 30px
    }

    .pe-none {
        pointer-events: none
    }

    .new-blog-list .news-read-more {
        color: #424DFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .members-read-more-btn {
        padding-left: 50px
    }

    .consultation-sec {
        padding: 38px 100px
    }

        .consultation-sec .white-text {
            color: #fff;
            text-align: left;
            font-family: Metropolis-Semi;
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            line-height: normal
        }

        .consultation-sec .orange-text {
            color: #FF7D04;
            font-family: Metropolis-Semi;
            font-size: 28px;
            font-style: normal;
            font-weight: 600;
            line-height: normal
        }

    .container-we-are-members {
        padding: 80px 100px
    }

    .service-text-block {
        padding: 0 50px 0 150px
    }

    .service-image:hover {
        transform: scale(1.2)
    }

    .send-request-outline {
        display: inline-flex;
        text-align: center;
        font-size: 15px;
        font-weight: 600;
        padding: 18px 50px;
        color: #fff;
        border: 2px solid #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        text-decoration: none
    }

    .send-request-btn {
        display: inline-block;
        background-color: #2a6cec;
        font-size: 15px;
        padding: 18px 50px;
        color: #fff;
        text-transform: uppercase;
        margin-top: 50px;
        letter-spacing: 2px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px
    }

    .send-request-btn-without-margin {
        display: inline-block;
        background-color: #2a6cec;
        font-size: 15px;
        padding: 18px 50px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        text-align: center;
        white-space: nowrap
    }

    .contact-us-submit-btn {
        display: inline-block;
        background-color: #2a6cec;
        font-size: 15px;
        text-align: center;
        padding: 15px 60px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        text-align: center;
        white-space: nowrap;
        border: 0
    }

    .learn-more-btn {
        font-size: 15px;
        font-weight: 700
    }

    .view-more-services-btn {
        color: #fff;
        background-color: #0f57e4;
        padding: 30px;
        text-transform: uppercase;
        text-decoration: none;
        width: 100%;
        display: block;
        font-size: 22px;
        text-align: center
    }

        .view-more-services-btn:hover {
            background-color: #45a9db;
            color: #fff;
            text-transform: uppercase;
            text-decoration: none;
            width: 100%;
            display: block;
            font-size: 22px
        }

    .send-request-btn:hover {
        background-color: #45a9db;
        color: #fff
    }

    .send-request-btn-without-margin:hover {
        background-color: #45a9db;
        color: #fff
    }

    .issue-container {
        margin-left: 150px
    }

    .issues-nav {
        width: 28px
    }

    .arrow {
        font-size: 24px;
        padding: 15px;
        border-radius: 43px
    }

    .arrow-white-bg {
        font-size: 24px;
        background-color: #fff;
        padding: 15px;
        border-radius: 43px
    }

    .sign-up-block {
        background-image: url(/static/images/general/sign-up-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center right;
        padding: 100px 0;
        text-align: center;
        width: 100%;
        color: #fff;
        font-size: 24px
    }

    .input-contact-form {
        margin-bottom: 24px;
        height: 50px;
        padding: 18px 20px;
        font-size: 1rem;
        width: 100%;
        border-radius: 10px;
        border: 1px solid #D1D3E3;
        background: #FFF;
        box-shadow: 0 2px 6px 0 rgb(0 0 0 / .05)
    }

        .input-contact-form:focus-visible, .input-contact-form:focus {
            border: 1px solid #314BA0 !important;
            outline: none
        }

    #CaptchaInputText {
        margin-bottom: 24px;
        height: 50px;
        padding: 18px 20px;
        font-size: 1rem;
        width: 100%;
        border-radius: 10px;
        border: 1px solid #D1D3E3;
        background: #FFF;
        box-shadow: 0 2px 6px 0 rgb(0 0 0 / .05)
    }

    a[href="#CaptchaImage"] {
        display: none !important
    }

    a[href="/Views/Shared/_refreshCaptcha.cshtml"] {
        display: none !important
    }

    #CaptchaInputText:focus-visible, #input-contact-form:focus {
        border: 1px solid #314BA0 !important;
        outline: none
    }

    .d-none-text-contact {
        display: none
    }

    .d-none-contact-mob {
        display: block
    }

    .input-contact-form::placeholder {
        color: #C1C1C1 !important;
        font-size: 1rem
    }

    .content-center {
        justify-content: flex-end
    }

    .form-bill {
        background: #FFF;
        box-shadow: 0 2px 4px rgb(0 87 183 / .07);
        border-radius: 6px;
        margin-bottom: .7rem;
        border: 1px solid #0057B7;
        padding: .7rem;
        height: 44px
    }

    .button-blue {
        background: #0033A7;
        border-radius: 8px;
        color: white !important;
        padding: .7rem 2rem;
        font-size: 1rem
    }

    .padding-full {
        padding: 3rem
    }

    .button-blue:hover {
        background: linear-gradient(92deg,#FFFFFF -27.78%,#F09815 -3.54%,#DA4B1E 13.66%,#0D1146 36.33%,#1821B6 51.97%,#0A95FE 76.21%,#5FE7FD 99.66%,#FFFFFF 122.34%);
        color: #fff
    }

    .bg-nav-contact {
        background: #314BA0;
        padding-bottom: 0 !important;
        color: #31343f !important;
        padding-top: 0 !important
    }

    .nav-link-contact {
        color: #31343f !important
    }

    .button-contact {
        background: linear-gradient(274.35deg,#314BA0 3.11%,#254EA6 29.85%,#0567D3 100%);
        border-radius: 5px;
        color: #fff;
        text-transform: uppercase;
        padding: 1.25rem 2.5rem 1.25rem 2.5rem;
        border: none
    }

    .price-text {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .top-header {
        margin-top: 25%
    }

    .form-contact-block {
        margin-right: 3rem;
        padding-top: 1.5rem
    }

    .button-contact:hover {
        background: #0057B7
    }

    .text-contact-block {
        margin-left: 3rem;
        padding-top: 1.5rem
    }

    .button-contact:active {
        background: #314BA0
    }

    .font-contact-24 {
        font-size: 28px;
        color: #314BA0;
        line-height: 100%;
        font-weight: 600
    }

    .font-contact-42 {
        font-weight: 700;
        font-size: 42px;
        line-height: 100%;
        color: #fff
    }

    .font-contact-32 {
        color: #FF7D04;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: normal
    }

    .font-contact-24-blue {
        font-size: 2rem;
        color: #6BC7EC;
        line-height: 100%;
        font-weight: 700
    }

    .font-contact-22 {
        font-weight: 400;
        font-size: 22px;
        line-height: 110%;
        max-width: 487px
    }

    .font-contact-16-blue {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        color: #606780
    }

    .font-contact-20-blue {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 100%;
        color: #314BA0
    }

    .text-314BA0 {
        color: #314BA0
    }

    .mt-thx {
        margin-top: 26.5rem
    }

    .check-contact {
        border-radius: 10px;
        border: 1px solid #D1D3E3;
        background: #FFF;
        box-shadow: 0 2px 6px 0 rgb(0 0 0 / .05);
        width: 25px;
        height: 25px;
        vertical-align: middle;
        appearance: none;
        -webkit-appearance: none;
        outline: none;
        cursor: pointer
    }

        .check-contact:checked {
            appearance: auto;
            clip-path: inset(0 round 10px);
            border: 1px solid #314BA0;
            background-color: #314BA0 !important;
            background: #314BA0 !important
        }

    .font-contact-18 {
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 140%;
        color: #314BA0
    }

    .sign-up-text {
        width: 60%;
        margin: 0 auto;
        line-height: 2.5rem;
        text-align: center;
        text-align: center
    }

    .transparent-input {
        background: 0 0;
        border: 1px solid #fff;
        color: #fff;
        font-size: 20px;
        padding: 10px 15px;
        margin-top: 50px;
        width: 25%;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px
    }

    input[type=text]::placeholder {
        color: #fff;
        font-size: 14px
    }

    input[type=text]:-ms-input-placeholder {
        color: #fff;
        font-size: 14px
    }

    input[type=text]::-ms-input-placeholder {
        color: #fff;
        font-size: 14px
    }

    .form-request {
        font-size: 15px;
        font-family: Metropolis-Regular
    }

    .form-request-btn {
        background-color: #2a5298;
        padding: 25px;
        text-align: center;
        width: 100%;
        border: 0;
        font-size: 16px;
        text-transform: uppercase
    }

    .sign-up-btn {
        background-color: #fff;
        color: #0f57e4;
        display: inline-block;
        font-size: 16px;
        padding: 13px 30px;
        margin-left: 15px;
        letter-spacing: 2px
    }

    .circle {
        height: 800px;
        width: 800px;
        border: 1px dashed #40a9dc;
        border-radius: 400px;
        margin: 0 auto
    }

    .difference-block {
        position: relative;
        height: 670px
    }

    .difference-title {
        padding: 80px
    }

    .circle-items {
        margin-top: 100px
    }

    .difference-first-row {
        width: 437px;
        position: absolute;
        top: 174px;
        left: calc(50% - 229px)
    }

    .difference-second-row {
        width: 827px;
        position: absolute;
        top: 310px;
        left: calc(50% - 412px)
    }

    .difference-third-row {
        width: 975px;
        position: absolute;
        top: 490px;
        left: calc(50% - 490px)
    }

    .videos-section-1 {
        background-image: url(/static/images/general/videos-news-1.jpg);
        background-size: cover;
        color: #fff;
        height: 445px
    }

    .videos-section-2 {
        background-image: url(/static/images/general/videos-news-2.jpg);
        background-size: cover;
        color: #fff;
        height: 445px
    }

    .videos-section-3 {
        background-image: url(/static/images/general/videos-news-4.jpg);
        background-size: cover;
        color: #fff;
        height: 445px
    }

    .videos-section-4 {
        background-image: url(/static/images/general/videos-news-3.jpg);
        background-size: cover;
        color: #fff;
        height: 445px
    }

    .videos-title {
        padding: 30px 50px
    }

    .videos-btn {
        padding: 15px 25px;
        text-transform: uppercase;
        border: 1px solid #fff;
        letter-spacing: 2px
    }

    .videos-btn-container {
        padding: 50px 50px 80px 50px
    }

    .videos-text {
        line-height: 1.8;
        color: #fff;
        font-size: 20px;
        padding: 10px 0 80px 50px;
        min-height: 162px
    }

    .videos-dark-title {
        font-family: Metropolis-Bold;
        color: #31343f
    }

    .videos-blue-title {
        font-family: Metropolis-Bold;
        color: #2a6cec
    }

    .videos-pay-now-btn {
        color: #fff;
        background-color: #2a6cec;
        padding: 15px 25px;
        text-transform: uppercase
    }

    .start-now-btn {
        color: #fff;
        font-size: 15px;
        background-color: #2a6cec;
        padding: 15px 35px;
        text-transform: uppercase;
        display: inline-block;
        letter-spacing: 2px
    }

    .footer {
        background: #091744;
        color: #fff
    }

    .footer-nav-block li {
        list-style: none;
        text-align: left
    }

    .footer-menu-block ul {
        list-style: none;
        padding: 10px 0;
        margin: 0
    }

        .footer-menu-block ul li {
            line-height: 1.6rem;
            font-size: 13px;
            font-weight: 600
        }

    .footer-menu-title {
        font-size: 16px;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase
    }

    .animation-wrapper {
        width: 90%;
        padding-bottom: 50%
    }

    .sphere-animation {
        position: absolute;
        top: 60%;
        left: 50%;
        width: 580px;
        height: 580px;
        margin: -290px 0 0 -290px
    }

    .sphere path {
        stroke: #FF7D04;
        backface-visibility: hidden
    }

    .removed-sphere {
        stroke-width: 0 !important
    }

    @media (min-width:500px) {
        .sphere path {
            stroke-width: 2.5px
        }
    }

    .show-logo {
        opacity: 0;
        transition: 8s;
        animation: show 3s 1;
        animation-fill-mode: forwards;
        animation-delay: 1s
    }

    @keyframes show {
        0% {
            opacity: 0
        }

        10% {
            opacity: .1
        }

        20% {
            opacity: .2
        }

        30% {
            opacity: .3
        }

        40% {
            opacity: .4
        }

        50% {
            opacity: .5
        }

        60% {
            opacity: .6
        }

        70% {
            opacity: .7
        }

        80% {
            opacity: .8
        }

        900% {
            opacity: .9
        }

        100% {
            opacity: 1
        }
    }

    .footer-phone {
        font-size: 23px;
        color: #fff;
        font-weight: 600
    }

    .font-weight-600 {
        font-weight: 600
    }

    .footer .nav-link {
        letter-spacing: normal
    }

    .footer-phone-light {
        color: white !important
    }

    .footer-text {
        color: #fff;
        font-size: 16px;
        line-height: 1.5rem
    }

    .footer-subscribe-text {
        color: #fff;
        font-size: 16px
    }

    .socila-media a {
        text-decoration: none;
        color: #616e7c;
        cursor: pointer
    }

    .cursor-pointer {
        cursor: pointer
    }

    .word-break {
        word-break: break-word
    }

    .circle-grad {
        border-radius: 50%;
        padding: 5px;
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%)
    }

    .footer-nav {
        padding-bottom: 15px
    }

    .footer-gradient {
        height: 2px;
        display: block;
        margin-top: 35px;
        width: 100%;
        background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%)
    }

    .footer-bottom-text {
        text-align: center;
        padding: 20px;
        font-weight: 500;
        line-height: normal;
        font-size: 18px
    }

    .logo-big {
        padding-top: 142px
    }

    .about-text {
        font-size: 15px;
        color: #8b8b8e;
        line-height: 2rem;
        text-align: justify
    }

    .wch-form-group {
        margin-bottom: 24px
    }

    .svg {
        height: 100vmin;
        left: calc(50% - 50vmin);
        position: relative;
        width: 100vmin
    }

    .ball-top {
        animation: BallTopMove 4s both infinite;
        motion-path: path("m 66.2,39.264578 c 0,0 -5.195345,-18.056477 -20.4,-18.056477 -15.204655,0 -20.4,17.930208 -20.4,17.930208");
        offset-path: path("m 66.2,39.264578 c 0,0 -5.195345,-18.056477 -20.4,-18.056477 -15.204655,0 -20.4,17.930208 -20.4,17.930208");
        motion-offset: 0%;
        offset-distance: 0%
    }

    .ball-bottom {
        animation: BallBottomMove 4s both infinite;
        motion-path: path("m 66.2,58.979615 c 0,0 -5.195345,18.056477 -20.4,18.056477 -15.204655,0 -20.4,-17.930208 -20.4,-17.930208");
        offset-path: path("m 66.2,58.979615 c 0,0 -5.195345,18.056477 -20.4,18.056477 -15.204655,0 -20.4,-17.930208 -20.4,-17.930208");
        motion-offset: 100%;
        offset-distance: 100%
    }

    .thinkMaskCircle {
        animation: ClipSmallMove 4s both infinite
    }

    .createMaskCircle {
        animation: ClipBigMove 4s both infinite
    }

    @keyframes BallTopMove {
        0% {
            motion-offset: 0%;
            offset-distance: 0%;
            transform: scale(0)
        }

        10% {
            transform: scale(1)
        }

        42.5% {
            transform: scale(1)
        }

        50% {
            motion-offset: 100%;
            offset-distance: 100%;
            transform: scale(0)
        }

        100% {
            motion-offset: 100%;
            offset-distance: 100%;
            transform: scale(0)
        }
    }

    @keyframes BallBottomMove {
        0% {
            motion-offset: 100%;
            offset-distance: 100%;
            transform: scale(0)
        }

        50% {
            motion-offset: 100%;
            offset-distance: 100%;
            transform: scale(0)
        }

        60% {
            transform: scale(1)
        }

        92.5% {
            transform: scale(1)
        }

        100% {
            motion-offset: 0%;
            offset-distance: 0%;
            transform: scale(0)
        }
    }

    @keyframes ClipSmallMove {
        0% {
            transform: translateY(-63%)
        }

        17.5% {
            transform: translateY(-63%)
        }

        50% {
            transform: translateY(0%)
        }

        62.5% {
            transform: translateY(63%)
        }

        100% {
            transform: translateY(63%)
        }
    }

    @keyframes ClipBigMove {
        0% {
            transform: translateY(0%)
        }

        17.5% {
            transform: translateY(-63%)
        }

        50% {
            transform: translateY(-63%)
        }

        62.499% {
            transform: translateY(-63%)
        }

        62.5% {
            transform: translateY(63%)
        }

        100% {
            transform: translateY(0%)
        }
    }

    .anim-text {
        color: #fff;
        font-size: 2.5rem
    }

    .wch-form-control {
        padding: 14px 20px;
        width: 100%;
        color: #314BA0;
        outline: 0;
        font-size: 18px;
        min-height: 50px;
        border-radius: 10px;
        border: 1px solid #D1D3E3;
        background: #FFF;
        box-shadow: 0 2px 6px 0 rgb(0 0 0 / .05)
    }

    select.wch-form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        background-repeat: no-repeat;
        background-position-x: 98%;
        background-position-y: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='8' viewBox='0 0 17 8' fill='none'%3E%3Cpath d='M16 1L8.5 7L1 1' stroke='%23D1D3E3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    }

    .wch-form-control:focus, .wch-form-control:focus-visible {
        outline: 0;
        border: 1px solid #314BA0
    }

    .wch-form-control::placeholder {
        color: #2a5298 !important;
        font-size: 1rem !important;
        opacity: .3
    }

    .btn:disabled {
        cursor: not-allowed !important
    }

    .wch-form-group input[type=text]::-webkit-input-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group input[type=text]:-moz-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group input[type=text]::-moz-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group input[type=text]:-ms-input-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group input[type=email]::-webkit-input-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group input[type=email]:-moz-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group input[type=email]::-moz-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group input[type=email]:-ms-input-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group input[type=tel]::-webkit-input-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group input[type=tel]:-moz-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group input[type=tel]::-moz-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group input[type=tel]:-ms-input-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group textarea::-webkit-input-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group textarea:-moz-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group textarea::-moz-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .wch-form-group textarea:-ms-input-placeholder {
        color: #8b8b8e;
        font-size: 15px
    }

    .text-grey {
        color: #8b8b8e;
        line-height: 1.2rem
    }

    .owl-carousel-testimonials .owl-item {
        width: 75%
    }

    .carousel-testimonials {
        padding: 0 10px
    }

    .advert-item {
        width: auto
    }

    .testimonial-text {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0;
        max-height: 300px;
        overflow-y: auto;
        color: #FFF;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize
    }

    .testimonial-author {
        color: #2a5298;
        font-size: 1.2rem
    }

    .testimonials-dots {
        padding: 20px 0
    }

    .slick-dots {
        padding: 20px 0;
        position: relative !important;
        bottom: 0
    }

    .any-question-block {
        background: linear-gradient(#1626BB 0%,#035FEA 59.9%,#1821B6 100%)
    }

    .any-question-devider {
        margin-top: 40px;
        width: 80px;
        padding: 20px 0;
        border-top: 1px solid #fff
    }

    .any-question-text {
        color: #6caeeb;
        line-height: 1.8rem;
        font-size: 18px;
        text-align: justify
    }

    .apply-online-btn {
        color: #FF7D04;
        background-color: #fff;
        padding: 15px 25px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        border-radius: 6px;
        border: 2px solid #FF7D04
    }

    .main-title {
        font-family: Metropolis-Bold;
        font-size: 44px;
        text-transform: uppercase;
        position: absolute;
        top: 288px;
        left: calc(50% - 107px)
    }

    .main-title-container {
        text-align: center;
        font-family: Metropolis-Bold;
        font-size: 140px;
        padding: 250px 0 250px 0;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 90px;
        opacity: .2;
        color: #fff0;
        text-shadow: 0 0 5px rgb(0 0 0 / .5)
    }

    .main-title-container-contactus {
        text-align: center;
        font-family: Metropolis-Bold;
        font-size: 140px;
        padding: 250px 0 250px 0;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 70px;
        opacity: .2;
        color: #fff0;
        text-shadow: 0 0 5px rgb(0 0 0 / .5)
    }

    .main-title-container-franchise {
        text-align: center;
        font-family: Metropolis-Bold;
        font-size: 140px;
        padding: 100px 0 200px 0;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 90px;
        opacity: .2;
        color: #fff0;
        text-shadow: 0 0 5px rgb(0 0 0 / .5)
    }

    .main-title-services {
        font-family: Metropolis-Bold;
        font-size: 44px;
        text-transform: uppercase;
        position: absolute;
        top: 288px;
        left: calc(50% - 107px)
    }

    .semi-line-realtime {
        border-top: 1px solid #343742;
        width: 34%;
        text-align: left;
        position: absolute;
        top: 308px
    }

    .main-title-realtime {
        font-family: Metropolis-Bold;
        font-size: 44px;
        text-transform: uppercase;
        position: absolute;
        top: 288px;
        left: calc(50% - 250px)
    }

    .semi-line-services {
        border-top: 1px solid #343742;
        width: 42%;
        text-align: left;
        position: absolute;
        top: 308px
    }

    .main-title-partners {
        font-family: Metropolis-Bold;
        font-size: 44px;
        text-transform: uppercase;
        position: absolute;
        top: 288px;
        left: calc(50% - 180px)
    }

    .semi-line-partners {
        border-top: 1px solid #343742;
        width: 38%;
        text-align: left;
        position: absolute;
        top: 308px
    }

    .franchise-items-block {
        position: absolute;
        padding: 0 200px;
        top: 150px;
        width: 100%
    }

    .franchise-blue-text {
        color: #216dcf;
        font-size: 24px;
        font-weight: 700
    }

    .main-title-container-block {
        position: relative
    }

    .service-banner {
        margin-top: 143px;
        width: 100%
    }

    .service-container {
        padding: 70px 300px
    }

    .article-container table {
        display: block;
        width: 100%;
        overflow-x: auto
    }

    .coolsite-advantages-container {
        margin: 70px 300px;
        color: #343742
    }

    .med-billing-banner-container {
        background-color: #45bae3
    }

    .med-billing-section {
        padding-right: 75px
    }

    .med-billing-section-title {
        font-size: 24px;
        color: #216dcf;
        margin-top: 25px
    }

    .med-billing-section-desc {
        font-size: 15px;
        color: #343742;
        margin-top: 25px;
        line-height: 1.5rem
    }

    .med-billing-section-text {
        font-size: 15px;
        color: #a2a2a2;
        margin-top: 20px;
        line-height: 1.5rem
    }

    .med-billing-calc {
        background-color: #15b4f5;
        text-align: center;
        position: relative
    }

    .med-billing-calc-title {
        color: #fff;
        font-size: 34px;
        padding-top: 60px;
        font-weight: 700;
        letter-spacing: 2px;
        line-height: 2.5rem
    }

    .credy-app-title {
        color: #fff;
        font-size: 34px;
        padding: 60px 0 70px 0;
        font-weight: 700;
        letter-spacing: 2px;
        line-height: 2.5rem
    }

    .med-billing-calc-subtitle {
        font-size: 22px;
        color: #fff;
        padding: 15px 0 240px 0;
        letter-spacing: 2px
    }

    .med-billing-calc-img {
        position: absolute;
        left: calc(50% - 170px);
        bottom: -100px
    }

    .med-audit-oksana {
        width: 340px;
        position: absolute;
        top: -50px;
        left: calc(50% - 150px)
    }

    .med-billing-tatyana-parent {
        position: relative
    }

    .med-billing-tatyana {
        width: 300px;
        position: absolute;
        top: -50px;
        left: calc(50% - 150px)
    }

    .med-billing-tatyana-2 {
        width: 300px;
        position: absolute;
        top: -57px;
        left: calc(50% - 150px)
    }

    .med-billing-tatyana-name {
        font-size: 16px;
        font-family: Metropolis-Bold
    }

    .med-billing-grey-line {
        border-bottom: 1px solid #e0e4e5;
        margin-top: 220px
    }

    .med-billing-tatyana-text {
        color: #8b8b8e
    }

    .med-billing-calc-text {
        margin-top: 100px;
        color: #8b8b8e;
        line-height: 2rem;
        font-size: 15px
    }

    .med-billing-calc-text-bold {
        color: #343742;
        font-weight: 700;
        font-size: 16px
    }

    .med-billing-grey-line2 {
        border-bottom: 1px solid #e0e4e5;
        margin-top: 120px
    }

    .med-billing-grey-line3 {
        border-bottom: 1px solid #e0e4e5;
        margin-top: 100px
    }

    .med-billing-grey-line4 {
        border-bottom: 1px solid #e0e4e5;
        margin-top: 50px
    }

    .med-billing-services {
        background-color: #f5f8fa
    }

    .we-can-help-title-first {
        font-size: 91px;
        font-family: Metropolis-ExtraBold;
        color: #2a73ec;
        text-transform: uppercase
    }

    .we-can-help-title {
        font-size: 65px;
        font-family: Metropolis-ExtraBold;
        color: #c7cdd8;
        text-transform: uppercase
    }

    .contact-us-title {
        font-size: 32px;
        font-family: Metropolis-Bold;
        position: relative;
        box-sizing: border-box
    }

        .contact-us-title::after {
            content: " ";
            display: block;
            height: 4px;
            background: #000;
            width: 40px;
            left: 100%;
            top: calc(50% - 2px);
            margin-top: 20px
        }

    .contact-us-text {
        margin-top: 40px;
        font-size: 15px
    }

    .contact-us-bold-text {
        font-family: Metropolis-Bold;
        font-size: 18px;
        line-height: 2rem
    }

    .btn-recred-consul {
        color: #fff;
        background-color: #FF7D04 !important;
        border-color: #FF7D04 !important
    }

    .mob-img {
        width: 100%
    }

    .provider-cred-title-block {
        background-color: #0f64d2;
        text-align: center;
        position: relative
    }

    .provider-cred-subtitle {
        font-size: 22px;
        color: #fff;
        padding: 15px 0 200px 0;
        letter-spacing: 2px
    }

    .provider-cred-forms {
        background-color: #a4c03f;
        background-image: url(/static/images/provider-cred/cred-forms-bg-image.png);
        background-repeat: no-repeat;
        background-position-x: center;
        text-align: center
    }

    .provider-cred-forms-title {
        padding: 60px 0
    }

    .faq-title {
        padding: 60px 0;
        font-size: 34px;
        color: #2a5298;
        font-family: Metropolis-Bold;
        text-align: center;
        position: relative
    }

    .faq-list .faq-block {
        padding: 31px 45px 31px 41px;
        min-height: 122px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .faq-question {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        color: #fff;
        max-width: 412px;
        text-align: left
    }

        .faq-question:hover {
            background: -webkit-gradient(linear,right top,left top,from(#f1d335),color-stop(50%,#db01ff),to(#f1d335));
            background: -o-linear-gradient(right,#f1d335 0%,#db01ff 50%,#f1d335 100%);
            background: linear-gradient(to left,#f1d335 0%,#db01ff 50%,#f1d335 100%);
            background-clip: text;
            -webkit-background-clip: text;
            text-fill-color: #fff0;
            -webkit-text-fill-color: #fff0;
            background-size: 200%;
            animation: animationGradient 5s linear infinite;
            -webkit-animation: animationGradient 5s linear infinite
        }

    .color-h1 {
        background: -webkit-gradient(linear,right top,left top,from(#6800A7),color-stop(50%,#0B006F),to(#000036));
        background: -o-linear-gradient(right,#6800A7 0%,#0B006F 50%,#000036 100%);
        background: linear-gradient(to left,#6800A7 0%,#0B006F 50%,#000036 100%);
        background-clip: text;
        -webkit-background-clip: text;
        text-fill-color: #fff0;
        -webkit-text-fill-color: #fff0;
        background-size: 200%;
        animation: animationGradient 5s linear infinite;
        -webkit-animation: animationGradient 5s linear infinite
    }

    @-webkit-keyframes animationGradient {
        0% {
            background-position: -100% 0%
        }

        100% {
            background-position: 100% 0%
        }
    }

    @keyframes animationGradient {
        0% {
            background-position: -100% 0%
        }

        100% {
            background-position: 100% 0%
        }
    }

    .faq-list li {
        padding: 30px 0
    }

        .faq-list li:last-child {
            border-bottom: none;
            padding: 30px 0
        }

    .faq-title-text {
        z-index: 100;
        position: relative
    }

    .faq-list {
        list-style: none
    }

        .faq-list li {
            cursor: pointer
        }

    .billing-list {
        list-style: none
    }

        .billing-list li {
            padding: 5px 0
        }

    .faq-answer {
        transition: all .2s ease-out 0s;
        padding: 30px 0 10px 0;
        line-height: 1.8rem;
        font-size: 1.1rem;
        color: #fff;
        text-align: left
    }

        .faq-answer.opened {
            display: block;
            opacity: 1;
            height: auto
        }

    .faq-already-with-us-blue {
        line-height: 2rem;
        color: #fff;
        font-size: 26px;
        padding: 100px 30px;
        background-image: url(/static/images/provider-cred/sign-up-left.jpg);
        background-position: top right;
        text-align: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .faq-already-with-us-blue-btn {
        display: inline-block;
        padding: 10px 30px;
        color: #2a6cec;
        background-color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 2px;
        margin-top: 30px;
        cursor: pointer;
        text-decoration: none
    }

        .faq-already-with-us-blue-btn:hover {
            text-decoration: none
        }

    .faq-already-with-us-orange {
        line-height: 2rem;
        color: #9e4c28;
        font-size: 26px;
        padding: 100px 30px;
        background-image: url(/static/images/provider-cred/sign-up-right.jpg);
        background-position: top right;
        text-align: center;
        background-repeat: no-repeat;
        background-size: cover;
        text-transform: uppercase
    }

    .faq-already-with-us-orange-btn {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        background: #2550c0;
        background: linear-gradient(90deg,rgb(37 80 192) 0,rgb(27 157 232) 85%);
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 2px;
        margin-top: 30px;
        cursor: pointer
    }

    .double-block-text {
        height: auto
    }

    .med-chart-auditing-title-block {
        background-color: #2e4e99;
        position: relative
    }

    .med-chart-auditing-title {
        padding-top: 60px;
        text-align: center;
        font-size: 34px;
        font-family: Metropolis-Bold;
        color: #fff;
        text-transform: uppercase
    }

    .med-chart-auditing-title-block-img {
        position: absolute;
        left: calc(50% - 140px);
        bottom: -60px
    }

    .font-bold-16 {
        color: #343742;
        font-weight: 700;
        font-size: 16px
    }

    .font-regular-13 {
        color: #8b8b8e;
        font-size: 13px
    }

    .font-regular-19 {
        font-size: 19px
    }

    .font-regular-13-dark {
        color: #343742;
        font-size: 13px
    }

    .font-bold-15 {
        font-family: Metropolis-Bold;
        font-size: 15px;
        color: #343742
    }

    .font-bold-20 {
        font-family: Metropolis-Bold;
        font-size: 20px;
        color: #343742
    }

    .font-regular-15 {
        font-family: Metropolis-Regular;
        font-size: 15px;
        color: #8b8b8e;
        line-height: 1.8rem
    }

    .font-regular-17 {
        font-family: Metropolis-Regular;
        font-size: 17px;
        color: #8b8b8e;
        line-height: 1.8rem
    }

    .font-regular-17-dark {
        font-family: Metropolis-Regular;
        font-size: 17px;
        color: #343742;
        line-height: 1.8rem
    }

    .font-regular-18 {
        font-family: Metropolis-Regular;
        font-size: 18px;
        color: #343742;
        line-height: 1.8rem
    }

    .med-chart-auditing-text {
        line-height: 2rem
    }

    .med-chart-auditing-plus-bold {
        display: inline-block;
        font-weight: 700;
        font-size: 18px
    }

    .do-it-right-title {
        font-family: Metropolis-Bold;
        font-size: 15px;
        color: #2a6cec;
        text-transform: uppercase
    }

    .med-chart-auditing-list {
        list-style: none;
        padding: 0;
        color: #8b8b8e;
        line-height: 2rem
    }

        .med-chart-auditing-list li {
            margin-bottom: 15px
        }

    .pmbos-esuperbill-list {
        list-style: none;
        padding: 0;
        color: #8b8b8e;
        line-height: 2rem
    }

    .pmbos-plus-bold {
        color: #343742;
        font-size: 18px;
        font-weight: 700;
        display: inline-block;
        margin-right: 3px
    }

    .med-chart-auditing-guarantee {
        background-color: #f5f8fa;
        padding: 10px
    }

    .med-chart-auditing-ready-to-start {
        background-color: #e9f1f6;
        padding: 80px
    }

    .second-opinion-title-block {
        position: relative;
        background-color: #52a7d9
    }

    .second-opinion-auditing-title {
        color: #fff;
        text-align: center;
        padding: 60px 0 40px 0
    }

    .second-opinion-i-left {
        background-color: #e7f3fa;
        text-align: center;
        overflow: hidden
    }

    .second-opinion-i-left-2 {
        background-color: #1821B6;
        text-align: center;
        overflow: hidden
    }

    .second-opinion-i-left-img {
        position: relative;
        top: 10px
    }

    .second-opinion-i-right-img {
        position: relative;
        top: -10px
    }

    .second-opinion-realize {
        line-height: 2rem;
        color: #fff;
        font-size: 26px;
        padding: 60px 30px;
        background: linear-gradient(#1626BB 0%,#035FEA 59.9%,#1821B6 100%);
        text-align: center
    }

    .second-opinion-realize-btn {
        display: inline-block;
        padding: 10px 30px;
        color: #FF7D04 !important;
        background-color: #fff;
        text-transform: uppercase;
        border: 2px solid #FF7D04;
        font-size: 16px;
        letter-spacing: 2px;
        margin-top: 30px;
        border-radius: 6px
    }

    .icode-title-block-img {
        position: absolute;
        left: calc(50% - 220px);
        bottom: -40px
    }

    .icode-title-block {
        background-color: #f5f8fa;
        text-align: center;
        font-size: 22px;
        position: relative;
        padding: 60px
    }

    .icode-title-block-text {
        font-size: 34px;
        font-family: Metropolis-Bold;
        color: #343742
    }

    .block-blue {
        padding: 50px 0;
        background-color: #46bae4
    }

    .block-grey {
        padding: 50px 0;
        background-color: #f5f8fa
    }

    .icode-scheme-block {
        background-color: #f5f8fa;
        text-align: center;
        font-size: 22px;
        position: relative;
        padding: 60px
    }

        .icode-scheme-block img {
            width: auto
        }

    .green-font {
        color: #009c06;
        font-size: 15px
    }

    .development-grey-line {
        border-bottom: 1px solid #e0e4e5;
        margin-top: 100px
    }

    .development-we-build {
        background: #0a87c5;
        background: linear-gradient(90deg,rgb(10 135 197) 26%,rgb(50 181 225) 74%);
        padding: 30px 300px
    }

    .font-bold-30 {
        font-family: Metropolis-Bold;
        font-size: 30px
    }

    .font-600-24 {
        font-size: 24px;
        font-weight: 600
    }

    .new-services-main-title-container {
        background-color: #32b5e1;
        margin-top: 143px;
        padding: 107px 0 107px 0
    }

    .new-services-main-title {
        text-align: center;
        font-family: Metropolis-Bold;
        font-size: 130px;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 59px;
        opacity: .2;
        color: #fff0;
        text-shadow: 0 0 5px rgb(0 0 0 / .5)
    }

    .new-services-block-title {
        padding: 71px
    }

    .new-services-audit-block {
        background-image: url(/static/images/new-services/audit.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #0e4f89;
        text-align: center
    }

    .new-services-mips-block {
        background-image: url(/static/images/new-services/mips.png);
        background-position: center center;
        background-repeat: no-repeat;
        text-align: center
    }

    .new-services-mips-block-bg {
        background-color: #94e0d5;
        height: 175px;
        position: relative;
        top: 16px;
        width: 100%;
        opacity: .8
    }

    .new-services-mips-block-title {
        position: relative;
        top: -85px
    }

    .new-services-staffing-block {
        background-image: url(/static/images/new-services/staff.png);
        background-position: center center;
        background-repeat: no-repeat;
        text-align: center
    }

    .new-services-staffing-block-bg {
        background-color: #c2daec;
        height: 175px;
        position: relative;
        top: 16px;
        width: 100%;
        opacity: .2
    }

    .new-services-staffing-block-title {
        position: relative;
        top: -85px
    }

    .new-services-recred-block {
        background-image: url(/static/images/new-services/re-cred.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        text-align: center
    }

    .semi-line-white {
        border-top: 1px solid #fff;
        width: 42%;
        text-align: left;
        position: absolute;
        top: 308px
    }

    .semi-line-services {
        border-top: 1px solid #343742;
        width: 42%;
        text-align: left;
        position: absolute;
        top: 308px
    }

    .main-title-solutions {
        font-family: Metropolis-Bold;
        font-size: 44px;
        text-transform: uppercase;
        position: absolute;
        top: 246px;
        left: calc(50% - 265px)
    }

    .main-title-time-managment {
        font-family: Metropolis-Bold;
        font-size: 44px;
        text-transform: uppercase;
        position: absolute;
        top: 246px;
        left: calc(50% - 350px)
    }

    .main-title-container-solutions {
        text-align: center;
        font-family: Metropolis-Bold;
        font-size: 140px;
        padding: 200px 0 200px 0;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 90px;
        opacity: .2;
        color: #fff0;
        text-shadow: 0 0 5px rgb(0 0 0 / .5)
    }

    .main-title-container-news {
        text-align: center;
        font-family: Metropolis-Bold;
        font-size: 140px;
        padding: 200px 0 110px 0;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 90px;
        opacity: .2;
        color: #fff0;
        text-shadow: 0 0 5px rgb(0 0 0 / .5)
    }

    .main-title-news {
        font-family: Metropolis-Bold;
        font-size: 44px;
        text-transform: uppercase;
        position: absolute;
        top: 246px;
        left: calc(50% - 70px)
    }

    .font-regular-22 {
        font-size: 22px;
        font-family: Metropolis-Regular
    }

    .font-bold-22 {
        font-size: 22px;
        font-family: Metropolis-Bold
    }

    .cred-app-fill-out {
        background: #1821B6;
        text-align: center
    }

    .quote-1 {
        position: absolute;
        top: -18px;
        left: 50%
    }

    .quote-2 {
        position: absolute;
        bottom: -18px;
        left: 50%
    }

    .cred-app-capabilities {
        background-color: #f5f8fa
    }

    .avialable-insurances-list {
        list-style: none;
        color: #8b8b8e;
        font-size: 1.175rem
    }

        .avialable-insurances-list li {
            padding-top: 15px
        }

    .cs {
        font-size: 26px;
        font-family: Metropolis-Regular
    }

    .title-with-underline {
        font-size: 34px;
        font-family: Metropolis-Bold;
        position: relative;
        box-sizing: border-box
    }

        .title-with-underline::after {
            content: " ";
            display: block;
            height: 4px;
            background: #343742;
            width: 40px;
            left: 50%;
            top: calc(50% - 2px);
            margin: 30px auto
        }

    .title-with-underline-left {
        font-size: 34px;
        font-family: Metropolis-Bold;
        position: relative;
        box-sizing: border-box
    }

        .title-with-underline-left::after {
            content: " ";
            display: block;
            height: 4px;
            background: #343742;
            width: 40px;
            left: 50%;
            top: calc(50% - 2px);
            margin: 30px 0
        }

    .title-with-underline-our-area::after {
        content: " ";
        display: block;
        height: 4px;
        background: #343742;
        width: 40px;
        left: 50%;
        top: calc(50% - 2px);
        margin: 15px 0
    }

    .grey-linie-left::after {
        content: " ";
        display: block;
        height: 1px;
        background: #dadbdf;
        width: 200px;
        left: 50%;
        top: calc(50% - 2px);
        margin: 30px 0
    }

    .grey-bg {
        background-color: #f5f8fa
    }

    .grey-text {
        color: #a8abad
    }

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

    .price-plan-block {
        padding: 0 550px
    }

    .border-white {
        border-top: 1px solid #fff
    }

    .blue-text {
        color: #cad5ff
    }

    .price-plan-table {
        text-align: left;
        font-size: 15px
    }

    .step-title {
        color: #1371d3;
        font-size: 30px
    }

    .pmbos-description-block {
        background-image: url(/static/images/pmbos/pmbos-bg.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 70px 450px
    }

    .font-bold-26 {
        font-size: 26px;
        font-family: Metropolis-Bold
    }

    .line-height-18 {
        line-height: 1.8rem
    }

    .line-height-2 {
        line-height: 2rem
    }

    .line-height-18px {
        line-height: 18px
    }

    .text-black {
        color: #000
    }

    .pmbos-title-block {
        position: relative
    }

    .pmbos-title-block-img {
        position: absolute;
        left: calc(50% - 220px);
        bottom: -60px
    }

    .dark-text {
        color: #343742
    }

    .pmbos-system-requirements {
        position: relative;
        background: #46aaba;
        background: linear-gradient(90deg,rgb(70 170 186) 20%,rgb(148 190 87) 80%)
    }

    .pmbos-system-requirements-img {
        position: absolute;
        left: calc(50% - 125px);
        bottom: -60px
    }

    .pmbos-system-requirements-list li {
        margin-bottom: 10px;
        color: #8b8b8e
    }

    .main-title-container-time-managment {
        text-align: center;
        font-family: Metropolis-Bold;
        font-size: 140px;
        padding: 200px 0 120px 0;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 75px;
        opacity: .2;
        color: #fff0;
        text-shadow: 0 0 5px rgb(0 0 0 / .5)
    }

    .time-managment-hardware {
        position: relative;
        background: #42acc6;
        background: linear-gradient(90deg,rgb(66 172 198) 20%,rgb(98 206 233) 80%)
    }

    .time-managment-subtitle {
        font-size: 22px;
        color: #fff;
        padding: 15px 0 170px 0;
        letter-spacing: 2px
    }

    .time-managment-hardware-img {
        position: absolute;
        left: calc(50% - 125px);
        bottom: -90px
    }

    .font-regular-20 {
        font-size: 20px;
        font-family: Metropolis-Regular
    }

    .coolsite-banner-container {
        background-color: #3e9020
    }

    .download-now-btn {
        color: #403b38;
        font-size: 15px;
        text-transform: uppercase;
        background-color: #fdb916;
        padding: 19px 35px;
        letter-spacing: 2px;
        border-radius: 2px
    }

    .coolsite-user-block {
        padding-top: 0
    }

    .smartbill-banner-container {
        background-image: url(/static/images/smartbill-app/banner.jpg);
        background-position: center left;
        background-size: cover
    }

    .font-extra-bold {
        font-family: Metropolis-ExtraBold !important
    }

    .franchise-banner-container {
        background-image: url(/static/images/franchise/bg.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .franchise-banner-inner-container {
        padding: 143px 250px 0 250px
    }

    .franchise-banner-text-block {
        padding-left: 40px
    }

    .franchise-banner-img {
        max-width: 512px;
        width: 100%
    }

    .font-regular-18 {
        font-size: 18px;
        font-family: Metropolis-Regular
    }

    .multiservice-block {
        position: relative
    }

    .multiservice-text {
        position: absolute;
        left: 50px;
        bottom: 50px;
        color: #fff;
        font-size: 20px
    }

    .franchise-opportunity-block {
        padding: 70px 100px
    }

    .partners-block {
        padding: 100px
    }

    .line-height-1 {
        line-height: 1rem
    }

    .blue-dark-text {
        color: #2a6cec
    }

    .smartbill-list li {
        margin-bottom: 10px
    }

    .staff-photo {
        width: 200px;
        padding: 3px
    }

    .partner-block .partners-img {
        width: 260px;
        height: 260px;
        object-fit: cover
    }

    .partner-block .partner-name {
        color: #FFF;
        font-family: Metropolis-Semi;
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize
    }

    .partner-block .partner-info {
        color: #FF7D04;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        text-transform: capitalize;
        max-width: 600px
    }

    .partner-block .con-label {
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        text-transform: capitalize
    }

    .partner-block .con-info {
        color: #FFF;
        font-family: Metropolis-Bold;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        text-transform: capitalize
    }

    .blue-bg {
        background-color: #1057e4
    }

    .no-underline {
        text-decoration: none
    }

        .no-underline:hover {
            text-decoration: none;
            color: inherit
        }

    .article-body {
        margin-top: 250px
    }

    .article-text {
        margin-top: 170px
    }

    .share-buttons div {
        text-align: left
    }

    .careers-banner-container {
        background-image: url(/static/images/careers/bg.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .banner-container-careers {
        margin: 0 300px
    }

    .join-out-team-btn {
        padding: 15px 35px;
        text-transform: uppercase;
        letter-spacing: 2px
    }

    .vacancy-list {
        line-height: 20px
    }

    .vacancy-footer {
        padding: 20px 0;
        border-bottom: 1px solid #c2c9cc;
        margin-bottom: 30px
    }

    .webinars-topimage-img {
        position: absolute;
        left: calc(50% - 325px);
        bottom: -50px
    }

    .webinars-topimage-bg {
        font-size: 22px;
        color: #fff;
        padding: 17px 0 375px 0;
        letter-spacing: 2px
    }

    .pay-now-banner {
        background-image: url(/static/images/payment/Pay-Now.jpg);
        background-position: center center;
        background-size: cover
    }

    .pay-now-banner-inner {
        padding: 150px 0
    }

    .pay-now-btn {
        font-family: Metropolis-Regular;
        font-size: 15px;
        padding: 15px 35px;
        background-color: #2a6cec;
        color: #fff;
        letter-spacing: 2px;
        border: 0;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px
    }

    .pay-now-services {
        position: relative;
        top: -160px
    }

    .circle-item:hover {
        transform: scale(1.1)
    }

    .footer-nav a {
        color: #fff;
        text-transform: none;
        text-decoration: none
    }

    .footer-pay-btn {
        width: 102px;
        height: 39px
    }

    .footer-nav-block .nav-link {
        padding: 9px .5rem;
        font-size: 16px;
        font-family: Metropolis-Regular;
        font-weight: 500
    }

    .footer-nav-block .nav-link {
        display: inline-block
    }

    .footer-menu-title .nav-link {
        padding: 9px .5rem;
        text-transform: uppercase;
        font-size: 18px;
        text-align: left
    }

    .mob-footer-menu .footer-nav-block li {
        padding: 10px 0
    }

    .mob-footer-menu .menu-title {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase
    }

    .font-medium-18 {
        font-size: 18px;
        font-family: Metropolis-Regular;
        font-weight: 600
    }

    .font-medium-13 {
        font-size: 13px;
        font-family: Metropolis-Regular;
        font-weight: 500;
        letter-spacing: -.13px
    }

    .font-medium-14-56 {
        font-family: Metropolis-Regular;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .56px
    }

    .socila-media a {
        font-size: 20px
    }

    .adress-phone-markers {
        font-size: 20px
    }

    .price-box {
        margin: 20px 0
    }

    .cards {
        padding-left: 13px
    }

        .cards img {
            padding: 10px 10px 0 0;
            width: 63px
        }

    .price-box {
        min-height: 66px;
        padding: 25px 25px 23px 24px;
        border-radius: 10px;
        background: linear-gradient(113deg,#0400A6 -9.51%,#090076 8.08%,#002278 68.96%,#000CCC 106.22%)
    }

    .pb-header {
        display: flex;
        justify-content: space-between;
        color: #FFF;
        font-family: Metropolis-Bold;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
        flex-shrink: 0;
        align-items: center
    }

    .pb-thead {
        border-radius: 10px 10px 0 0;
        background: #FF7D04;
        color: #fff;
        height: 43px;
        display: flex;
        align-items: center;
        font-size: 14px;
        font-style: normal;
        font-family: Metropolis-Bold;
        text-transform: uppercase;
        font-weight: 700
    }

    .pb-tbody .grad-bg {
        width: 100%;
        background: linear-gradient(100deg,rgb(255 0 245 / .06) 14.52%,rgb(0 57 167 / .06) 47.57%,rgb(205 255 4 / .06) 89.17%)
    }

    .arrow1 {
        animation: slide1 1s ease-in-out infinite;
        margin-left: 9px;
        margin-right: 20px
    }

    @keyframes slide1 {
        0%,100% {
            transform: translate(0,0)
        }

        50% {
            transform: translate(10px,0)
        }
    }

    .pb-body {
        margin-top: 22px;
        display: none
    }

    .pb-header {
        cursor: pointer
    }

    .pb-body table {
        width: 100%;
        margin-bottom: 24px;
        border-collapse: collapse
    }

        .pb-body table thead tr th {
            text-align: left;
            background: #0275b6;
            color: #fff;
            text-transform: uppercase;
            padding: 15px;
            border: 1px solid #64abd3
        }

        .pb-body table tr td {
            padding: 15px;
            border: 1px solid #64abd3
        }

        .pb-body table tbody tr td:nth-child(even) {
            text-align: center
        }

    .pb-tbody .row {
        color: #746767;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
        min-height: 30px;
        font-family: Metropolis-Semi;
        margin-right: 0;
        margin-left: 0;
        border-bottom: 1px solid #D7AC83
    }

        .pb-tbody .row:last-child {
            border-bottom: none
        }

        .pb-tbody .row div {
            display: flex;
            border-right: 1px solid #D7AC83;
            justify-content: flex-start;
            align-items: center;
            padding-top: 5px;
            padding-bottom: 5px
        }

            .pb-tbody .row div:last-child {
                border-right: none
            }

        .pb-tbody .row .col-lg-2 {
            justify-content: center;
            text-align: center
        }

    .pb-tbody {
        border-radius: 0 0 10px 10px
    }

    .bottom-table {
        border-radius: 10px
    }

    .eula-body {
        line-height: 1.5rem;
        text-align: justify
    }

    .pmbos-banner-container {
        background-image: url(/static/images/pmbos/bg.jpg);
        background-size: cover;
        background-position: center center
    }

    .font-extra-bold-36 {
        font-size: 36px !important;
        font-family: Metropolis-ExtraBold
    }

    .width-150px {
        width: 150px
    }

    .issue-slide img {
        padding: 20px 60px;
        width: 340px
    }

    .issue-nav {
        position: relative;
        width: 30px
    }

    .issue-nav-top {
        position: absolute;
        top: calc(50% - 30px)
    }

    .issue-nav-bottom {
        position: absolute;
        bottom: 0
    }

    .issue-nav-bottom-item {
        transform: rotate(270deg);
        transform-origin: left top 0;
        width: 150px
    }

    .partner-color {
        display: none
    }

    .we-are-members-title {
        text-align: left
    }

    .service-block {
        text-decoration: none;
        position: relative;
        padding: 15px 0
    }

        .service-block div {
            text-decoration: none
        }

            .service-block div:hover {
                text-decoration: none
            }

    .med-billing-block {
        background-image: url(/static/images/services/serv-medical-billing.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .service-block.hover .med-billing-block {
        background-image: url(/static/images/services/service-3-3.jpg)
    }

    .med-billing-block:hover .service-block-inner {
        display: none
    }

    .service-block-inner {
        height: 100%
    }

    .service-block.hover .service-block-inner {
        background-color: #07a1ea;
        opacity: .4
    }

    .block-description {
        display: none;
        position: absolute;
        top: 70px;
        height: calc(100% - 150px)
    }

    .block-send-request-mips-btn {
        padding-top: 40px;
        left: calc(50% - 127px)
    }

        .block-send-request-mips-btn a:hover {
            background-color: #fff;
            color: #36ccb8
        }

    .block-send-request-time-btn {
        padding: 50px 0;
        left: calc(50% - 127px)
    }

        .block-send-request-time-btn a:hover {
            background-color: #fff;
            color: #42acc6
        }

    .block-send-request-btn {
        display: none;
        position: absolute;
        bottom: 25px;
        left: calc(50% - 104px)
    }

        .block-send-request-btn:hover {
            text-decoration: none
        }

    .service-section-block {
        font-family: Metropolis-Semi;
        font-size: 16px;
        color: #fff;
        padding: 20px;
        line-height: 20px;
        height: calc(100% - 60px);
        display: flex;
        align-items: center
    }

    .service-block.hover .block-title {
        display: none
    }

    #popup__toggle {
        bottom: 25px;
        right: 10px;
        position: fixed;
        z-index: 999;
        display: none
    }

    .block-title-white {
        font-size: 30px;
        font-family: Metropolis-Bold;
        color: #fff;
        padding: 0 20px
    }

    .block-title-white-sm {
        font-size: 32px;
        font-family: Metropolis-Bold;
        color: #fff;
        padding: 0 20px
    }

    .provider-cred-block {
        background-image: url(/static/images/services/serv-credentialing.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .service-block.hover .provider-cred-block {
        background-image: url(/static/images/services/service-5-5.jpg)
    }

    .med-audit-block {
        background-image: url(/static/images/services/serv-medical-audit.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .service-block.hover .med-audit-block {
        background-image: url(/static/images/services/service-2-2.jpg)
    }

    .webinar-block {
        background-image: url(/static/images/services/serv-webinars.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .service-block.hover .webinar-block {
        background-image: url(/static/images/services/service-6-6.jpg)
    }

    .real-time-block {
        background-image: url(/static/images/services/serv-eligibility.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .service-block.hover .real-time-block {
        background-image: url(/static/images/services/service-1-1.jpg)
    }

    .mips-block {
        background-image: url(/static/images/services/serv-mips.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .service-block.hover .mips-block {
        background-image: url(/static/images/services/service-4-4.jpg)
    }

    .pmbos-block {
        background-image: url(/static/images/products/product-3.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .service-block.hover .pmbos-block {
        background-image: url(/static/images/products/product-3-3.jpg)
    }

    .ismart-block {
        background-image: url(/static/images/products/product-2.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .service-block.hover .ismart-block {
        background-image: url(/static/images/products/product-2-2.jpg)
    }

    .time-managment-block {
        background-image: url(/static/images/products/product-4.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .service-block.hover .time-managment-block {
        background-image: url(/static/images/products/product-4-4.jpg)
    }

    .credentialing-block {
        background-image: url(/static/images/products/creddy-app1.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .service-block.hover .credentialing-block {
        background-image: url(/static/images/products/creddy-app2.jpg)
    }

    .provider-cred-block:hover {
        text-decoration: none
    }

    .service-block-parent {
        height: 350px
    }

        .service-block-parent:hover {
            text-decoration: none
        }

    .send-request-outline:hover {
        text-decoration: none;
        color: #fff
    }

    .service-block-title {
        color: #fff
    }

    .section-title {
        color: #343742;
        font-size: 38px;
        font-family: Metropolis-Bold;
        text-align: center;
        text-transform: uppercase;
        padding: 40px 0
    }

    .section-grey-line {
        border-top: 1px solid #d9d9d9;
        margin-top: 15px;
        padding-bottom: 15px
    }

    .newsletter-section {
        background-color: #f4f6f8
    }

    .copyright-symbol {
        position: relative;
        bottom: 12px
    }

    .videos-section {
        background-size: cover;
        background: radial-gradient(63.94% 82.96% at 0% 59.16%,#FFECC8 0%,#EAF2FA 50.81%,#D9E6F1 75.12%,#C4DDF4 100%);
        height: 380px;
        position: relative
    }

    .video-slide {
        margin-right: 70px;
        position: relative
    }

        .video-slide img {
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px
        }

    .play-video {
        display: inline-block;
        background-color: #2a6cec;
        padding: 21px 23px 21px 25px;
        border-radius: 32px;
        position: absolute;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        font-size: 20px
    }

    .videos-section-inner {
        padding-left: 215px
    }

    .products-nav-item {
        font-size: 24px;
        background-color: #e1f5fd;
        padding: 15px;
        border-radius: 43px
    }

    .products-nav-left {
        position: absolute;
        left: 80px;
        top: calc(50% - 30px);
        z-index: 100
    }

    .products-nav-right {
        position: absolute;
        right: 80px;
        top: calc(50% - 30px)
    }

    .products-section {
        position: relative
    }

    .news-date {
        color: #fff;
        font-weight: 700
    }

    .news-date-page {
        color: #FF7D04;
        font-weight: 700
    }

    .news-text {
        color: #8b8b8e;
        line-height: 1.2rem
    }

    .news-section {
        padding: 100px 0
    }

    .modal-video-dialog {
        max-width: 800px;
        margin: 30px auto
    }

    .modal-video-body {
        position: relative;
        padding: 0
    }

    .close-video {
        position: absolute;
        right: -30px;
        top: 0;
        z-index: 999;
        font-size: 2rem;
        font-weight: 400;
        color: #fff;
        opacity: 1
    }

    .service-block-padding {
        margin: 0 15px
    }

    .line-quotes {
        padding-top: 45px;
        border-bottom: 1px solid #a4bcd4
    }

    .quotes {
        position: absolute;
        left: calc(50% - 19px);
        top: 25px
    }

    .bg-grey {
        background-color: #f4f6f8
    }

    .any-question-title {
        font-size: 44px;
        font-family: Metropolis-Bold;
        color: #fff;
        text-transform: uppercase
    }

    .any-question-credentials {
        width: 270px;
        margin: 0 auto
    }

    .recommended-services-title {
        font-size: 38px;
        font-family: Metropolis-Bold;
        padding: 60px 0;
        text-align: center;
        text-transform: uppercase
    }

    .webinar-item {
        padding: 50px 25px 0 25px
    }

    .go-to-franchise {
        font-size: 27px;
        font-family: Metropolis-Bold;
        padding-top: 80px;
        color: #fff
    }

    .med-billing-block-fr {
        background-image: url(/static/images/franchise/multiservice-1.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .credentialing-block-fr {
        background-image: url(/static/images/franchise/multiservice-2.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .sowtware-block-fr {
        background-image: url(/static/images/franchise/multiservice-3.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .practice-block-fr {
        background-image: url(/static/images/franchise/multiservice-4.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .consulting-block-fr {
        background-image: url(/static/images/franchise/multiservice-5.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .ehr-block-fr {
        background-image: url(/static/images/franchise/multiservice-6.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .audit-block-fr {
        background-image: url(/static/images/franchise/multiservice-7.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block
    }

    .popover {
        max-width: 50%;
        margin-left: 50px;
        margin-right: 50px
    }

    .staff-photo-bordered {
        border: 1px solid #3775ed;
        border-radius: 150px;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px
    }

    .contact-us-blue-bg {
        background-color: #0886e2
    }

    .news-inner-section1 {
        padding-right: 80px
    }

    .news-inner-section2 {
        padding-left: 80px
    }

    .support-block {
        text-align: right
    }

    .width-100px {
        width: 100px
    }

    .med-billing-services-title-block {
        width: 100%;
        text-align: center;
        font-size: 140px;
        padding: 80px 0 0 0;
        position: relative
    }

    .med-billing-services-title {
        font-family: Metropolis-Bold;
        position: absolute;
        text-transform: uppercase;
        letter-spacing: 30px;
        opacity: .2;
        color: #fff0;
        text-shadow: 0 0 5px rgb(0 0 0 / .5);
        width: 100%
    }

    .clarity-comfort-block {
        position: relative
    }

    .med-audit-title {
        z-index: 100;
        width: 100%;
        text-align: center;
        font-family: Metropolis-Bold;
        font-size: 130px;
        padding: 40px 0;
        text-transform: uppercase;
        position: absolute;
        letter-spacing: 20px;
        opacity: .2;
        color: #fff0;
        text-shadow: 0 0 5px rgb(0 0 0 / .5)
    }

    .subscription-bg {
        background-image: url(/static/images/subscription/subscribe-bg.jpg);
        background-size: cover
    }

    #subscriptionModal .modal-dialog {
        max-width: 625px
    }

    .js-singular-nav {
        list-style: none
    }

        .js-singular-nav li {
            padding: 15px
        }

    .section-right-nav {
        position: fixed;
        top: calc(50% - 65px);
        right: 0;
        z-index: 1000
    }

    .section-number-lable {
        font-weight: 600;
        font-size: 40px;
        position: absolute;
        top: 50%;
        left: 50px
    }

    .section-number-lable-2 {
        font-weight: 600;
        font-size: 40px;
        position: absolute;
        top: 68px;
        left: 50px
    }

    .section-right-nav a {
        font-weight: 600;
        font-size: 20px
    }

    .main-nav ul li.active a {
        color: #009aea
    }

    .main-nav ul li a {
        display: block;
        padding: 20px 72px 20px 0;
        position: relative;
        transition: all .2s ease-out 0s
    }

        .main-nav ul li a:before {
            content: "";
            height: 2px;
            width: 0;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -1px;
            display: block;
            -webkit-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;
            background: #009aea
        }

    .main-nav ul li.active a:before {
        width: 60px
    }

    .billing-contact {
        position: relative;
        top: -22px;
        font-weight: 600;
        font-size: 20px;
        text-align: left;
        color: #343742
    }

    .credetialing-list li {
        padding-top: 10px;
        color: #343a40;
        font-size: 15px
    }

    #app {
        display: flex;
        flex-direction: column;
        height: 100vh
    }

    #toolbar {
        display: flex;
        align-items: center;
        background-color: #555;
        color: #fff;
        padding: .5em
    }

        #page-mode input, #toolbar button {
            color: currentColor;
            background-color: #fff0;
            font: inherit;
            border: 1px solid currentColor;
            border-radius: 3px;
            padding: .25em .5em
        }

            #page-mode input:focus, #page-mode input:hover, #toolbar button:focus, #toolbar button:hover {
                color: #90ee90
            }

    #page-mode {
        display: flex;
        align-items: center;
        padding: .25em .5em
    }

    #viewport-container {
        flex: 1;
        background: #eee;
        overflow: auto
    }

    #viewport {
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

        #viewport > div {
            text-align: center;
            max-width: 100%
        }

        #viewport canvas {
            width: 100%;
            box-shadow: 0 2px 5px gray
        }

    .mb-40 {
        margin-bottom: 40px
    }

    .mb-40 {
        margin-bottom: 40px
    }

    .popup-carousel img {
        margin: 0 auto
    }

    .modal-header-billing-popup {
        background-image: url(/static/images/general/med-billing-banner.png);
        background-size: cover;
        height: 260px
    }

    .modal-header-credentialing-popup {
        background-image: url(/static/images/general/provider-credentialing-banner.png);
        background-size: cover;
        height: 260px;
        background-color: #3a4071
    }

    .modal-header-audit-popup {
        background-image: url(/static/images/general/med-audit-banner.png);
        background-size: cover;
        height: 260px
    }

    .modal-content {
        border-radius: .7rem !important
    }

    .modal-body-services-popup {
        text-align: center;
        padding: 30px 0 50px 0
    }

    .btn-start-now-services-popup {
        padding: 15px 40px;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        margin-top: 25px
    }

    .line-height-40 {
        line-height: 40px
    }

    .mt-75px {
        margin-top: 75px
    }

    .credentilaing-lets-us-become {
        border-bottom: 1px solid #e0e4e5;
        padding-bottom: 30px
    }

    .line-height-unset {
        line-height: normal
    }

    .text-popover {
        color: #2a6cec;
        font-weight: 500;
        text-decoration: underline;
        cursor: pointer
    }

        .text-popover:hover {
            color: #2a6cec;
            font-weight: 700
        }

    .demo-request-credyapp-block {
        background-repeat: no-repeat;
        background-size: 100% auto;
        width: 85%;
        margin-bottom: 100px;
        margin: 0 auto;
        position: relative
    }

        .demo-request-credyapp-block img {
            width: 95%;
            height: auto;
            margin-bottom: 100px;
            position: relative;
            text-align: center
        }

    .h1NY {
        margin-left: 7%;
        margin-top: 5%;
        font-weight: 400;
        color: #fff;
        line-height: 130%;
        font-size: 34px
    }

    .spanNY {
        font-size: 20px;
        line-height: 0
    }

    .demo-request-credyapp-title {
        font-size: 37px;
        font-family: Metropolis-Bold
    }

    .demo-request-credyapp-inner {
        padding: 120px
    }

    .demo-request-credyapp-btn {
        display: inline-block;
        padding: 0;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        letter-spacing: 0;
        text-align: center;
        width: 20%;
        border-radius: 5%;
        text-transform: uppercase;
        background: #0d55cb;
        background: linear-gradient(90deg,rgb(13 85 203) 0,rgb(29 153 220) 100%);
        position: absolute;
        right: 10%;
        top: 15%
    }

    .font-weight-700 {
        font-weight: 700 !important
    }

    .user-login-btn {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding: .15rem 0;
        font-size: 1rem;
        line-height: 1.5;
        width: 125px;
        display: inline-block
    }

    .iti__flag {
        background-image: url(../lib/intl-tel-input/flags.png)
    }

    .iti__country-name {
        color: #000
    }

    .general-background {
        background-image: url(/static/images/general/banner.jpg);
        background-size: cover
    }

    .line-height-3rem {
        line-height: 3.5rem
    }

    .bill-title {
        font-size: 42px
    }

    .bill-month-title {
        font-size: 29px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: Metropolis-ExtraLight;
        position: relative;
        height: 125px;
        margin-top: 0
    }

    .bill-price {
        color: #2e6cea;
        font-size: 24px;
        font-weight: 600;
        font-family: Metropolis-Bold;
        margin: 30px 0
    }

    .bill-select-btn {
        cursor: pointer;
        color: #246aec;
        background-color: #fff;
        border: 1px solid #246aec;
        padding: 13px 60px;
        letter-spacing: 2px
    }

        .bill-select-btn.active {
            background-color: #246aec;
            color: #fff
        }

    .bill-big-digit {
        font-size: 95px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: Metropolis-ExtraLight;
        line-height: 60px
    }

    .bill-month-name {
        font-family: Metropolis-Bold;
        font-size: 13px;
        text-transform: uppercase;
        position: absolute;
        left: calc(50% - 25px);
        bottom: 42px
    }

    .bill-prepay {
        font-family: Metropolis-Bold;
        font-size: 24px;
        text-transform: capitalize;
        top: -8px;
        position: relative
    }

    .red-line {
        border-top: 2px solid red;
        width: 50px;
        transform: rotate(9deg);
        position: absolute;
        left: calc(50% - 8px);
        bottom: 88px
    }

    .bill-subscription-text {
        font-size: 16px;
        font-family: Metropolis-Regular
    }

    .bill-payment-method-title {
        font-family: Metropolis-Bold;
        font-size: 32px
    }

    .bill-payment-method-section {
        margin: 0 auto;
        max-width: 415px
    }

    .bill-total {
        border-top: 1px solid #ccc;
        margin-top: 10px;
        padding-top: 10px;
        font-size: 18px
    }

    .bill-terms-text {
        font-size: 13px;
        color: #9ea1ab;
        margin-top: 60px;
        line-height: 17px;
        text-align: justify
    }

    .text-red {
        color: #fc0d1b
    }

    .bill-checked-plan {
        position: absolute;
        right: calc(50% - 50px);
        top: 62px
    }

    .bill-checked-plan-month {
        position: absolute;
        right: calc(50% - 55px);
        top: 32px
    }

    .bill-checked-payment-method {
        position: absolute;
        right: calc(50% - 39px);
        top: 34px
    }

    .form-check-label:hover {
        transform: scale(1.1)
    }

    .beeline-advertising-banner img {
        width: auto
    }

    .limited-time-offer {
        display: inline-block;
        margin: 0 auto;
        padding: 15px 20px;
        border: 3px solid #e54545;
        font-weight: 700;
        border-radius: 8px;
        font-size: 18px;
        line-height: 25px
    }

    .limited-time-offer-title {
        font-size: 28px;
        font-family: Metropolis-Bold;
        margin-bottom: 8px
    }

    .by-the-end {
        font-family: Metropolis-ExtraBold
    }

    .cookie-policy-container {
        position: fixed;
        display: none;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fafafa;
        border-top: 1px solid hsl(0 0% 73% / .5);
        padding: 24px 8px;
        z-index: 1000;
        color: #333
    }

    .cookie-policy {
        max-width: 750px
    }

    .btn-cookie-ok {
        padding: 5px;
        font-weight: 700;
        width: 140px;
        border-radius: 7px
    }

    .color-line {
        height: 174px
    }

    .error404-container {
        margin: 150px 0 30px 0;
        padding-top: 70px
    }

        .error404-container h1 {
            font-size: 120px;
            padding-bottom: 20px
        }

    .pay-now-header-btn {
        background-color: #0a7ae0;
        border-radius: 0 !important;
        padding: .1rem .62rem !important;
        color: #fff;
        margin: 10px 0 10px 20px
    }

    .franchise-title {
        background-color: #1e3c72;
        border-radius: 0 !important;
        padding: .5rem .62rem !important;
        color: #fff;
        margin: 10px 0 20px 0
    }

    .breadcrumbs {
        list-style-type: none;
        display: flex
    }

    .our-offices-address {
        padding: 35px 0;
        border-bottom: 1px solid #d0d5d7
    }

    .fr-header-banner {
        background: url(/static/images/company/franchise/fr-header.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }

    .fr-page-title {
        color: #fff;
        font-family: Metropolis-Bold;
        font-size: 50px;
        text-transform: uppercase;
        text-align: center;
        padding: 0 0 30px 0
    }

    .sticky-top.top {
        width: 100%;
        padding: 5px 50px;
        z-index: 100;
        position: fixed;
        top: 0;
        background: rgb(249 246 246 / .4);
        background: #e6e5e5;
        opacity: .9
    }

    .fr-learn-more-btn {
        color: #fff;
        background: #2a6cec;
        font-size: 15px;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-family: Metropolis-ExtraLight;
        display: inline-block;
        padding: 15px 50px
    }

    .fr-page-pretitle {
        color: #fff;
        font-family: Metropolis-Regular;
        font-size: 24px;
        text-align: center;
        padding-bottom: 30px
    }

    .fr-title-block {
        padding: 180px 0
    }

    .fr-request-a-call-btn {
        color: #fff;
        background: #2a6cec;
        font-size: 17px;
        padding: 11px 25px;
        letter-spacing: -1px
    }

    .navbar-nav-franchise .nav-item {
        padding: 10px 50px
    }

    .elizabeth-block {
        padding: 30px 30px 0 30px
    }

    .elizabeth-section {
        margin-top: 30px;
        border-bottom: 1px #d7d6d6 solid
    }

    .fl-jane {
        margin: 30px 0;
        text-transform: uppercase;
        font-size: 15px;
        font-family: Metropolis-Semi
    }

    .fr-contact-us-section {
        background: #f5f8fa
    }

    .fr-contact-us-inr-block {
        display: flex;
        margin: 0 auto;
        max-width: 320px
    }

    .fr-free-consultation-block {
        border: 8px solid #2a6cec;
        padding: 30px;
        margin: 40px 0;
        max-width: 400px
    }

    .fr-free-consultation-form-title {
        font-family: Metropolis-Bold;
        font-size: 34px;
        color: #2a6cec;
        text-transform: uppercase;
        margin-bottom: 30px;
        text-align: center
    }

    .fr-free-consultation-form input[type=text] {
        background: 0 0;
        border: none;
        border-bottom: 1px solid #343742;
        width: 100%;
        margin-bottom: 30px;
        padding: 10px 0;
        color: #343742
    }

        .fr-free-consultation-form input[type=text]:focus {
            border: none
        }

        .fr-free-consultation-form input[type=text]::placeholder {
            color: #343742;
            opacity: 1
        }

        .fr-free-consultation-form input[type=text]:-ms-input-placeholder {
            color: #343742
        }

        .fr-free-consultation-form input[type=text]::-ms-input-placeholder {
            color: #343742
        }

    .text-danger-input span {
        color: #e8f003 !important
    }

    .fr-get-free-consult {
        font-size: 18px;
        font-family: Metropolis-Regular;
        padding: 15px;
        background: #2a6cec;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        cursor: pointer
    }

    .fr-required-fields {
        color: #969696;
        font-size: 12px
    }

    .fr-address {
        max-width: 321px;
        margin: 0 auto
    }

    .referral-banner {
        background: url(../images/refferal/refferal-main.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%
    }

    .referral-banner-title {
        font-size: 36px;
        color: #364048;
        font-family: Metropolis-Bold
    }

    .practice-analysis-banner-title {
        background-image: url(/static/images/services/practice-header.jpg);
        background-size: cover
    }

    .practice-analysis-services-title {
        font-family: Metropolis-Bold;
        position: absolute;
        text-transform: uppercase;
        letter-spacing: 20px;
        opacity: .15;
        color: #fff0;
        text-shadow: 0 0 5px rgb(65 64 64 / 50%);
        width: 100%
    }

    .practice-analysis-services-sub-title {
        position: absolute;
        width: 100%;
        font-family: Metropolis-Bold;
        font-size: 34px;
        color: #343742;
        top: 110px
    }

    .practice-analysis-services-title-block {
        width: 100%;
        text-align: center;
        font-size: 140px;
        padding: 65px 0 0 0;
        position: relative
    }

    .practice-analysis-services-section {
        min-height: 250px
    }

    @media (min-width:1800px) {
        .h1-bill {
            font-family: Metropolis-Bold;
            font-size: 2.625rem;
            font-weight: 700;
            line-height: 120%;
            letter-spacing: -.02em
        }

        .top-header {
            margin-top: 18%
        }

        .bg-nav-contact {
            padding-bottom: 20px !important;
            padding-top: 20px !important
        }
    }

    @media (min-width:1600px) {
        .header-bill {
            height: auto
        }
    }

    @media (min-width:1500px) {
        .demo-request-credyapp-btn {
            padding: 1%;
            letter-spacing: 3px
        }
    }

    @media (min-width:1400px) {
        .container {
            max-width: 1320px
        }
    }

    @media (max-width:1700px) {
        .nav-item {
            padding: 10px 20px
        }

        .logo {
            width: 250px
        }

        .general-title-section {
            height: auto
        }

        .general-title-block {
            height: 500px
        }

        .video {
            height: 500px
        }

        .general-title {
            font-size: 45px
        }

        .semi-line-white {
            width: 35%;
            top: 297px
        }

        .new-services-main-title-container {
            background-color: #32b5e1;
            padding: 107px 0 107px 0
        }

        .new-services-main-title {
            font-size: 110px;
            letter-spacing: 50px
        }

        .main-title {
            top: 278px;
            left: calc(50% - 160px)
        }

        .price-plan-block {
            padding: 0 400px
        }

        .pmbos-description-block {
            padding: 70px 400px
        }

        .main-title-container {
            font-size: 130px;
            padding: 200px 0 100px 0;
            letter-spacing: 60px
        }

        .main-title-container-contactus {
            font-size: 120px;
            padding: 200px 0 100px 0;
            letter-spacing: 50px
        }

        .main-title-container-time-managment {
            font-size: 130px;
            padding: 200px 0 100px 0;
            letter-spacing: 60px
        }

        .banner-container {
            margin: 0 150px
        }

        .banner-container-2 {
            margin: 0 150px
        }

        .coolsite-advantages-container {
            margin: 50px 200px
        }

        .main-title-services {
            font-size: 38px;
            top: 233px;
            left: calc(50% - 75px)
        }

        .semi-line-services {
            top: 255px;
            width: 38%
        }

        .main-title-realtime {
            font-size: 38px;
            top: 233px;
            left: calc(50% - 250px)
        }

        .semi-line-realtime {
            top: 255px;
            width: 32%
        }

        .main-title-partners {
            font-size: 38px;
            top: 233px;
            left: calc(50% - 155px)
        }

        .semi-line-partners {
            top: 255px;
            width: 38%
        }

        .staff-photo {
            width: 150px
        }

        .staff-photo-bordered {
            border-radius: 150px;
            -webkit-border-radius: 150px;
            -moz-border-radius: 150px
        }

        .block-description {
            top: 40px
        }

        .med-billing-services-title {
            font-size: 130px;
            padding: 80px 0;
            letter-spacing: 20px
        }

        .med-audit-title {
            font-size: 120px;
            letter-spacing: 20px
        }

        .double-block-text {
            height: 100px
        }

        .demo-request-credyapp-btn {
            padding: 1%
        }
    }

    @media (max-width:1500px) {
        .navbar.top {
            padding: 5px 20px
        }

        .nav-link {
            text-transform: uppercase
        }

        .navbar-brand {
            padding-right: 20px
        }

        .footer-menu-block-subscr {
            width: 100%;
            text-align: center
        }

        .service-container {
            padding: 50px 200px
        }

        .coolsite-advantages-container {
            margin: 50px 100px
        }

        .med-billing-section {
            padding-right: 50px
        }

        .development-we-build {
            padding: 30px 250px
        }

        .semi-line-white {
            width: 39%
        }

        .semi-line-white {
            width: 35%;
            top: 251px
        }

        .new-services-main-title-container {
            background-color: #32b5e1;
            margin-top: 104px;
            padding: 107px 0 107px 0
        }

        .new-services-main-title {
            font-size: 93px;
            letter-spacing: 40px
        }

        .main-title {
            top: 232px;
            left: calc(50% - 160px)
        }

        .main-title-solutions {
            font-size: 35px;
            top: 240px;
            left: calc(50% - 200px)
        }

        .main-title-time-managment {
            font-size: 35px;
            top: 240px;
            left: calc(50% - 250px)
        }

        .main-title-container {
            font-size: 120px;
            padding: 200px 0 200px 0;
            letter-spacing: 70px
        }

        .main-title-container-contactus {
            font-size: 110px;
            padding: 200px 0 200px 0;
            letter-spacing: 40px
        }

        .main-title-container-solutions {
            font-size: 120px;
            padding: 200px 0 200px 0;
            letter-spacing: 70px
        }

        .main-title-container-franchise {
            font-size: 120px;
            padding: 150px 0;
            letter-spacing: 50px
        }

        .main-title-container-news {
            font-size: 120px;
            padding: 150px 0 100px 0;
            letter-spacing: 50px
        }

        .main-title-news {
            font-size: 35px;
            top: 185px;
            left: calc(50% - 50px)
        }

        .main-title-container-time-managment {
            font-size: 120px;
            padding: 200px 0 100px 0;
            letter-spacing: 35px
        }

        .container-services {
            padding: 0 150px
        }

        .service-text-block {
            padding: 0 50px
        }

        .send-request-btn {
            margin-top: 15px
        }

        .price-plan-block {
            padding: 0 300px
        }

        .pmbos-description-block {
            padding: 70px 220px
        }

        .banner-container {
            margin: 0 50px
        }

        .banner-container-2 {
            margin: 0 50px
        }

        .franchise-banner-inner-container {
            padding: 123px 150px 0 150px
        }

        .franchise-items-block {
            position: absolute;
            padding: 0 200px;
            top: 150px;
            width: 100%
        }

        .banner-container-careers {
            margin: 0 200px
        }

        .double-block-text {
            height: 80px
        }

        .testimonial {
            padding-right: 200px;
            margin-left: -200px
        }

        .service-banner {
            margin-top: 123px
        }

        .partners-block {
            padding: 50px
        }

        .main-title-services {
            font-size: 35px;
            top: 230px;
            left: calc(50% - 75px)
        }

        .semi-line-services {
            top: 252px;
            width: 40%
        }

        .main-title-realtime {
            font-size: 35px;
            top: 230px;
            left: calc(50% - 200px)
        }

        .semi-line-realtime {
            top: 252px;
            width: 30%
        }

        .main-title-partners {
            font-size: 38px;
            top: 230px;
            left: calc(50% - 155px)
        }

        .semi-line-partners {
            top: 252px;
            width: 36%
        }

        .issue-slide img {
            width: 300px
        }

        .issue-container {
            margin-left: 120px
        }

        .service-block-parent {
            height: 350px
        }

        .news-inner-section1 {
            padding-right: 80px
        }

        .news-inner-section2 {
            padding-left: 80px
        }

        .carousel-testimonials {
            padding: 0 10px
        }

        .advert-item {
            width: 100%
        }

        .block-send-request-btn {
            bottom: 25px
        }

        .service-section-block {
            font-size: 15px;
            padding: 10px 15px;
            line-height: 20px
        }

        .med-billing-services-title {
            font-size: 110px;
            padding: 80px 0;
            letter-spacing: 15px
        }

        .med-audit-title {
            font-size: 100px;
            letter-spacing: 13px
        }

        .block-title-white {
            font-size: 28px;
            padding: 0 5px
        }

        .demo-request-credyapp-btn {
            padding: 1%
        }
    }

    @media (max-width:1200px) {
        .navbar-brand img {
            width: 130px
        }

        .general-title-section {
            height: 100%
        }

        .video {
            height: 500px
        }

        .general-title {
            font-size: 35px
        }

        .navbar.top {
            padding: 5px 20px
        }

        h1 {
            font-size: 25px;
            line-height: 2rem
        }

        h2 {
            font-size: 24px;
            line-height: 2rem
        }

        .nav-link {
            text-transform: uppercase
        }

        .navbar-brand {
            padding-right: 10px
        }

        .footer-menu-block-logo {
            padding-top: 0;
            width: 100%;
            text-align: center
        }

            .footer-menu-block-logo p {
                text-align: center !important
            }

        .service-container {
            padding: 50px 150px
        }

        .h1NY {
            margin-left: 7%;
            margin-top: 5%;
            font-weight: 400;
            color: #fff;
            line-height: normal;
            font-size: 28px
        }

        .spanNY {
            font-size: 16px;
            line-height: 0
        }

        .coolsite-advantages-container {
            margin: 50px
        }

        .banner-container {
            margin: 0;
            padding: 0 30px
        }

        .banner-container-2 {
            margin: 0;
            padding: 0 30px
        }

        .med-billing-section {
            padding-right: 30px
        }

        .development-we-build {
            padding: 30px 150px
        }

        .semi-line-white {
            width: 37%
        }

        .semi-line-white {
            width: 32%;
            top: 243px
        }

        .new-services-main-title-container {
            background-color: #32b5e1;
            margin-top: 104px;
            padding: 107px 0 107px 0
        }

        .new-services-main-title {
            font-size: 77px;
            letter-spacing: 33px
        }

        .main-title {
            top: 225px;
            left: calc(50% - 160px)
        }

        .main-title-solutions {
            font-size: 30px;
            top: 176px;
            left: calc(50% - 180px)
        }

        .main-title-time-managment {
            font-size: 30px;
            top: 176px;
            left: calc(50% - 220px)
        }

        .main-title-container {
            font-size: 110px;
            padding: 140px 0 120px 0;
            letter-spacing: 50px
        }

        .main-title-container-contactus {
            font-size: 105px;
            padding: 140px 0 120px 0;
            letter-spacing: 20px
        }

        .main-title-container-solutions {
            font-size: 110px;
            padding: 140px 0 120px 0;
            letter-spacing: 50px
        }

        .main-title-container-news {
            font-size: 120px;
            padding: 140px 0 80px 0;
            letter-spacing: 50px
        }

        .main-title-news {
            font-size: 30px;
            top: 180px;
            left: calc(50% - 45px)
        }

        .main-title-container-franchise {
            font-size: 110px;
            padding: 120px 0;
            letter-spacing: 30px
        }

        .main-title-container-time-managment {
            font-size: 100px;
            padding: 140px 0 80px 0;
            letter-spacing: 30px
        }

        .container-services {
            padding: 0 150px
        }

        .service-text-block {
            padding: 0
        }

        .send-request-btn {
            margin-top: 15px
        }

        .block-title {
            font-size: 25px
        }

        .price-plan-block {
            padding: 0 200px
        }

        .pmbos-description-block {
            padding: 70px 120px
        }

        .franchise-banner-inner-container {
            padding: 92px 150px 0 150px
        }

        .franchise-items-block {
            position: absolute;
            padding: 0 100px;
            top: 20px;
            width: 100%
        }

        .title-with-underline-left {
            font-size: 27px
        }

            .title-with-underline-left::after {
                height: 4px;
                width: 35px;
                margin: 25px 0
            }

        .franchise-opportunity-block {
            padding: 70px
        }

        .banner-container-careers {
            margin: 0 100px
        }

        .service-banner {
            margin-top: 92px;
            width: 100%
        }

        .double-block-text {
            height: 60px
        }

        .videos-section-1 {
            height: 300px
        }

        .videos-section-2 {
            height: 300px
        }

        .videos-section-3 {
            height: 300px
        }

        .videos-section-4 {
            height: 300px
        }

        .videos-title {
            padding: 30px 50px
        }

        .videos-btn {
            padding: 15px 25px;
            text-transform: uppercase;
            border: 1px solid #fff;
            letter-spacing: 2px
        }

        .videos-btn-container {
            padding: 20px 30px 20px 30px
        }

        .videos-text {
            line-height: 1.8;
            font-size: 20px;
            padding: 10px 0 30px 30px;
            min-height: 112px
        }

        .videos-pay-now-btn {
            color: #fff;
            background-color: #2a6cec;
            padding: 15px 25px;
            text-transform: uppercase
        }

        .testimonial {
            padding-right: 120px;
            margin-left: -120px
        }

        .font-extra-bold-36 {
            font-size: 33px !important
        }

        .main-title-services {
            font-size: 30px;
            top: 172px;
            left: calc(50% - 75px)
        }

        .semi-line-services {
            top: 187px;
            width: 38%
        }

        .main-title-realtime {
            font-size: 30px;
            top: 172px;
            left: calc(50% - 170px)
        }

        .semi-line-realtime {
            top: 187px;
            width: 30%
        }

        .main-title-partners {
            font-size: 30px;
            top: 172px;
            left: calc(50% - 120px)
        }

        .semi-line-partners {
            top: 187px;
            width: 34%
        }

        .issue-container {
            margin-left: 100px
        }

        .we-are-members-title {
            text-align: center
        }

        .service-block-parent {
            height: 320px
        }

        .section-title {
            font-size: 30px;
            padding: 35px 0;
            text-align: center !important
        }

        .videos-section-inner {
            padding-left: 150px
        }

        .videos-section {
            height: 315px
        }

        .video-slide {
            width: 350px
        }

            .video-slide img {
                width: 350px
            }

        .news-inner-section1 {
            padding-right: 30px
        }

        .news-inner-section2 {
            padding-left: 30px
        }

        .any-question-title {
            font-size: 35px
        }

        .testimonial-text {
            display: block;
            width: 100%;
            margin: 0 auto;
            padding: 15px 0;
            max-height: 300px;
            overflow-y: scroll
        }

        .carousel-testimonials {
            padding: 50px 10px
        }

        .advert-item {
            width: 100%
        }

        .block-send-request-btn {
            bottom: 25px
        }

        .block-title-white {
            font-size: 28px
        }

        .med-billing-services-title {
            font-size: 90px;
            padding: 80px 0;
            letter-spacing: 10px
        }

        .med-audit-title {
            font-size: 84px;
            letter-spacing: 10px
        }

        .demo-request-credyapp-title {
            font-size: 30px
        }

        .demo-request-credyapp-btn {
            font-size: 15px
        }

        .demo-request-credyapp-inner {
            padding: 100px
        }

        .fr-title-block {
            padding: 120px 0
        }

        .navbar-nav-franchise .nav-item {
            padding: 10px 20px
        }
    }

    @media only screen and (max-width:1101px) and (min-width:992px) {
        .tab-none {
            display: none
        }
    }

    @media (max-width:1250px) {
        .medical-billing-blue-sec .req-demo-btn {
            padding: 18px 20px !important;
            font-size: 15px
        }
    }

    @media (min-width:992px) {
        .an-block:hover {
            transform: scale(1.1)
        }

        .card-wch.bg-darkblue.h-100 {
            min-height: 400px
        }
    }

    @media (max-width:992px) {
        .font-pdf-h1 {
            font-size: 42px
        }

        .our-areas-title {
            font-size: 18px
        }

        .medical-billing-blue-sec {
            padding: 38px 38px !important;
            height: auto
        }

            .medical-billing-blue-sec .block-text {
                font-size: 20px
            }

            .medical-billing-blue-sec button div {
                font-size: 15px
            }

        .font-weight-lg-600 {
            font-weight: 600
        }

        .footer-bottom-text {
            font-size: 16px
        }

        .service-block-parent {
            height: 300px
        }

        .navbar-nav .dropdown-menu {
            position: absolute
        }

        .general-title-section {
            height: 100% !important
        }

        .header-btn {
            margin-left: 0 !important;
            margin-right: 0 !important;
            margin-bottom: 0.7rem !important
        }

        .video {
            height: 350px
        }

        .general-title {
            font-size: 30px
        }

        .bg-img-1 {
            background-image: url(/static/images/general/mob-2.png) !important;
            background-size: 120% !important;
            background-position-x: unset !important
        }

        .bg-img-2 {
            background-image: url(/static/images/general/mob-1.png) !important;
            background-size: 120% !important;
            background-position-x: unset !important
        }

        .bg-img-3 {
            background-image: url(/static/images/general/mob-3.png) !important;
            background-size: 120% !important;
            background-position-x: unset !important
        }

        .navbar-brand-blue {
            display: block
        }

        .body-content {
            margin-top: 10px
        }

        .navbar-collapse {
            margin-top: 15px
        }

        .navbar {
            background-color: #091744
        }

        .navbar-text {
            color: #343742 !important
        }

        .footer-menu-block ul li {
            line-height: 1.2rem
        }

        .nav-item {
            padding: 0
        }

        .circle-items {
            margin: 0
        }

        .difference-block {
            height: auto;
            padding-bottom: 40px
        }

        .difference-title {
            padding: 40px
        }

        .difference-first-row {
            width: 100%;
            position: relative;
            top: unset;
            left: unset;
            justify-content: center !important
        }

        .banner-container {
            padding: 30px
        }

        .banner-container-2 {
            padding: 0 30px
        }

        .difference-second-row {
            width: 100%;
            position: relative;
            top: unset;
            left: unset;
            justify-content: center !important
        }

        .difference-third-row {
            width: 100%;
            position: relative;
            top: unset;
            left: unset;
            justify-content: center !important
        }

        .icode-scheme-block {
            padding: 0
        }

            .icode-scheme-block img {
                width: 100%
            }

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

        h2 {
            font-size: 20px
        }

        .icode-title-block-text {
            font-size: 20px
        }

        .service-container {
            padding: 50px 30px;
            text-align: justify
        }

        .coolsite-advantages-container {
            margin: 50px 30px
        }

        .development-we-build {
            padding: 30px 100px
        }

        .semi-line-white {
            width: 30%;
            top: 224px
        }

        .new-services-main-title-container {
            background-color: #32b5e1;
            margin-top: 90px;
            padding: 107px 0 107px 0
        }

        .new-services-main-title {
            font-size: 60px;
            letter-spacing: 25px
        }

        .main-title {
            top: 205px;
            left: calc(50% - 150px)
        }

        .new-services-mips-block-bg {
            top: 10px
        }

        .main-title-solutions {
            font-size: 28px;
            top: 151px;
            left: calc(50% - 180px)
        }

        .main-title-time-managment {
            font-size: 28px;
            top: 151px;
            left: calc(50% - 200px)
        }

        .main-title-container {
            font-size: 100px;
            padding: 120px 0 80px 0;
            letter-spacing: 30px
        }

        .main-title-container-contactus {
            font-size: 90px;
            padding: 120px 0 80px 0;
            letter-spacing: 15px
        }

        .main-title-container-franchise {
            font-size: 100px;
            padding: 180px 0;
            letter-spacing: 25px
        }

        .franchise-items-block img {
            width: 70px
        }

        .main-title-container-solutions {
            font-size: 100px;
            padding: 120px 0 80px 0;
            letter-spacing: 30px
        }

        .main-title-container-news {
            font-size: 100px;
            padding: 120px 0 60px 0;
            letter-spacing: 40px
        }

        .main-title-news {
            font-size: 28px;
            top: 150px;
            left: calc(50% - 44px)
        }

        .main-title-container-time-managment {
            font-size: 90px;
            padding: 120px 0 60px 0;
            letter-spacing: 20px
        }

        .container-services {
            padding: 0 100px
        }

        .service-text-block {
            padding: 0
        }

        .send-request-btn {
            margin-top: 15px
        }

        .price-plan-block {
            padding: 0 100px
        }

        .pmbos-description-block {
            padding: 70px 120px
        }

        .coolsite-user-block {
            padding-top: 40px
        }

        .franchise-banner-text-block {
            padding-left: 0
        }

        .title-with-underline-left {
            font-size: 24px
        }

            .title-with-underline-left::after {
                height: 3px;
                width: 30px;
                margin: 20px 0
            }

        .franchise-opportunity-block {
            padding: 50px
        }

        .partner-block .partners-img {
            width: 70px;
            height: 70px
        }

        .banner-container-careers {
            margin: 0 30px
        }

        .testimonial {
            padding-right: 80px;
            margin-left: -80px
        }

        .font-extra-bold-36 {
            font-size: 30px !important
        }

        .main-title-services {
            font-size: 28px;
            top: 243px;
            left: calc(50% - 60px)
        }

        .semi-line-services {
            top: 255px;
            width: 35%
        }

        .main-title-realtime {
            font-size: 28px;
            top: 243px;
            left: calc(50% - 155px)
        }

        .semi-line-realtime {
            top: 255px;
            width: 27%
        }

        .main-title-partners {
            font-size: 28px;
            top: 243px;
            left: calc(50% - 115px)
        }

        .semi-line-partners {
            top: 255px;
            width: 32%
        }

        .issue-container {
            margin-left: 70px
        }

        .container-we-are-members {
            padding: 50px
        }

        .go-to-franchise {
            padding-top: 40px
        }

        .section-title {
            font-size: 26px;
            padding: 30px 0
        }

        .videos-section-inner {
            padding-left: 100px
        }

        .videos-section {
            height: 260px
        }

        .video-slide {
            width: 300px
        }

            .video-slide img {
                width: 300px
            }

        .news-section {
            padding: 50px 0 0 0
        }

        .news-inner-section1 {
            padding-right: 15px
        }

        .news-inner-section2 {
            padding-left: 15px
        }

        .carousel-testimonials {
            padding: 0
        }

        .advert-item {
            width: auto
        }

        .testimonial-text {
            padding: 0 0 20px 0
        }

        .support-block {
            text-align: left
        }

        .block-title-white {
            font-size: 22px
        }

        .send-request-outline {
            padding: 8px 50px
        }

        .block-description {
            top: 40px
        }

        .med-billing-services-title {
            font-size: 70px
        }

        .med-audit-title {
            font-size: 62px;
            letter-spacing: 9px;
            padding: 55px 0
        }

        .demo-request-credyapp-title {
            font-size: 24px
        }

        .demo-request-credyapp-inner {
            padding: 70px
        }

        .demo-request-credyapp-btn {
            font-size: 12px
        }

        .med-billing-tatyana-2 {
            position: relative;
            top: 0;
            left: 0
        }

        .sub-menu {
            top: 34px;
            z-index: 1000
        }

        .med-billing-services-title-block {
            padding: 30px
        }

        .general-title-block {
            height: 350px
        }

        .nav-link {
            color: #fff
        }

        .error404-container {
            margin: 80px 0
        }

            .error404-container h1 {
                font-size: 80px
            }
    }

    @media only screen and (max-width:1100px) and (min-width:579px) {
        .form-bottom-bill {
            background-size: cover;
            width: 100%
        }
    }

    @media (max-width:900px) {
        .hanukkah-none {
            display: none !important
        }

        .hanukkah-none-mob {
            display: block !important
        }
    }

    @media only screen and (max-width:992px) and (min-width:768px) {
        .tab-blocks {
            min-width: 80%;
            margin: 0 auto
        }

        .card-wch {
            margin-bottom: 0rem;
            margin-top: 3rem
        }
    }

    @media (max-width:768px) {
        .card-wch {
            margin-right: 0;
            margin-bottom: 3rem;
            margin-left: 0;
            margin-top: 3rem
        }

        .none-wch {
            display: none !important
        }

        .none-top {
            display: block !important
        }

        .mt-5rem {
            margin-top: 0
        }

        .padding-4 {
            padding: .25rem
        }

        .m-pdf {
            margin-right: .5rem;
            margin-left: .5rem
        }

        .video {
            display: none
        }

        .video-mob {
            display: none
        }

        .video-full {
            display: none
        }

        .block-description {
            top: 50px
        }

        .carousel-testimonials {
            padding: 0
        }

        .footer {
            padding: 30px 0 0 0
        }

        .footer-menu-block-logo {
            width: 100%;
            padding: 0 10px 0 10px;
            text-align: center
        }

            .footer-menu-block-logo p {
                text-align: center !important
            }

        .footer-menu-block ul {
            padding: 10px 0
        }

        .development-we-build {
            padding: 30px 50px
        }

        .semi-line-white {
            width: 28%;
            top: 221px
        }

        .faq-list {
            padding: 0
        }

        .new-services-main-title-container {
            background-color: #32b5e1;
            margin-top: 90px;
            padding: 107px 0 107px 0
        }

        .new-services-main-title {
            font-size: 55px;
            letter-spacing: 12px
        }

        .main-title {
            font-size: 32px;
            top: 208px;
            left: calc(50% - 120px)
        }

        .main-title-solutions {
            font-size: 24px;
            top: 125px;
            left: calc(50% - 140px)
        }

        .main-title-time-managment {
            font-size: 24px;
            top: 120px;
            left: calc(50% - 180px)
        }

        .main-title-container {
            font-size: 75px;
            padding: 100px 0 60px 0;
            letter-spacing: 25px
        }

        .main-title-container-solutions {
            font-size: 75px;
            padding: 100px 0 60px 0;
            letter-spacing: 25px
        }

        .main-title-container-contactus {
            font-size: 70px;
            padding: 100px 0 60px 0;
            letter-spacing: 10px
        }

        .main-title-container-news {
            font-size: 100px;
            padding: 100px 0 50px 0;
            letter-spacing: 25px
        }

        .main-title-news {
            font-size: 24px;
            top: 130px;
            left: calc(50% - 30px)
        }

        .main-title-container-franchise {
            font-size: 70px;
            padding: 200px 0;
            letter-spacing: 22px
        }

        .franchise-items-block img {
            width: 50px
        }

        .franchise-items-block {
            padding: 0 50px
        }

        .main-title-container-time-managment {
            font-size: 65px;
            padding: 100px 0 20px 0;
            letter-spacing: 8px
        }

        .container-services {
            padding: 0 100px
        }

        .service-text-block {
            padding: 0
        }

        .send-request-btn {
            margin-top: 15px
        }

        .price-plan-block {
            padding: 0 30px
        }

        .pmbos-description-block {
            padding: 30px
        }

        .franchise-blue-text {
            color: #216dcf;
            font-size: 15px;
            font-weight: 700
        }

        .title-with-underline-left {
            font-size: 20px
        }

            .title-with-underline-left::after {
                height: 3px;
                width: 30px;
                margin: 20px 0
            }

        .title-with-underline-our-area {
            height: 100%;
            width: 100%;
            margin: 15px 0
        }

        .animated-button {
            margin: 25px 0 !important
        }

        .partner-block {
            flex-direction: unset;
            margin-bottom: 0
        }

        .join-out-team-btn {
            padding: 15px 35px;
            text-transform: uppercase;
            letter-spacing: 2px;
            width: 100%
        }

        .testimonial {
            padding-right: 60px;
            margin-left: -60px
        }

        .container-body {
            padding: 0 30px
        }

        .font-extra-bold-36 {
            font-size: 24px !important
        }

        .main-title-services {
            font-size: 24px;
            top: 211px;
            left: calc(50% - 60px)
        }

        .semi-line-services {
            top: 225px;
            width: 33%
        }

        .main-title-realtime {
            font-size: 24px;
            top: 211px;
            left: calc(50% - 135px)
        }

        .semi-line-realtime {
            top: 225px;
            width: 24%
        }

        .main-title-partners {
            font-size: 24px;
            top: 211px;
            left: calc(50% - 100px)
        }

        .semi-line-partners {
            top: 225px;
            width: 30%
        }

        .general-title {
            font-size: 25px;
            padding: 30px;
            line-height: 30px
        }

        .service-block-parent {
            height: 300px
        }

        .videos-section-inner {
            padding-left: 20px
        }

        .videos-section {
            height: 260px
        }

        .video-slide {
            width: 300px
        }

            .video-slide img {
                width: 300px
            }

        .any-question-title {
            font-size: 30px
        }

        .med-billing-services-title {
            font-size: 70px
        }

        .med-audit-title {
            font-size: 55px;
            letter-spacing: 9px;
            padding: 55px 0
        }

        .bill-month-title {
            margin-top: 70px
        }

        .beeline-advertising-banner img {
            width: 100%
        }

        .med-billing-services-title-block {
            padding: 20px
        }

        .fr-title-block {
            padding: 80px 0
        }
    }

    @media only screen and (max-width:1300px) and (min-width:1101px) {
        .form-bottom-bill {
            background-size: cover
        }

        .adp-800 {
            margin-right: 0;
            margin-bottom: 1rem
        }

        .col-800 {
            min-width: 500px !important;
            width: 500px
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            padding: 0.2rem !important;
            font-size: 13px !important
        }
    }

    @media only screen and (max-width:1100px) and (min-width:981px) {
        .row-bill-header {
            margin-top: 25%
        }

        .adp-800 {
            margin-right: 0;
            margin-bottom: 1rem
        }

        .col-800 {
            min-width: 500px !important;
            width: 500px
        }
    }

    @media only screen and (max-width:980px) and (min-width:761px) {
        .adp-800 {
            margin-right: 0;
            margin-bottom: 1rem
        }

        .col-800 {
            min-width: 500px !important;
            width: 500px
        }

        .width-card-800 {
            width: 100%
        }
    }

    @media only screen and (max-width:760px) {
        .d-none-text-contact {
            display: block
        }

        .d-none-contact-mob {
            display: none
        }
    }

    @media only screen and (max-width:760px) and (min-width:701px) {
        .mr-ml-1 {
            margin-left: 1rem !important;
            margin-right: 1rem !important
        }

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

        .mob-logo {
            display: none
        }
    }

    @media only screen and (max-width:700px) and (min-width:579px) {
        .none-mob {
            display: none !important
        }

        .row-bill-header {
            width: 100%
        }

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

        .ol-number {
            width: 6%
        }

        .text-none-bill {
            display: none
        }

        .form-bottom-bill {
            width: 100%;
            margin: 0 auto;
            background-image: url(/static/images/payment/bg-form-mob.png);
            border-radius: 12px;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            min-height: 15rem;
            max-width: 1050px;
            padding: 1.5rem
        }

        .mt-1-bill {
            margin-top: 1rem
        }

        .mr-3-bill {
            margin-right: 0 !important
        }

        .none-desktop-card {
            display: block;
            width: 100%
        }

        .mr-ml-1 {
            margin-left: 1rem !important;
            margin-right: 1rem !important
        }

        .choice-bill {
            padding-left: 0;
            padding-right: 0
        }

        .mob-pr-0 {
            padding-right: 0 !important
        }

        .mob-w-100 {
            width: 100%
        }

        .text-c-mob {
            text-align: center
        }

        .none-desktop {
            display: block;
            margin: .6rem;
            margin-top: 4rem
        }

        .font-bill-12 {
            font-weight: 600;
            font-size: .75rem;
            line-height: 110%;
            color: #314BA0
        }

        .mt-40-mob {
            margin-top: -40%
        }

        .mt-bill-form {
            margin-top: 7%
        }

        .button-bill {
            width: 100%
        }

        .cardDiv {
            background: #F0FBFF;
            border-radius: 5px;
            padding: 10px 20px
        }

        .checkContact {
            background: #F0FBFF;
            border-radius: 5px;
            padding: 10px 20px;
            margin-bottom: .5rem;
            justify-content: center
        }

        .mb-0-mob {
            margin-bottom: 0
        }

        .checked-contact {
            margin-bottom: .5rem;
            justify-content: center
        }

        .d-none-check {
            display: none
        }

        .button-contact {
            width: 100%
        }
    }

    @media only screen and (max-width:767px) and (min-width:551px) {
        .width-80 {
            width: 100%
        }

        .video-width {
            width: 100%
        }

        .block-align-right {
            text-align: left
        }
    }

    @media only screen and (max-width:1000px) and (min-width:767px) {
        .width-80 {
            width: 100%
        }

        .max-width-block {
            min-width: 80%;
            margin-bottom: 1rem !important;
            margin: 0 auto
        }

        .video-width {
            width: 100%
        }
    }

    @media only screen and (max-width:1300px) and (min-width:1001px) {
        .width-80 {
            width: 90%
        }

        .max-width-block {
            min-width: 45%;
            margin-bottom: 1rem !important;
            margin: 0 auto
        }

        .video-width {
            width: 100%
        }
    }

    @media only screen and (max-width:1550px) and (min-width:1301px) {
        .width-80 {
            width: 80%
        }

        .video-width {
            width: 100%
        }
    }

    @media (max-width:576px) {
        .h1-bill {
            font-size: 2.2rem
        }

        .p-recred-black {
            font-style: normal;
            font-weight: 500;
            font-size: 1.3rem;
            line-height: 150%
        }

        .p-recred-small {
            font-style: normal;
            font-weight: 500;
            font-size: 1.1rem;
            line-height: 150%
        }

        .p-recred-big {
            font-style: normal;
            font-weight: 700;
            font-size: 1.8rem;
            line-height: 110%;
            text-transform: uppercase
        }

        .header-recred-small {
            font-style: normal;
            font-weight: 700;
            font-size: 2.1rem;
            line-height: 120%;
            letter-spacing: -.02em;
            color: #FFF
        }

        .block-align-right {
            text-align: left
        }

        .mob-img {
            width: 100%
        }

        .btn-recred {
            width: 100%
        }

        .video-width {
            width: 100%
        }

        .ol-number {
            width: 10%
        }

        .max-width-block {
            max-width: 100%;
            margin-bottom: 1rem
        }

        .online-message-input {
            width: 90%
        }

        .online-consulting-body {
            width: auto
        }

        .h1-wch {
            font-size: 28px
        }

        .card-wch {
            margin-right: 0;
            margin-bottom: 3rem;
            margin-left: 0;
            margin-top: 3rem
        }

        .card-count-wch {
            font-size: 6rem
        }

        .card-wch-text {
            font-size: 2.4rem
        }

        .h2-wch {
            font-size: 32px
        }

        .header-bill {
            background-image: url(/static/images/payment/bg-recred.png);
            min-height: 40rem
        }

        .width-80 {
            width: 100%
        }

        .padding-full {
            padding: 1rem
        }

        .m-t-block {
            margin-top: 0
        }

        .none-mob {
            display: none !important
        }

        .row-bill-header {
            width: 100%
        }

        .text-none-bill {
            display: none
        }

        .td-width-50 {
            width: 100%
        }

        .td-width-25 {
            width: 100%
        }

        .form-bottom-bill {
            width: 100%;
            margin: 0 auto;
            background-image: url(/static/images/payment/bg-form-mob.png);
            border-radius: 12px;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            min-height: 15rem;
            max-width: 1050px;
            padding: 1.5rem
        }

        .mt-1-bill {
            margin-top: 1rem
        }

        .mr-3-bill {
            margin-right: 0 !important
        }

        .none-desktop-card {
            display: block;
            width: 100%
        }

        .mob-logo {
            width: 50%
        }

        .mr-ml-1 {
            margin-left: 1rem !important;
            margin-right: 1rem !important
        }

        .choice-bill {
            padding-left: 0;
            padding-right: 0
        }

        .mob-pr-0 {
            padding-right: 0 !important
        }

        .mob-w-100 {
            width: 100%
        }

        .text-c-mob {
            text-align: center
        }

        .none-desktop {
            display: block;
            margin: .6rem;
            margin-top: 4rem
        }

        .font-bill-12 {
            font-weight: 600;
            font-size: .75rem;
            line-height: 110%;
            color: #314BA0
        }

        .mt-40-mob {
            margin-top: -40%
        }

        .mt-bill-form {
            margin-top: 7%
        }

        .button-bill {
            width: 100%
        }

        .cardDiv {
            background: #F0FBFF;
            border-radius: 5px;
            padding: 10px 20px
        }

        .checkContact {
            background: #F0FBFF;
            border-radius: 5px;
            padding: 10px 20px;
            margin-bottom: .5rem;
            justify-content: center
        }

        .mb-0-mob {
            margin-bottom: 0
        }

        .checked-contact {
            margin-bottom: .5rem;
            justify-content: center
        }

        .block-description {
            top: 20px
        }

        .service-section-block {
            padding: 8px;
            font-size: 14px
        }

        .block-send-request-btn {
            bottom: 20px
        }

        .any-question-title {
            font-size: 26px
        }

        .go-to-franchise {
            padding-top: 20px
        }

        .container-body {
            padding: 0 15px
        }

        .footer {
            text-align: center
        }

        .footer-menu-block ul {
            padding: 10px 0
        }

        .footer-bottom-text {
            padding: 30px 30px 0 30px
        }

        .h1NY {
            margin-left: 7%;
            margin-top: 5%;
            font-weight: 400;
            color: #fff;
            line-height: normal;
            font-size: 22px
        }

        .spanNY {
            font-size: 12px;
            line-height: 0
        }

        .general-title {
            font-size: 24px;
            padding: 30px;
            line-height: 30px
        }

        .partners-block {
            padding: 30px
        }

        .new-services-main-title-container {
            background-color: #32b5e1;
            margin-top: 90px;
            padding: 107px 0 107px 0
        }

        .new-services-main-title {
            font-size: 35px;
            letter-spacing: 10px
        }

        .main-title {
            font-size: 25px;
            top: 202px;
            left: calc(50% - 95px)
        }

        .semi-line-white {
            top: 213px;
            width: 20%
        }

        .med-billing-services-title-block {
            padding: 0
        }

        .main-title-solutions {
            font-size: 20px;
            top: 120px;
            left: calc(50% - 120px)
        }

        .main-title-time-managment {
            font-size: 20px;
            top: 120px;
            left: calc(50% - 120px)
        }

        .main-title-container-franchise {
            font-size: 60px;
            padding: 200px 0;
            letter-spacing: 5px
        }

        .main-title-container {
            font-size: 60px;
            padding: 100px 0 60px 0;
            letter-spacing: 5px
        }

        .main-title-container-contactus {
            font-size: 50px;
            padding: 100px 0 60px 0;
            letter-spacing: 5px
        }

        .main-title-container-solutions {
            font-size: 60px;
            padding: 100px 0 60px 0;
            letter-spacing: 5px
        }

        .main-title-container-news {
            font-size: 100px;
            padding: 100px 0 20px 0;
            letter-spacing: 25px
        }

        .main-title-news {
            font-size: 20px;
            top: 130px;
            left: calc(50% - 25px)
        }

        .main-title-container-time-managment {
            font-size: 55px;
            padding: 100px 0 20px 0;
            letter-spacing: 1px
        }

        .main-title-time-managment {
            font-size: 20px;
            top: 120px;
            left: calc(50% - 160px)
        }

        .main-title-realtime {
            font-size: 20px;
            top: 204px;
            left: calc(50% - 115px)
        }

        .semi-line-realtime {
            top: 218px;
            width: 18%
        }

        .main-title-services {
            font-size: 20px;
            top: 204px;
            left: calc(50% - 60px)
        }

        .semi-line-services {
            top: 218px;
            width: 30%
        }

        .main-title-partners {
            font-size: 20px;
            top: 204px;
            left: calc(50% - 80px)
        }

        .semi-line-partners {
            top: 218px;
            width: 25%
        }

        .container-services {
            padding: 0 20px
        }

        .service-text-block {
            padding: 0 30px
        }

        .send-request-btn {
            margin-top: 15px
        }

        .franchise-banner-inner-container {
            padding: 92px 50px 0 50px
        }

        .staff-photo {
            width: 100px
        }

        .staff-photo-bordered {
            border-radius: 100px;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px
        }

        .partner-block {
            flex-direction: column !important
        }

        .emb-img {
            display: block;
            padding-bottom: 15px;
            margin: 0 auto
        }

        .testimonial {
            padding-right: 0;
            margin-left: 0
        }

        .font-extra-bold-36 {
            font-size: 20px !important
        }

        .issue-container {
            margin-left: 30px
        }

        .container-we-are-members {
            padding: 50px 30px
        }

        .service-block-parent {
            height: 250px
        }

        .demo-request-credyapp-title {
            font-size: 20px
        }

        .demo-request-credyapp-inner {
            padding: 50px
        }

        .demo-request-credyapp-btn {
            font-size: 10px
        }

        .color-line {
            height: 230px
        }

        .navbar .navbar-brand {
            padding: 0
        }

        .logo {
            width: 215px;
            padding-bottom: .3rem
        }

        .display_none {
            display: block
        }

        .read_more {
            font-size: 15px;
            line-height: 24px
        }

        .read_more_light {
            font-size: 12px;
            line-height: 18px
        }

        #popup__toggle {
            display: none
        }

        .Helloween {
            width: 35px
        }

        .text-contact {
            margin-right: 1rem;
            margin-left: 1rem
        }

        .font-blue-mob {
            font-size: 1.3rem !important;
            letter-spacing: .1rem;
            font-weight: 700
        }

        .text-contact-block {
            margin-left: 0;
            padding-top: 0
        }

        .top-header {
            margin-top: 0
        }

        .form-contact-block {
            margin-right: 1rem;
            margin-left: 1rem;
            padding-top: 2.5rem
        }

        .text-contact-center {
            text-align: center
        }

        .button-contact {
            width: 100%
        }

        .d-none-check {
            display: none
        }

        .content-center {
            justify-content: center
        }
    }

    @media (max-width:480px) {
        .home-quick-connect {
            height: 290px;
            display: flex;
            align-items: center
        }

            .home-quick-connect p {
                text-align: center;
                max-width: 230px;
                margin: 0 auto;
                line-height: 22px
            }
    }

    @media (max-width:390px) {
        .demo-request-credyapp-btn {
            font-size: 8px;
            padding: 0;
            margin: 0
        }

        .h1NY {
            margin-left: 7%;
            margin-top: 0;
            font-weight: 400;
            color: #fff;
            line-height: normal;
            font-size: 20px
        }

        .spanNY {
            font-size: 10px;
            line-height: 0
        }

        .h1-bill {
            font-size: 2rem
        }

        .p-recred-black {
            font-style: normal;
            font-weight: 500;
            font-size: 1.1rem;
            line-height: 150%
        }

        .p-recred-small {
            font-style: normal;
            font-weight: 500;
            font-size: 1rem;
            line-height: 150%
        }

        .p-recred-big {
            font-style: normal;
            font-weight: 700;
            font-size: 1.5rem;
            line-height: 110%;
            text-transform: uppercase
        }

        .header-recred-small {
            font-style: normal;
            font-weight: 700;
            font-size: 1.8rem;
            line-height: 120%;
            letter-spacing: -.02em;
            color: #FFF
        }
    }

    @media only screen and (max-width:780px) and (min-width:577px) {
        .top-header {
            margin-top: 0
        }

        .content-center {
            justify-content: center
        }
    }

    @media only screen and (max-width:760px) and (min-width:600px) {
        .text-contact {
            text-align: center
        }
    }

    @media only screen and (max-width:767px) and (min-width:761px) {
        .text-contact-block {
            display: flex;
            justify-content: center
        }
    }

    @media only screen and (max-width:1100px) and (min-width:781px) {
        .bg-nav-contact {
            padding-bottom: 30px !important;
            padding-top: 10px !important
        }

        .top-header {
            margin-top: 5%
        }

        .form-contact-block {
            margin-left: 1.5rem;
            margin-right: 1rem
        }

        .text-contact-block {
            margin-left: 0
        }
    }

    @media only screen and (max-width:1100px) and (min-width:993px) {
        .top-header {
            margin-top: 40%
        }
    }

    @media only screen and (max-width:1100px) and (min-width:200px) {
        .mt-thx {
            margin-top: 0
        }
    }

    @media only screen and (max-width:380px) and (min-width:389px) {
        .mt-40-mob {
            margin-top: -35%
        }
    }

    @media only screen and (max-width:399px) and (min-width:390px) {
        .mt-40-mob {
            margin-top: -30%
        }
    }

    @media only screen and (max-width:430px) and (min-width:400px) {
        .header-bill {
            min-height: 43rem !important;
            max-height: 43rem !important
        }
    }

    @media only screen and (max-width:450px) and (min-width:431px) {
        .header-bill {
            min-height: 47rem !important;
            max-height: 47rem !important
        }
    }

    @media only screen and (max-width:481px) and (min-width:500px) {
        .header-bill {
            min-height: 53rem !important;
            max-height: 53rem !important
        }
    }

    @media only screen and (max-width:549px) and (min-width:501px) {
        .header-bill {
            min-height: 55rem;
            max-height: 55rem
        }
    }

    @media only screen and (max-width:500px) and (min-width:400px) {
        .header-bill {
            min-height: 50rem;
            max-height: 50rem
        }
    }

    @media (max-width:350px) {
        .demo-request-credyapp-btn {
            font-size: 8px;
            padding: 0;
            margin: 0
        }

        .h1-wch {
            font-size: 28px
        }

        .btn-m {
            width: 100%;
            margin-right: 0 !important;
            margin-bottom: 1rem
        }
    }

    @media only screen and (min-width:1200px) {
        .modal-950 {
            max-width: 950px
        }
    }

    @media only screen and (min-width:768px) {
        .mh-610 {
            max-height: 610px;
            overflow-y: scroll
        }
    }

    @media only screen and (max-width:767px) {
        .border-box {
            font-size: 18px !important
        }

        .testimonial-author .font-bold-30 {
            font-size: 22px
        }

        .testimonial-author .font-600-24 {
            font-size: 16px
        }

        .testimonial-text {
            font-size: 14px;
            padding-top: 33px
        }

        .font-mob-14 {
            font-size: 14px
        }

        .p-card-text {
            min-height: auto !important
        }

        .block-reason {
            font-size: 18px;
            padding: 10px;
            min-height: 270px
        }

        .challange {
            margin-bottom: 35px
        }

        .challange-block {
            padding: 21px 16px 21px 14px
        }

            .challange-block svg {
                max-width: 20px
            }

        .challange-divider {
            height: 2px;
            display: block;
            margin-top: 30px;
            margin-bottom: 37px;
            width: 100%;
            background: linear-gradient(110deg,#FF00F5 .32%,rgb(0 57 167 / .46) 46.99%,rgb(205 255 4 / .93) 105.74%)
        }

        .challange-title {
            font-size: 18px;
            font-weight: 700;
            background: unset;
            color: #fff;
            background-clip: unset;
            -webkit-background-clip: unset;
            -webkit-text-fill-color: unset
        }

        .challange-content {
            font-size: 14px;
            line-height: 100%
        }

        .faq-list .faq-block {
            padding: 17px 22px 17px 14px;
            min-height: auto
        }

        .faq-question, .faq-answer {
            font-size: 13px
        }

        .faq-question {
            min-height: 39px;
            display: flex;
            align-items: center
        }

        .faq-answer {
            line-height: 130%
        }

        .faq-list li {
            padding: 20px 0
        }

        .font-contact-42 {
            font-size: 26px
        }

        .font-contact-32 {
            font-size: 22px
        }

        .font-contact-22 {
            font-size: 18px
        }

        .font-contact-24 {
            font-size: 22px
        }

        .font-contact-20-blue {
            font-size: 15px
        }

        #contactUsForm {
            padding: 42px 10px
        }

        .block-title {
            font-size: 22px
        }

        .modal-header .close {
            margin-top: -54px;
            margin-right: 0
        }

        .pdf-links a {
            font-size: 12px
        }

        .modal-content {
            padding: 49px 18px 31px 10px
        }

        .price-text {
            font-size: 14px
        }

        .font-mob-17 {
            font-size: 17px
        }

        .pb-header {
            font-size: 14px
        }

        .pb-tbody .row div {
            border-bottom: 1px solid #D7AC83
        }

        .pb-tbody .row {
            border-bottom: 0
        }

        .font-pdf-h1 {
            font-size: 22px
        }

        .font-pdf-p {
            font-size: 14px;
            line-height: 16px
        }

        .font-pdf-orange {
            line-height: 16px;
            font-size: 14px
        }

        .medical-auditing-sec {
            padding: 38px 28px !important
        }

            .medical-auditing-sec img {
                width: 30px
            }

            .medical-auditing-sec .orange-text {
                text-align: center;
                width: 100%
            }

            .medical-auditing-sec .white-text {
                font-size: 15px;
                font-weight: 500
            }

        .tilted-box {
            padding-top: 30px;
            margin: auto
        }

        .tilted-blue {
            top: 30px
        }

        .benifits-section span {
            font-size: 20px
        }

        .pp-text {
            font-size: 22px
        }

        .desk-step-title {
            font-size: 32px;
            margin-top: 25px
        }

        .desk-step-para {
            font-size: 18px
        }

        .desk-steps .arrow-prev, .desk-steps .arrow-next {
            transform: scale(.5)
        }

        .consultation-sec {
            padding: 40px 15px
        }

            .consultation-sec .white-text {
                font-size: 18px
            }

            .consultation-sec .orange-text {
                font-size: 22px
            }

        .medical-auditing-sec .num {
            font-size: 15px;
            width: 30px;
            height: 30px;
            min-width: 30px;
            min-height: 30px
        }

        .num-bullet {
            margin-bottom: 25px;
            gap: 15px
        }

        .wch-news-sec h3 {
            font-size: 18px
        }

        .new-blog-list h2 {
            font-size: 22px
        }

        footer .news-section .news-title, footer .news-section .news-date {
            font-size: 16px
        }

        footer .news-section .news-text {
            font-size: 14px
        }

        .partner-name {
            font-size: 18px
        }

        .con-label {
            font-size: 16px
        }

        .con-info {
            font-size: 16px
        }

        .person-block .name {
            font-size: 18px
        }

        .person-block .pos {
            font-size: 16px
        }

        .person-block .con-info {
            font-size: 18px
        }

        .person-block img {
            width: 60px;
            height: 60px
        }
    }

@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
  from,
  50%,
  to {
    opacity: 1;
  }

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

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

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

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

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

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

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

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

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

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.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, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

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

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

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

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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;
}

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

@-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 {
  from,
  11.1%,
  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(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

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

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

@keyframes jello {
  from,
  11.1%,
  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(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

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

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

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

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

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

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

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

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

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.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) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -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: 0.75s;
  animation-duration: 0.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: 0.75s;
  animation-duration: 0.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);
  }

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

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

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

.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(0.1) rotate(30deg);
    transform: scale(0.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(0.1) rotate(30deg);
    transform: scale(0.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;
}

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

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

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

@-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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

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

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

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

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

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

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

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

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

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

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

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.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;
}

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

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

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

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

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

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

.scale-up-center-05s {
    -webkit-animation: scale-up-center 0.5s cubic-bezier(0.445, 0.050, 0.550, 0.950) both;
    animation: scale-up-center 0.5s cubic-bezier(0.445, 0.050, 0.550, 0.950) both;
}

.scale-up-center-1s {
    -webkit-animation: scale-up-center 1s cubic-bezier(0.445, 0.050, 0.550, 0.950) both;
    animation: scale-up-center 1s cubic-bezier(0.445, 0.050, 0.550, 0.950) both;
}

.scale-up-center {
    -webkit-animation: scale-up-center 2s cubic-bezier(0.445, 0.050, 0.550, 0.950) both;
    animation: scale-up-center 2s cubic-bezier(0.445, 0.050, 0.550, 0.950) both;
}

.scale-up-center-4s {
    -webkit-animation: scale-up-center 4s cubic-bezier(0.445, 0.050, 0.550, 0.950) both;
    animation: scale-up-center 4s cubic-bezier(0.445, 0.050, 0.550, 0.950) both;
}

.scale-up-center-5s {
    -webkit-animation: scale-up-center 4s cubic-bezier(0.445, 0.050, 0.550, 0.950) both;
    animation: scale-up-center 4s cubic-bezier(0.445, 0.050, 0.550, 0.950) both;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

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

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

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

.bounce-in-left {
    -webkit-animation: bounce-in-left 1.5s both;
    animation: bounce-in-left 1.5s both;
}

@-webkit-keyframes bounce-in-left {
    0% {
        -webkit-transform: translateX(-600px);
        transform: translateX(-600px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        -webkit-transform: translateX(-68px);
        transform: translateX(-68px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    72% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    81% {
        -webkit-transform: translateX(-28px);
        transform: translateX(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    90% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    95% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes bounce-in-left {
    0% {
        -webkit-transform: translateX(-600px);
        transform: translateX(-600px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        -webkit-transform: translateX(-68px);
        transform: translateX(-68px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    72% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    81% {
        -webkit-transform: translateX(-28px);
        transform: translateX(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    90% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    95% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@-webkit-keyframes slit-in-vertical {
    0% {
        -webkit-transform: translateZ(-800px) rotateY(90deg);
        transform: translateZ(-800px) rotateY(90deg);
        opacity: 0;
    }

    54% {
        -webkit-transform: translateZ(-160px) rotateY(87deg);
        transform: translateZ(-160px) rotateY(87deg);
        opacity: 1;
    }

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

@keyframes slit-in-vertical {
    0% {
        -webkit-transform: translateZ(-800px) rotateY(90deg);
        transform: translateZ(-800px) rotateY(90deg);
        opacity: 0;
    }

    54% {
        -webkit-transform: translateZ(-160px) rotateY(87deg);
        transform: translateZ(-160px) rotateY(87deg);
        opacity: 1;
    }

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

.slit-in-vertical {
    -webkit-animation: slit-in-vertical 0.45s ease-out both;
    animation: slit-in-vertical 0.45s ease-out both;
}


@-webkit-keyframes slide-out-blurred-left {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-1000px) scaleX(2) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
}

@keyframes slide-out-blurred-left {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-1000px) scaleX(2) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
}

.slide-out-blurred-left {
    -webkit-animation: slide-out-blurred-left 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) reverse both;
    animation: slide-out-blurred-left 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) reverse both;
}


@-webkit-keyframes flip-out-hor-top {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotateX(70deg);
        transform: rotateX(70deg);
        opacity: 0;
    }
}

@keyframes flip-out-hor-top {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotateX(70deg);
        transform: rotateX(70deg);
        opacity: 0;
    }
}

.flip-out-hor-top {
    -webkit-animation: flip-out-hor-top 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) reverse both;
    animation: flip-out-hor-top 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) reverse both;
}



@-webkit-keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
}

@keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
}

.puff-out-center {
    -webkit-animation: puff-out-center 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) reverse both;
    animation: puff-out-center 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) reverse both;
}