@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body {
    margin:0
}
main {
    display:block
}
h1 {
    font-size:2em;
    margin:0.67em 0
}
hr {
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre {
    font-family:monospace,monospace;
    font-size:1em
}
a {
    background-color:transparent
}
abbr[title] {
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,
strong {
    font-weight:bolder
}
code,
kbd,
samp {
    font-family:monospace,monospace;
    font-size:1em
}
small {
    font-size:80%
}
sub,
sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-0.25em
}
sup {
    top:-0.5em
}
img {
    border-style:none
}
button,
input,
optgroup,
select,
textarea {
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,
input {
    overflow:visible
}
button,
select {
    text-transform:none
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline:1px dotted ButtonText
}
fieldset {
    padding:0.35em 0.75em 0.625em
}
legend {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress {
    vertical-align:baseline
}
textarea {
    overflow:auto
}
[type=checkbox],
[type=radio] {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}
details {
    display:block
}
summary {
    display:list-item
}
template {
    display:none
}
[hidden] {
    display:none
}
@font-face {
    font-family:"DM Sans";
    font-style:normal;
    font-weight:400;
    src:url("../fonts/dm-sans/dm-sans-v10-latin-regular.eot");
    src:local(""),
    url("../fonts/dm-sans/dm-sans-v10-latin-regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/dm-sans/dm-sans-v10-latin-regular.woff2") format("woff2"),
    url("../fonts/dm-sans/dm-sans-v10-latin-regular.woff") format("woff"),
    url("../fonts/dm-sans/dm-sans-v10-latin-regular.ttf") format("truetype")
}
@font-face {
    font-family:"DM Sans";
    font-style:normal;
    font-weight:500;
    src:url("../fonts/dm-sans/dm-sans-v10-latin-500.eot");
    src:local(""),
    url("../fonts/dm-sans/dm-sans-v10-latin-500.eot?#iefix") format("embedded-opentype"),
    url("../fonts/dm-sans/dm-sans-v10-latin-500.woff2") format("woff2"),
    url("../fonts/dm-sans/dm-sans-v10-latin-500.woff") format("woff"),
    url("../fonts/dm-sans/dm-sans-v10-latin-500.ttf") format("truetype")
}
@font-face {
    font-family:"DM Sans";
    font-style:normal;
    font-weight:700;
    src:url("../fonts/dm-sans/dm-sans-v10-latin-700.eot");
    src:local(""),
    url("../fonts/dm-sans/dm-sans-v10-latin-700.eot?#iefix") format("embedded-opentype"),
    url("../fonts/dm-sans/dm-sans-v10-latin-700.woff2") format("woff2"),
    url("../fonts/dm-sans/dm-sans-v10-latin-700.woff") format("woff"),
    url("../fonts/dm-sans/dm-sans-v10-latin-700.ttf") format("truetype")
}
:root {
    --grid-mt:3em;
    --block-pd:8.7em
}
@media (max-width:1279px) {
    :root {
        --grid-mt:2.5em;
        --block-pd:6em
    }
}
@media (max-width:600px) {
    :root {
        --grid-mt:2em;
        --block-pd:5em
    }
}
[data-animation^=animated],
[data-animation^=innerAnimated] {
    visibility:hidden
}
.animated,
.innerAnimated {
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    visibility:visible
}
.fadeInUpScreen {
    -webkit-animation-name:fadeInUpScreen;
    animation-name:fadeInUpScreen;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-timing-function:cubic-bezier(0.25,0.1,0.1,1);
    animation-timing-function:cubic-bezier(0.25,0.1,0.1,1)
}
@-webkit-keyframes fadeInUpScreen {
    0% {
        opacity:0;
        -webkit-transform:translate3d(10px,60px,0);
        transform:translate3d(10px,60px,0)
    }
    60% {
        opacity:1
    }
    to {
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes fadeInUpScreen {
    0% {
        opacity:0;
        -webkit-transform:translate3d(10px,60px,0);
        transform:translate3d(10px,60px,0)
    }
    60% {
        opacity:1
    }
    to {
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.fadeInUpDemos {
    -webkit-animation-name:fadeInUpDemos;
    animation-name:fadeInUpDemos;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease
}
@-webkit-keyframes fadeInUpDemos {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,30px,0);
        transform:translate3d(0,30px,0)
    }
    to {
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes fadeInUpDemos {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,30px,0);
        transform:translate3d(0,30px,0)
    }
    to {
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.fadeInUp {
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,40px,0);
        transform:translate3d(0,40px,0)
    }
    60% {
        opacity:1
    }
    to {
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,40px,0);
        transform:translate3d(0,40px,0)
    }
    60% {
        opacity:1
    }
    to {
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.fadeIn {
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease;
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s
}
@-webkit-keyframes fadeIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes fadeIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
.fadeInRight {
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    to {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    to {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.slideInRight {
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight;
    -webkit-animation-duration:0.75s;
    animation-duration:0.75s;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease
}
@-webkit-keyframes slideInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(170px);
        transform:translateX(170px)
    }
    25% {
        opacity:1
    }
    to {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(170px);
        transform:translateX(170px)
    }
    25% {
        opacity:1
    }
    to {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@media (max-width:768px) {
    @-webkit-keyframes slideInRight {
        0% {
            opacity:0;
            -webkit-transform:translateX(60px);
            transform:translateX(60px)
        }
        25% {
            opacity:1
        }
        to {
            opacity:1;
            -webkit-transform:translateX(0);
            transform:translateX(0)
        }
    }
    @keyframes slideInRight {
        0% {
            opacity:0;
            -webkit-transform:translateX(60px);
            transform:translateX(60px)
        }
        25% {
            opacity:1
        }
        to {
            opacity:1;
            -webkit-transform:translateX(0);
            transform:translateX(0)
        }
    }
}
.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    to {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    to {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInDown {
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown;
    -webkit-animation-duration:1s;
    animation-duration:1s
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    to {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    to {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.clipping {
    -webkit-animation-name:clipping;
    animation-name:clipping;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s
}
@-webkit-keyframes clipping {
    0% {
        -webkit-clip-path:inset(-20px 100% -20px -20px);
        clip-path:inset(-20px 100% -20px -20px)
    }
    99% {
        -webkit-clip-path:inset(-20px -20px -20px -20px);
        clip-path:inset(-20px -20px -20px -20px)
    }
    to {
        -webkit-clip-path:none;
        clip-path:none
    }
}
@keyframes clipping {
    0% {
        -webkit-clip-path:inset(-20px 100% -20px -20px);
        clip-path:inset(-20px 100% -20px -20px)
    }
    99% {
        -webkit-clip-path:inset(-20px -20px -20px -20px);
        clip-path:inset(-20px -20px -20px -20px)
    }
    to {
        -webkit-clip-path:none;
        clip-path:none
    }
}
.clippingCircle {
    -webkit-animation-name:clippingCircle;
    animation-name:clippingCircle;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease;
    -webkit-animation-duration:1.25s;
    animation-duration:1.25s
}
@-webkit-keyframes clippingCircle {
    0% {
        -webkit-clip-path:circle(0%);
        clip-path:circle(0%)
    }
    99% {
        -webkit-clip-path:circle(110%);
        clip-path:circle(110%)
    }
    to {
        -webkit-clip-path:none;
        clip-path:none
    }
}
@keyframes clippingCircle {
    0% {
        -webkit-clip-path:circle(0%);
        clip-path:circle(0%)
    }
    99% {
        -webkit-clip-path:circle(110%);
        clip-path:circle(110%)
    }
    to {
        -webkit-clip-path:none;
        clip-path:none
    }
}
.fadeInUpText {
    -webkit-animation-name:fadeInUpText;
    animation-name:fadeInUpText;
    -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-animation-duration:1s;
    animation-duration:1s
}
@-webkit-keyframes fadeInUpText {
    0% {
        opacity:0;
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
    50% {
        opacity:1
    }
    to {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUpText {
    0% {
        opacity:0;
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
    50% {
        opacity:1
    }
    to {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes circleMove {
    0% {
        -webkit-transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(360deg)
    }
}
@keyframes circleMove {
    0% {
        -webkit-transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(360deg)
    }
}
@-webkit-keyframes imageMove1 {
    0% {
        -webkit-transform:translateX(-50%) rotate(0deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-360deg)
    }
}
@keyframes imageMove1 {
    0% {
        -webkit-transform:translateX(-50%) rotate(0deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-360deg)
    }
}
@-webkit-keyframes imageMove2 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-60deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-420deg)
    }
}
@keyframes imageMove2 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-60deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-420deg)
    }
}
@-webkit-keyframes imageMove3 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-120deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-480deg)
    }
}
@keyframes imageMove3 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-120deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-480deg)
    }
}
@-webkit-keyframes imageMove4 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-180deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-540deg)
    }
}
@keyframes imageMove4 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-180deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-540deg)
    }
}
@-webkit-keyframes imageMove5 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-240deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-600deg)
    }
}
@keyframes imageMove5 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-240deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-600deg)
    }
}
@-webkit-keyframes imageMove6 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-300deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-660deg)
    }
}
@keyframes imageMove6 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-300deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-660deg)
    }
}
html {
    font-size:17px
}
@media (max-width:767px) {
    html {
        font-size:16px
    }
}
* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
body {
    width:100%;
    background-color:#E7F0F7;
    font-family:"Kumbh Sans",sans-serif
}
body>.content-wrap {
    overflow:hidden
}
footer,
section {
    overflow:hidden;
    position:relative;
    z-index:1;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
img {
    width:100%;
    display:block;
    image-rendering:-webkit-optimize-contrast
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color:#141541;
    font-family:"Work Sans",sans-serif;
    font-weight:600;
    margin:0
}
h1 {
    font-family:"roc-grotesk",sans-serif;
    text-align:center;
    letter-spacing:-0.03em;
    font-size:4.706rem;
    line-height:1em;
    font-weight:500
}
@media (max-width:1679px) {
    h1 {
        font-size:3.5rem
    }
}
@media (max-width:1023px) {
    h1 {
        font-size:3rem
    }
}
@media (max-width:767px) {
    h1 {
        font-size:2.6rem
    }
}
@media (max-width:600px) {
    h1 {
        font-size:2rem
    }
}
@media (max-width:479px) {
    h1 {
        font-size:1.8rem
    }
}
h2 {
    font-size:3.353rem;
    line-height:1em;
    letter-spacing:-0.03em
}
@media (max-width:1279px) {
    h2 {
        font-size:2.5rem
    }
}
@media (max-width:1023px) {
    h2 {
        line-height:1.1em;
        font-size:2.2rem
    }
}
@media (max-width:600px) {
    h2 {
        font-size:2.7rem
    }
}
@media (max-width:479px) {
    h2 {
        font-size:1.6rem
    }
}
h3 {
    font-size:1.412rem;
    line-height:1em;
    letter-spacing:0em
}
@media (max-width:1439px) {
    h3 {
        font-size:1.3rem
    }
}
@media (max-width:1439px) {
    h3 {
        font-size:1.1rem
    }
}
h4 {
    font-size:1.353rem;
    line-height:1.261em;
    letter-spacing:0em
}
@media (max-width:1023px) {
    h4 {
        font-size:1.15rem
    }
}
@media (max-width:767px) {
    h4 {
        font-size:1rem
    }
}
h5 {
    font-size:1.059rem;
    line-height:1em;
    letter-spacing:0em
}
@media (max-width:1023px) {
    h5 {
        font-size:1rem
    }
}
p {
    font-family:"Kumbh Sans",sans-serif;
    font-size:1rem;
    line-height:1.647em;
    letter-spacing:0em;
    color:#4F627A;
    padding:0;
    margin:0;
    font-weight:400
}
@media (max-width:1023px) {
    p {
        line-height:1.5em
    }
}
a {
    font-family:"Work Sans",sans-serif;
    text-transform:capitalize;
    font-weight:500;
    font-size:1rem;
    line-height:1em;
    text-decoration:none;
    cursor:pointer;
    display:inline-block;
    -webkit-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in
}
ul {
    padding:0;
    margin:0;
    list-style-type:none
}
li {
    margin:0;
    list-style-type:none;
    font-family:"Kumbh Sans",sans-serif;
    font-size:1.059rem;
    line-height:1.6em;
    letter-spacing:-0.01em;
    font-weight:400;
    color:#4F627A
}
@media (max-width:1023px) {
    li {
        font-size:15px
    }
}
figcaption,
figure {
    margin:0;
    padding:0
}
.content-wrap {
    margin:0;
    padding:0;
    position:relative
}
.cont {
    padding:0 30px;
    margin:0 auto
}
@media (max-width:767px) {
    .cont {
        padding:0 20px
    }
}
.cont_lg {
    max-width:1800px
}
.cont_ft {
    max-width:1530px;
    position:relative;
    z-index:2
}
.cont_md {
    max-width:1590px
}
.cont_sm {
    max-width:1410px
}
@media (max-width:767px) {
    .cont_sm {
        max-width:600px
    }
}
.row {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.btn {
    color:#fff;
    background-color:#A8C62E;
    padding:1.2em 3.2em;
    font-size:16px
}
@media (max-width:1023px) {
    .btn {
        padding:1.1em 2.8em;
        font-size:15px
    }
}
.btn:hover {
    background-color:#8EA726
}
.btn.alt_btn {
    color:#fff;
    background-color:#1ED0F1
}
.btn.alt_btn:hover {
    background-color:#19B0CC
}
.btn.border_btn {
    background-color:transparent;
    border:1px solid #000000;
    color:#000
}
.btn.border_btn:hover {
    background-color:#000;
    color:#fff
}
.sub {
    margin-top:1.6em;
    margin-left:auto;
    margin-right:auto;
    max-width:500px
}
.sup {
    font-family:"Work Sans",sans-serif;
    text-transform:uppercase;
    color:#A8C62E;
    font-size:14px;
    line-height:1em;
    letter-spacing:0.06em;
    font-weight:500
}
@media (max-width:600px) {
    .sup {
        font-size:13px
    }
}
.center .sup {
    margin-bottom:1.2em
}
@media (max-width:767px) {
    .center .sup {
        margin-bottom:0.8em
    }
}
.center {
    text-align:center
}
#loader {
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background-color:#fff;
    z-index:1000;
    -webkit-transition:0.3s ease opacity;
    transition:0.3s ease opacity
}
#loader:after,
#loader:before {
    content:"";
    width:80px;
    height:80px;
    border:2px solid #A8C62E;
    display:block;
    border-radius:50%;
    position:absolute;
    top:50%;
    left:50%;
    opacity:0;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-animation-name:loaderCircleAnim;
    animation-name:loaderCircleAnim;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
#loader:after {
    -webkit-animation-delay:1s;
    animation-delay:1s
}
@-webkit-keyframes loaderCircleAnim {
    0% {
        width:0;
        height:0;
        opacity:0
    }
    10% {
        width:10px;
        height:10px;
        opacity:1
    }
    80% {
        width:60px;
        height:60px;
        opacity:0.1
    }
    to {
        width:70px;
        height:70px;
        opacity:0
    }
}
@keyframes loaderCircleAnim {
    0% {
        width:0;
        height:0;
        opacity:0
    }
    10% {
        width:10px;
        height:10px;
        opacity:1
    }
    80% {
        width:60px;
        height:60px;
        opacity:0.1
    }
    to {
        width:70px;
        height:70px;
        opacity:0
    }
}
header {
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:10;
    padding:40px 0
}
@media (max-width:767px) {
    header {
        padding:30px 0
    }
}
@media (max-width:479px) {
    header {
        padding:20px 0
    }
}
header .btn {
    font-size:15px;
    padding:1.1em 1.9em;
    background-color:#1D2297
}
header .btn:hover {
    background-color:#161B82
}
@media (max-width:1023px) {
    header .btn {
        display:none
    }
}
header .item {
    -webkit-box-flex:0;
    -ms-flex:0 1 440px;
    flex:0 1 440px
}
@media (max-width:1023px) {
    header .item {
        -ms-flex-preferred-size:auto;
        flex-basis:auto
    }
}
@media (max-width:1279px) {
    header .item:first-of-type {
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
header .item:nth-of-type(2) {
    -ms-flex-preferred-size:auto;
    flex-basis:auto
}
@media (max-width:1279px) {
    header .item:nth-of-type(2) {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
header .item:nth-of-type(3) {
    text-align:end
}
@media (max-width:1279px) {
    header .item:nth-of-type(3) {
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3;
        -ms-flex-preferred-size:auto;
        flex-basis:auto
    }
}
header .logo {
    display:inline-block;
    max-width:173px;
    vertical-align:middle;
    position:relative;
    z-index:99
}
@media (max-width:1279px) {
    header .logo {
        max-width:160px
    }
}
@media (max-width:479px) {
    header .logo {
        max-width:150px
    }
}
@media (max-width:1023px) {
    nav {
        display:none
    }
}
nav li {
    display:inline-block
}
nav li+li {
    margin-left:1.6em
}
@media (max-width:1279px) {
    nav li+li {
        margin-left:1.2em
    }
}
nav a {
    color:#FFFFFF;
    position:relative;
    padding:0.5em 0 0.7em
}
@media (max-width:1279px) {
    nav a {
        font-size:16px
    }
}
nav a:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:2px;
    background-color:#A8C62E;
    -webkit-transition:width 0.2s ease;
    transition:width 0.2s ease
}
nav a:hover {
    color:#A8C62E
}
nav a:hover:after {
    width:100%
}
nav .btn_mob {
    display:none
}
.scroll-hidden {
    overflow:hidden
}
.nav-mobile {
    display:none
}
@media (max-width:1023px) {
    .nav-mobile {
        position:absolute;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        width:100%;
        top:0;
        left:0;
        height:100vh;
        min-height:370px;
        text-align:center;
        margin-top:0;
        padding:0;
        background-color:#141541;
        border-radius:0;
        overflow:hidden;
        z-index:1000;
        will-change:width,transform,transition,border-radius;
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        -webkit-transition:all 0.8s ease;
        -webkit-transition:all 0.5s ease;
        transition:all 0.5s ease
    }
    .nav-mobile.is-active {
        border-radius:0;
        -webkit-transform:translateX(0);
        transform:translateX(0);
        overflow:visible;
        overflow-y:auto
    }
    .nav-mobile.is-active .menu {
        opacity:1;
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
    }
    .nav-mobile.is-active .menu a:after {
        background:#fff
    }
    .nav-mobile li {
        display:block
    }
    .nav-mobile li a {
        font-size:22px;
        font-weight:600;
        padding:0.3em 0
    }
    .nav-mobile li+li {
        margin-top:10px;
        margin-left:0
    }
    .nav-mobile .btn_mob {
        display:inline-block;
        margin-top:20px
    }
    .nav-mobile .btn_mob a {
        display:inline-block;
        font-size:18px;
        padding:1.2em 1.8em;
        background-color:transparent;
        border:1px solid #fff
    }
    .nav-mobile .btn_mob a:hover {
        color:#141541;
        background-color:#fff
    }
    .nav-mobile .btn_mob a:after {
        display:none
    }
}
.hamburger {
    display:none
}
@media (max-width:1023px) {
    .hamburger {
        display:block;
        position:relative;
        z-index:1001;
        line-height:0.5em;
        right:30px
    }
}
@media (max-width:767px) {
    .hamburger {
        right:0;
        padding-right:0
    }
}
.hamburger .hamburger-box {
    width:35px
}
#nav-icon {
    width:25px;
    height:20px;
    position:absolute;
    top:52%;
    right:30px;
    will-change:transform;
    -webkit-transform:translateY(-50%) rotate(0deg);
    transform:translateY(-50%) rotate(0deg);
    -webkit-transition:0.5s ease;
    transition:0.5s ease;
    cursor:pointer;
    opacity:1
}
@media (max-width:767px) {
    #nav-icon {
        right:20px;
        left:auto
    }
}
@media (max-width:479px) {
    #nav-icon {
        right:20px
    }
}
#nav-icon span {
    display:block;
    position:absolute;
    height:2px;
    width:100%;
    background-color:#fff;
    border-radius:0;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:all 0.35s ease;
    transition:all 0.35s ease
}
#nav-icon span:first-child {
    top:0
}
#nav-icon span:nth-child(2) {
    top:7px
}
#nav-icon span:nth-child(3) {
    top:14px
}
#nav-icon.open span {
    background-color:#fff
}
#nav-icon.open span:first-child {
    top:7px;
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    background:#fff
}
#nav-icon.open span:nth-child(2) {
    opacity:0;
    right:60px
}
#nav-icon.open span:nth-child(3) {
    top:7px;
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    background:#fff
}
.hero {
    height:100vh;
    min-height:877px;
    max-height:1080px;
    background-color:#141641;
    text-align:center
}
@media (max-width:1679px) {
    .hero {
        min-height:760px
    }
}
@media (max-width:1439px) {
    .hero {
        min-height:600px
    }
}
@media (max-width:1279px) {
    .hero {
        min-height:600px
    }
}
@media (max-width:850px) {
    .hero {
        max-height:600px;
        min-height:340px
    }
}
.hero:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;
    background:url("../img/hero/bg.jpg") center no-repeat;
    background-size:cover;
    opacity:0.15
}
.hero .content {
    width:100%;
    position:relative;
    z-index:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:100%;
    max-width:1090px
}
@media (min-width:1680px) {
    .hero .content {
        padding-bottom:0.5em
    }
}
@media (max-width:1679px) {
    .hero .content {
        max-width:880px
    }
}
@media (max-width:850px) and (orientation:landscape) {
    .hero .content {
        padding-top:2.5em
    }
}
.hero .sup {
    font-family:"roc-grotesk",sans-serif;
    color:#FFC265;
    margin-bottom:2.2em
}
@media (max-width:767px) {
    .hero .sup {
        margin-bottom:0.8em
    }
}
.hero h1 {
    color:#fff
}
.hero .btn_wrap {
    margin-top:1.7em
}
.hero .btn {
    background-color:#fff;
    color:#A8C62E
}
.hero .btn:hover {
    background-color:#19B0CC;
    color:#fff
}
.hero_back {
    z-index:1;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    top:0;
    -ms-touch-action:none;
    touch-action:none;
    pointer-events:none
}
.hero_back .img_wrap {
    position:absolute;
    z-index:2
}
.hero_back .img_wrap:first-of-type {
    top:16.8%;
    left:11.1%;
    max-width:316px;
    width:17%
}
@media (max-width:1439px) {
    .hero_back .img_wrap:first-of-type {
        width:15%;
        left:5%
    }
}
@media (max-width:1023px) {
    .hero_back .img_wrap:first-of-type {
        display:none
    }
}
@media (max-width:479px) {
    .hero_back .img_wrap:first-of-type {
        display:none
    }
}
.hero_back .img_wrap:nth-of-type(2) {
    top:20.8%;
    right:-2.8%;
    max-width:484px;
    width:26%
}
@media (max-width:1439px) {
    .hero_back .img_wrap:nth-of-type(2) {
        width:20%
    }
}
@media (max-width:1023px) and (orientation:landscape) {
    .hero_back .img_wrap:nth-of-type(2) {
        display:none
    }
}
@media (max-width:479px) {
    .hero_back .img_wrap:nth-of-type(2) {
        display:none
    }
}
.hero_back .img_wrap:nth-of-type(3) {
    bottom:4.2%;
    right:2.6%;
    max-width:422px;
    width:22%
}
@media (max-width:1023px) and (orientation:landscape) {
    .hero_back .img_wrap:nth-of-type(3) {
        display:none
    }
}
@media (max-width:479px) {
    .hero_back .img_wrap:nth-of-type(3) {
        display:none
    }
}
.hero_back .img_wrap:nth-of-type(4) {
    bottom:-0.2%;
    right:32.5%;
    max-width:382px;
    width:20%
}
@media (max-width:1023px) and (orientation:landscape) {
    .hero_back .img_wrap:nth-of-type(4) {
        display:none
    }
}
@media (max-width:479px) {
    .hero_back .img_wrap:nth-of-type(4) {
        display:none
    }
}
.hero_back .img_wrap:nth-of-type(5) {
    bottom:5.3%;
    left:15.8%;
    max-width:398px;
    width:21%
}
@media (max-width:1439px) {
    .hero_back .img_wrap:nth-of-type(5) {
        width:17%
    }
}
@media (max-width:1023px) and (orientation:landscape) {
    .hero_back .img_wrap:nth-of-type(5) {
        display:none
    }
}
@media (max-width:479px) {
    .hero_back .img_wrap:nth-of-type(5) {
        display:none
    }
}
.hero_back .img_wrap:nth-of-type(6) {
    bottom:15%;
    left:-7.9%;
    max-width:348px;
    width:19%
}
@media (max-width:1679px) {
    .hero_back .img_wrap:nth-of-type(6) {
        width:14%
    }
}
@media (max-width:1023px) and (orientation:landscape) {
    .hero_back .img_wrap:nth-of-type(6) {
        display:none
    }
}
@media (max-width:479px) {
    .hero_back .img_wrap:nth-of-type(6) {
        display:none
    }
}
.hero_back .img_wrap:nth-of-type(7) {
    top:46.9%;
    left:12.7%;
    max-width:80px;
    width:7%
}
@media (max-width:1439px) {
    .hero_back .img_wrap:nth-of-type(7) {
        left:7%
    }
}
@media (max-width:1279px) {
    .hero_back .img_wrap:nth-of-type(7) {
        left:2%
    }
}
@media (max-width:1023px) {
    .hero_back .img_wrap:nth-of-type(7) {
        top:27%
    }
}
@media (max-width:479px) {
    .hero_back .img_wrap:nth-of-type(7) {
        top:auto;
        bottom:14%;
        left:6%;
        width:17%
    }
}
.hero_back .img_wrap:nth-of-type(8) {
    top:26.1%;
    right:24.7%;
    max-width:80px;
    width:7%
}
@media (max-width:1439px) {
    .hero_back .img_wrap:nth-of-type(8) {
        top:18%
    }
}
@media (max-width:1023px) and (orientation:landscape) {
    .hero_back .img_wrap:nth-of-type(8) {
        right:15%
    }
}
@media (max-width:479px) {
    .hero_back .img_wrap:nth-of-type(8) {
        right:16%;
        width:17%
    }
}
.hero_back .img_wrap {
    opacity:0;
    -webkit-transition:opacity 0.3s ease-in,-webkit-transform 0.3s ease-in;
    transition:opacity 0.3s ease-in,-webkit-transform 0.3s ease-in;
    transition:transform 0.3s ease-in,opacity 0.3s ease-in;
    transition:transform 0.3s ease-in,opacity 0.3s ease-in,-webkit-transform 0.3s ease-in
}
.loaded-content .hero_back .img_wrap {
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.hero_back .img_wrap:first-of-type {
    -webkit-transition-delay:0.1s;
    transition-delay:0.1s
}
.hero_back .img_wrap:nth-of-type(2) {
    -webkit-transition-delay:0.2s;
    transition-delay:0.2s
}
.hero_back .img_wrap:nth-of-type(3) {
    -webkit-transition-delay:0.3s;
    transition-delay:0.3s
}
.hero_back .img_wrap:nth-of-type(4) {
    -webkit-transition-delay:0.4s;
    transition-delay:0.4s
}
.hero_back .img_wrap:nth-of-type(5) {
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s
}
.hero_back .img_wrap:nth-of-type(6) {
    -webkit-transition-delay:0.6s;
    transition-delay:0.6s
}
.hero_back .img_wrap:nth-of-type(7) {
    -webkit-transition-delay:0.7s;
    transition-delay:0.7s
}
.hero_back .img_wrap:nth-of-type(8) {
    -webkit-transition-delay:0.8s;
    transition-delay:0.8s
}
.heroFadeLeft {
    -webkit-transform:translateX(-40px);
    transform:translateX(-40px)
}
.heroFadeRight {
    -webkit-transform:translateX(40px);
    transform:translateX(40px)
}
.heroFadeUp {
    -webkit-transform:translate3d(0,40px,0);
    transform:translate3d(0,40px,0)
}
.heroFadeTopLeft {
    -webkit-transform:translate3d(-40px,-40px,0);
    transform:translate3d(-40px,-40px,0)
}
.heroFadeTopRight {
    -webkit-transform:translate3d(40px,40px,0);
    transform:translate3d(40px,40px,0)
}
.heroFadeBottomLeft {
    -webkit-transform:translate3d(-40px,40px,0);
    transform:translate3d(-40px,40px,0)
}
.heroFadeBottomRight {
    -webkit-transform:translate3d(40px,-40px,0);
    transform:translate3d(40px,-40px,0)
}
.demo {
    padding-top:var(--block-pd);
    padding-bottom:var(--block-pd);
    background-color:rgba(255,255,255,0.3);
    z-index:2
}
.demo .sup {
    margin-bottom:1.2em
}
.demo h2 {
    margin-left:-3px
}
.demo .grid {
    position:relative;
    z-index:1;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 46px 1fr;
    grid-template-columns:1fr 1fr;
    grid-gap:46px
}
@media (max-width:1679px) {
    .demo .grid {
        grid-gap:30px
    }
}
@media (max-width:767px) {
    .demo .grid {
        grid-gap:20px
    }
}
@media (max-width:600px) {
    .demo .grid {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        grid-gap:30px
    }
}
@media (min-width:1680px) {
    .demo .grid .left {
        padding-top:0.5em
    }
}
.demo .grid .item .demo_img,
.demo .grid .item p {
    display:block;
    background-color:#fff;
    padding:7px
}
.demo .grid .item+.item {
    margin-top:55px
}
@media (max-width:1679px) {
    .demo .grid .item+.item {
        margin-top:40px
    }
}
@media (max-width:767px) {
    .demo .grid .item+.item {
        margin-top:30px
    }
}
.demo .grid h2 {
    margin-bottom:0.9em
}
@media (max-width:1439px) {
    .demo .grid h2 {
        margin-bottom:30px
    }
}
.demo .grid .item:hover .demo_img {
    -webkit-transform:translateY(-2%);
    transform:translateY(-2%)
}
.demo .grid .item:hover h3 a:before {
    background-color:#8EA726
}
@media (max-width:479px) {
    .demo .grid .coming-soon {
        display:none
    }
}
.demo h3 {
    margin-top:1em
}
.demo h3 a {
    color:#141541;
    font:inherit;
    letter-spacing:inherit;
    position:relative;
    padding-left:20px;
    margin-left:20px
}
.demo h3 a:before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:11px;
    height:11px;
    border-radius:50%;
    background-color:#A8C62E;
    -webkit-transition:background-color 0.3s linear;
    transition:background-color 0.3s linear
}
.demo .item.btn_wrap {
    margin-top:22.6%!important;
    text-align:center
}
@media (max-width:1439px) {
    .demo .item.btn_wrap {
        margin-top:15%!important
    }
}
.demo .btn {
    padding:2.2em 7.3em
}
@media (max-width:1279px) {
    .demo .btn {
        padding:1.5em 3.5em
    }
}
.benefits {
    padding-top:var(--block-pd);
    padding-bottom:var(--block-pd)
}
.benefits .grid {
    margin-top: 100px;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 30px 1fr 30px 1fr;
    grid-template-columns:repeat(3,1fr);
    grid-gap:30px;
    justify-items:stretch
}
@media (max-width:1279px) {
    .benefits .grid {
        grid-gap:30px
    }
}
@media (max-width:1023px) {
    .benefits .grid {
        -ms-grid-columns:1fr 30px 1fr;
        grid-template-columns:1fr 1fr
    }
}
@media (max-width:767px) {
    .benefits .grid {
        grid-gap:20px
    }
}
@media (max-width:600px) {
    .benefits .grid {
        -ms-grid-columns:400px;
        grid-template-columns:400px;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
@media (max-width:479px) {
    .benefits .grid {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
}
.benefits .item {
    height:310px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    padding:1.5em 20px 3.6em;
    background-color:#F1F1F1
}
@media (max-width:1279px) {
    .benefits .item {
        height:280px;
        padding:1.2em 15px 2.7em
    }
}
@media (max-width:1023px) {
    .benefits .item {
        height:270px;
        padding-bottom:2em;
        padding-top:1em
    }
}
@media (max-width:767px) {
    .benefits .item {
        height:240px
    }
}
@media (max-width:600px) {
    .benefits .item {
        height:-webkit-max-content;
        height:-moz-max-content;
        height:max-content;
        padding-bottom:2em;
        padding-top:2.3em
    }
}
.benefits .item:nth-of-type(2n) {
    background-color:rgba(255,255,255,0.7)
}
.benefits .item:nth-of-type(odd) h3 {
    color:#FCFCFC
}
.benefits .item:nth-of-type(odd) p {
    color:#fff
}
.benefits .item:first-of-type {
    background-color:#a8c62e
}
.benefits .item:first-of-type img {
    max-width:115px
}
.benefits .item:nth-of-type(2) img:nth-of-type(2) {
    position:absolute;
    top:-8%;
    right:6%;
    width:22%;
    max-width:37px
}
.benefits .item:nth-of-type(3) {
    background-color:#ffc265
}
.benefits .item:nth-of-type(3) img {
    max-width:78px
}
@media (max-width:767px) {
    .benefits .item:nth-of-type(3) img {
        max-width:74px
    }
}
.benefits .item:nth-of-type(3) img:nth-of-type(2) {
    height:auto;
    position:absolute;
    top:-18%;
    right:-9%;
    width:55%;
    max-width:41px
}
.benefits .item:nth-of-type(4) img {
    max-width:124px
}
.benefits .item:nth-of-type(5) {
    background-color:#1ed0f1
}
.benefits .item:nth-of-type(5) img {
    max-width:78px
}
.benefits .item:nth-of-type(5) img:nth-of-type(2) {
    position:absolute;
    top:-12%;
    left:-33%;
    width:72%;
    max-width:56px
}
.benefits .item:nth-of-type(6) img {
    max-width:74px
}
.benefits .item h3 {
    margin:1em 0 0.3em
}
@media (max-width:600px) {
    .benefits .item h3 {
        margin-top:0.8em
    }
}
.benefits .img_wrap {
    max-width:170px;
    position:relative;
    margin:0 auto
}
.benefits img {
    margin:0 auto
}
@media (max-width:767px) {
    .benefits img {
        width:80%
    }
}
.block .grid {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr;
    grid-template-columns:1fr 1fr;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media (max-width:767px) {
    .block .grid {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        grid-gap:35px
    }
}
.block h2 {
    margin-top:0.3em;
    margin-bottom:0.4em;
    margin-left:-3px
}
@media (max-width:1279px) {
    .block h2 {
        margin-bottom:0.5em;
        margin-left:-2px
    }
}
.block .btn {
    margin-top:2.1em
}
@media (max-width:1023px) {
    .block .btn {
        margin-top:1.5em
    }
}
.block .list-wrap {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 10px 1fr;
    grid-template-columns:repeat(2,1fr);
    grid-gap:5px 10px;
    max-width:565px;
    margin-top:1.8em
}
@media (max-width:1023px) {
    .block .list-wrap {
        max-width:450px;
        margin-top:1.5em
    }
}
@media (max-width:420px) {
    .block .list-wrap {
        margin-top:1.2em;
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
}
.block li+li {
    margin-top:16px
}
@media (max-width:1439px) {
    .block li+li {
        margin-top:12px
    }
}
@media (max-width:600px) {
    .block li+li {
        margin-top:5px
    }
}
.block li {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-left:33px
}
@media (max-width:1023px) {
    .block li {
        padding-left:25px
    }
}
.block li:before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-59%);
    transform:translateY(-59%);
    width:21px;
    height:21px;
    background:url(../img/elm/check.svg) center no-repeat;
    background-size:100%
}
@media (max-width:1023px) {
    .block li:before {
        width:18px;
        height:18px
    }
}
.block li span {
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
.block li .text {
    margin-top:4px
}
.block .img-wrap {
    position:relative
}
.block .content-wrap {
    max-width:580px
}
@media (max-width:1023px) {
    .block .content-wrap {
        max-width:100%
    }
}
.block img:not(:first-of-type) {
    position:absolute
}
.block img:first-of-type {
    position:relative
}
.elm {
    padding-top:var(--block-pd);
    padding-bottom:var(--block-pd);
    background-color:#D6E4F1
}
@media (min-width:768px) and (max-width:1023px) {
    .elm .grid {
        -ms-grid-columns:1.1fr 1fr;
        grid-template-columns:1.1fr 1fr
    }
}
@media (max-width:1439px) {
    .elm .item:nth-of-type(2) {
        padding-left:60px
    }
}
@media (max-width:1023px) {
    .elm .item:nth-of-type(2) {
        padding-left:30px
    }
}
@media (max-width:767px) {
    .elm .item:nth-of-type(2) {
        padding-left:0
    }
}
@media (min-width:1680px) {
    .elm .content-wrap {
        padding-bottom:4%
    }
}
@media (min-width:768px) {
    .elm .content-wrap {
        padding-left:0;
        max-width:630px
    }
}
.elm .sup {
    color:#1d2297
}
.elm .img-wrap {
    padding:0 0 10.1% 0
}
.elm .img-wrap>img:first-of-type {
    z-index:1;
    margin-left:auto;
    width:79%;
    max-width:520px
}
.elm .img-wrap>img:nth-of-type(2) {
    z-index:2;
    bottom:0;
    left:0;
    width:54%;
    max-width:354px;
    -webkit-box-shadow:5px 15px 50px rgba(0,0,0,0.06);
    box-shadow:5px 15px 50px rgba(0,0,0,0.06)
}
@media (min-width:1280px) {
    .elm .img-wrap>img:nth-of-type(2) {
        left:8.7%
    }
}
.elm .img-wrap>img:nth-of-type(3) {
    z-index:2;
    margin-left:auto;
    top:26.7%;
    right:27%;
    width:15%;
    max-width:80px
}
.elm .img-wrap>img:nth-of-type(4) {
    z-index:2;
    margin-left:auto;
    top:29.5%;
    left:0;
    width:35%;
    max-width:226px
}
@media (min-width:1280px) {
    .elm .img-wrap>img:nth-of-type(4) {
        left:8.7%
    }
}
.woo {
    padding-top:var(--block-pd);
    padding-bottom:var(--block-pd);
    position:relative;
    background-color:#fff
}
@media (max-width:767px) {
    .woo .grid {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse;
        grid-gap:0
    }
    .woo .grid .item:first-of-type {
        margin-top:30px
    }
}
@media (max-width:767px) {
    .woo h2 {
        max-width:500px
    }
}
.woo p {
    max-width:540px
}
.woo .content-wrap {
    position:relative;
    margin-left:auto;
    max-width:590px;
    z-index:5
}
@media (max-width:767px) {
    .woo .content-wrap {
        padding-right:0;
        margin-left:0
    }
}
@media (max-width:1439px) {
    .woo .item:first-of-type {
        padding-top:0;
        margin-right:0;
        padding-right:50px
    }
}
@media (max-width:1023px) {
    .woo .item:first-of-type {
        padding-right:40px
    }
}
@media (max-width:767px) {
    .woo .item:first-of-type {
        margin-left:0;
        padding:0
    }
}
.woo .img-wrap {
    padding:0 0 8.6% 7.4%
}
.woo img:first-of-type {
    width:84%;
    max-width:520px;
    z-index:2;
    -webkit-box-shadow:0 3px 60px rgba(0,0,0,0.04);
    box-shadow:0 3px 60px rgba(0,0,0,0.04)
}
@media (max-width:767px) {
    .woo img:first-of-type {
        max-width:100%
    }
}
.woo img:nth-of-type(2) {
    z-index:3;
    right:0%;
    bottom:0;
    width:45%;
    max-width:300px;
    -webkit-box-shadow:5px 15px 50px rgba(0,0,0,0.04);
    box-shadow:5px 15px 50px rgba(0,0,0,0.04)
}
@media (max-width:1439px) {
    .woo img:nth-of-type(2) {
        right:0
    }
}
.woo img:nth-of-type(3) {
    z-index:3;
    left:0%;
    bottom:22%;
    width:25%;
    max-width:157px;
    -webkit-box-shadow:0 3px 60px rgba(0,0,0,0.04);
    box-shadow:0 3px 60px rgba(0,0,0,0.04)
}
.woo img:nth-of-type(4) {
    z-index:4;
    right:44.2%;
    top:34%;
    width:15%;
    max-width:80px
}
.woo img:nth-of-type(5) {
    z-index:4;
    right:8%;
    top:20%;
    width:17%;
    max-width:97px
}
.payments {
    background-color:rgba(255,255,255,0.5);
    padding-top:var(--block-pd);
    padding-bottom:var(--block-pd)
}
@media (min-width:768px) and (max-width:1023px) {
    .payments .grid {
        -ms-grid-columns:1.3fr 1fr;
        grid-template-columns:1.3fr 1fr
    }
}
@media (max-width:1439px) {
    .payments .item:nth-of-type(2) {
        padding-left:60px
    }
}
@media (max-width:1023px) {
    .payments .item:nth-of-type(2) {
        padding-left:30px
    }
}
@media (max-width:767px) {
    .payments .item:nth-of-type(2) {
        padding-left:0
    }
}
@media (min-width:768px) {
    .payments .content-wrap {
        padding-left:0;
        max-width:610px
    }
}
.payments .sup {
    color:#1ed0f1
}
.payments .circles_wrap {
    margin:auto;
    width:582px;
    height:582px;
    position:relative
}
@media (max-width:1439px) {
    .payments .circles_wrap {
        width:480px;
        height:480px
    }
}
@media (max-width:1279px) {
    .payments .circles_wrap {
        width:400px;
        height:400px
    }
}
@media (max-width:1023px) {
    .payments .circles_wrap {
        width:260px;
        height:260px
    }
}
@media (max-width:767px) {
    .payments .circles_wrap {
        width:450px;
        height:450px
    }
}
@media (max-width:600px) {
    .payments .circles_wrap {
        width:350px;
        height:350px
    }
}
@media (max-width:479px) {
    .payments .circles_wrap {
        width:260px;
        height:260px
    }
}
.payments .circle {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='1000' ry='1000' stroke='%23D6E4F1FF' stroke-width='1' stroke-dasharray='11%2c 11' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius:50%
}
.payments .circle.circle1 {
    width:100%;
    height:100%;
    z-index:10
}
.payments .circle.circle2 {
    width:82.4%;
    height:82.4%
}
.payments .circle.circle3 {
    width:63.7%;
    height:63.7%
}
.payments .circle.circle3 .coin_wrap {
    -webkit-animation:circleMove 20s infinite linear;
    animation:circleMove 20s infinite linear
}
.payments .circle.circle3 img {
    width:19%!important;
    max-width:70px!important;
    -webkit-animation-duration:20s;
    animation-duration:20s
}
.payments .circle.circle4 {
    width:45.1%;
    height:45.1%
}
.payments .circle.circle4 .coin_wrap {
    -webkit-animation:circleMove 18s infinite linear;
    animation:circleMove 18s infinite linear
}
.payments .circle.circle4 img {
    width:24%!important;
    max-width:60px!important;
    -webkit-animation-duration:18s;
    animation-duration:18s
}
.payments .circle_center {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:27%;
    max-width:156px
}
.payments .coin_wrap {
    position:relative;
    height:100%;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-animation:circleMove 15s infinite linear;
    animation:circleMove 15s infinite linear
}
.payments .coin {
    width:100%;
    height:auto;
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    position:absolute
}
.payments .coin img {
    width:95px;
    -webkit-animation-duration:15s;
    animation-duration:15s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.payments .coin:first-of-type {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
}
.payments .coin:first-of-type img {
    width:17%;
    max-width:95px;
    -webkit-animation-name:imageMove1;
    animation-name:imageMove1
}
.payments .coin:nth-of-type(2) {
    -webkit-transform:rotate(60deg);
    transform:rotate(60deg)
}
.payments .coin:nth-of-type(2) img {
    width:17%;
    max-width:94px;
    -webkit-animation-name:imageMove2;
    animation-name:imageMove2
}
.payments .coin:nth-of-type(3) {
    -webkit-transform:rotate(120deg);
    transform:rotate(120deg)
}
.payments .coin:nth-of-type(3) img {
    width:15%;
    max-width:87px;
    -webkit-animation-name:imageMove3;
    animation-name:imageMove3
}
.payments .coin:nth-of-type(4) {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.payments .coin:nth-of-type(4) img {
    width:19%;
    max-width:100px;
    -webkit-animation-name:imageMove4;
    animation-name:imageMove4
}
@media (max-width:1023px) {
    .payments .coin:nth-of-type(4) img {
        width:17%
    }
}
.payments .coin:nth-of-type(5) {
    -webkit-transform:rotate(240deg);
    transform:rotate(240deg)
}
.payments .coin:nth-of-type(5) img {
    width:15%;
    max-width:87px;
    -webkit-animation-name:imageMove5;
    animation-name:imageMove5
}
.payments .coin:nth-of-type(6) {
    -webkit-transform:rotate(300deg);
    transform:rotate(300deg)
}
.payments .coin:nth-of-type(6) img {
    width:12%;
    max-width:70px;
    -webkit-animation-name:imageMove6;
    animation-name:imageMove6
}
.plugins {
    padding-top:var(--block-pd);
    padding-bottom:var(--block-pd)
}
.plugins .content-wrap {
    position:relative;
    margin-left:auto;
    max-width:590px;
    z-index:5
}
@media (min-width:1679px) {
    .plugins .content-wrap {
        max-width:615px;
        padding-right:30px
    }
}
@media (max-width:1279px) {
    .plugins .content-wrap {
        max-width:535px;
        padding-right:0;
        padding-left:30px
    }
}
@media (max-width:767px) {
    .plugins .content-wrap {
        padding-left:0;
        margin-left:0
    }
}
.plugins h2 {
    max-width:480px
}
.plugins .sup {
    color:#1d2297
}
.plugins .inner_grid {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 20px 1fr 20px 1fr;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:20px;
    text-align:center;
    padding-right:35px
}
@media (max-width:1279px) {
    .plugins .inner_grid {
        padding-right:0;
        -ms-grid-columns:1fr 20px 1fr;
        grid-template-columns:1fr 1fr
    }
}
@media (max-width:479px) {
    .plugins .inner_grid {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
}
.plugins .inner_item {
    height:200px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:1em 15px 2.5em;
    background-color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media (max-width:1279px) {
    .plugins .inner_item {
        padding:1em 15px 1.7em;
        height:170px
    }
}
@media (max-width:479px) {
    .plugins .inner_item {
        height:160px
    }
}
.plugins .inner_item img {
    max-width:100%;
    width:auto;
    margin:0 auto
}
.plugins .inner_item h5 {
    margin:0.9em 0 0.6em
}
.plugins .inner_item p {
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:0.02em;
    line-height:1em;
    color:#859AAD
}
.responsive {
    background-color:#FBFAFC;
    padding-top:var(--block-pd);
    padding-bottom:var(--block-pd)
}
.responsive p {
    max-width:540px
}
.responsive .content-wrap {
    position:relative;
    margin-left:auto;
    max-width:595px;
    z-index:5
}
@media (min-width:768px) and (max-width:1679px) {
    .responsive .item:first-of-type {
        padding-right:30px
    }
}
.responsive .img-wrap {
    padding:0 0 4.3% 9%
}
@media (max-width:1023px) {
    .responsive .img-wrap {
        padding-left:0
    }
}
.responsive img:first-of-type {
    width:80%;
    max-width:490px;
    z-index:2;
    -webkit-filter:drop-shadow(0px 3px 26px rgba(0,0,0,0.16));
    filter:drop-shadow(0px 3px 26px rgba(0,0,0,0.16))
}
@media (max-width:767px) {
    .responsive img:first-of-type {
        max-width:100%
    }
}
.responsive img:nth-of-type(2) {
    z-index:3;
    right:0;
    bottom:0;
    width:25%;
    max-width:169px;
    -webkit-filter:drop-shadow(0px 3px 26px rgba(0,0,0,0.3));
    filter:drop-shadow(0px 3px 26px rgba(0,0,0,0.3))
}
@media (min-width:768px) {
    .responsive img:nth-of-type(2) {
        right:5.6%
    }
}
@keyframes circleMove {
    0% {
        -webkit-transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(360deg)
    }
}
@keyframes imageMove1 {
    0% {
        -webkit-transform:translateX(-50%) rotate(0deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-360deg)
    }
}
@keyframes imageMove2 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-60deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-420deg)
    }
}
@keyframes imageMove3 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-120deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-480deg)
    }
}
@keyframes imageMove4 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-180deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-540deg)
    }
}
@keyframes imageMove5 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-240deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-600deg)
    }
}
@keyframes imageMove6 {
    0% {
        -webkit-transform:translateX(-50%) rotate(-300deg)
    }
    to {
        -webkit-transform:translateX(-50%) rotate(-660deg)
    }
}
.cust-benefits {
    background-color:#141641;
    padding-top:var(--block-pd);
    padding-bottom:var(--block-pd)
}
.cust-benefits:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;
    background:url("../img/cust-benefits/bg.jpg") center no-repeat;
    background-size:cover;
    opacity:0.05;
    z-index:-1
}
.cust-benefits h2,
.cust-benefits h4 {
    color:#fff
}
.cust-benefits h2 {
    margin-right:30px;
    margin-left:-2px
}
@media (max-width:767px) {
    .cust-benefits h2 {
        margin-right:0
    }
}
.cust-benefits .sup {
    margin-bottom:1.4em;
    color:#1ed0f1
}
@media (max-width:767px) {
    .cust-benefits .sup {
        margin-bottom:0.8em
    }
}
.cust-benefits p {
    color:#FFFFFF
}
.cust-benefits .content_wrap {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 0 1fr;
    grid-template-columns:1fr 1fr;
    grid-gap:0
}
@media (min-width:768px) and (max-width:1023px) {
    .cust-benefits .content_wrap {
        -ms-grid-columns:1fr 0 2fr;
        grid-template-columns:1fr 2fr
    }
}
@media (max-width:767px) {
    .cust-benefits .content_wrap {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        grid-row-gap:17px
    }
}
.cust-benefits .content_wrap .item:nth-of-type(2) {
    margin-top:12px
}
@media (max-width:1279px) {
    .cust-benefits .content_wrap .item:nth-of-type(2) {
        margin-top:5px
    }
}
.cust-benefits .grid {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 30px 1fr 30px 1fr;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:30px;
    text-align:center;
    margin-top:6.4em;
    margin-left:auto;
    margin-right:auto;
    max-width:1330px
}
@media (max-width:1279px) {
    .cust-benefits .grid {
        margin-top:5em
    }
}
@media (max-width:767px) {
    .cust-benefits .grid {
        grid-gap:30px 20px
    }
}
@media (max-width:600px) {
    .cust-benefits .grid {
        margin-top:3em;
        -ms-grid-columns:1fr 20px 1fr;
        grid-template-columns:1fr 1fr
    }
}
@media (max-width:479px) {
    .cust-benefits .grid {
        margin-top:3em;
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        grid-gap:30px
    }
}
.cust-benefits .grid .item .img_wrap {
    margin:0 auto;
    position:relative
}
.cust-benefits .grid .item img {
    position:absolute
}
.cust-benefits .grid .item img:first-of-type {
    position:relative
}
.cust-benefits .grid .item h4 {
    margin-top:1.9em;
    white-space:pre-line
}
@media (max-width:1279px) {
    .cust-benefits .grid .item h4 {
        margin-top:1em
    }
}
.cust-benefits .grid .item:first-of-type .img_wrap {
    max-width:240px;
    width:57%;
    padding-bottom:9.8%
}
.cust-benefits .grid .item:first-of-type img:first-of-type {
    max-width:121px;
    width:50%
}
.cust-benefits .grid .item:first-of-type img:nth-of-type(2) {
    max-width:99px;
    width:41%;
    right:0;
    bottom:0
}
.cust-benefits .grid .item:nth-of-type(2) .img_wrap {
    max-width:291px;
    width:69%;
    margin-bottom:-1.1%
}
.cust-benefits .grid .item:nth-of-type(2) img:first-of-type {
    width:100%
}
.cust-benefits .grid .item:nth-of-type(2) img:nth-of-type(2) {
    max-width:94px;
    width:47%;
    right:5%;
    top:-4%
}
.cust-benefits .grid .item:nth-of-type(3) .img_wrap {
    max-width:307px;
    width:72%;
    padding-top:1.7%;
    padding-bottom:0.6%
}
.cust-benefits .grid .item:nth-of-type(3) img:first-of-type {
    max-width:275px;
    width:90%
}
.cust-benefits .grid .item:nth-of-type(3) img:nth-of-type(2) {
    max-width:66px;
    width:23%;
    right:0;
    top:-8%
}
.feature {
    position:relative;
    padding-top:var(--block-pd);
    padding-bottom:var(--block-pd)
}
.feature .sup {
    color:#1ed0f1
}
.feature .grid {
    margin-top:var(--grid-mt);
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns:repeat(4,1fr);
    grid-gap:41px 30px;
    -ms-flex-pack:distribute;
    justify-content:space-around
}
@media (max-width:1279px) {
    .feature .grid {
        grid-gap:30px 30px
    }
}
@media (max-width:1023px) {
    .feature .grid {
        -ms-grid-columns:250px 30px 250px;
        grid-template-columns:repeat(2,250px);
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
@media (max-width:600px) {
    .feature .grid {
        -ms-grid-columns:200px 30px 200px;
        grid-template-columns:repeat(2,200px)
    }
}
@media (max-width:479px) {
    .feature .grid {
        -ms-grid-columns:260px;
        grid-template-columns:repeat(1,260px)
    }
}
.feature .grid .item .img-wrap {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    height:76px;
    width:76px;
    padding:0;
    margin:0 auto;
    background-color:#fff;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    grid-gap:0
}
.feature .grid img {
    max-width:100%;
    width:auto;
    margin:0 auto
}
.feature .grid h4 {
    margin:1.4em auto 0.6em
}
@media (max-width:1279px) {
    .feature .grid h4 {
        margin-top:1.2em;
        margin-bottom:0.5em
    }
}
.feature .grid p {
    font-size:15px;
    line-height:1.667em;
    letter-spacing:0;
    color:#4F627A
}
@media (max-width:1279px) {
    .feature .grid p {
        line-height:1.4em;
        font-size:15px
    }
}
@media (max-width:1023px) {
    .feature .grid p {
        font-size:14px
    }
}
.footer {
    background-color:#141641
}
.footer:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;
    background:url("../img/footer/bg.jpg") center no-repeat;
    background-size:cover;
    opacity:0.19
}
.footertop:after {
    background:url("../img/hero/bg.jpg") center no-repeat !important;
}
.footer .cont_md {
    position:relative;
    z-index:2
}
.footer .top {
    padding:9.4em 0 7.1em
}
@media (max-width:1279px) {
    .footer .top {
        padding:6em 0 5em
    }
}
@media (max-width:600px) {
    .footer .top {
        padding:5em 0 4em
    }
}
.footer .top .inner {
    margin:0 auto;
    max-width:750px
}
@media (max-width:1279px) {
    .footer .top .inner {
        max-width:560px
    }
}
.footer .sup {
    color:#1ed0f1
}
.footer h2 {
    color:#fff;
    margin:0.35em 0 0
}
.footer .btn_wrap {
    margin-top:1.8em
}
.footer .bottom {
    border-top:1px solid rgba(253,252,251,0.15);
    padding:2.2em 0
}
@media (max-width:1023px) {
    .footer .bottom {
        padding:1.5em 0
    }
}
.footer .bottom .grid {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.footer .bottom .item {
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
@media (max-width:600px) {
    .footer .bottom .item {
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        text-align:center
    }
}
.footer .bottom p {
    color:#D4D6DD;
    font-size:15px
}
.footer .bottom p a {
    font:inherit;
    color:inherit;
    text-transform:none
}
.footer .bottom p a:hover {
    color:#fff
}
.scrollTop {
    width:51px;
    height:51px;
    bottom:60px;
    right:30px;
    overflow:hidden;
    position:fixed;
    text-decoration:none;
    z-index:9999;
    font-size:0;
    color:transparent;
    background:#A8C62E;
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s;
    cursor:pointer;
    opacity:0;
    -webkit-transform:translateY(100px);
    transform:translateY(100px)
}
@media (max-width:1679px) {
    .scrollTop {
        right:30px
    }
}
@media (max-width:767px) {
    .scrollTop {
        right:20px
    }
}
@media (max-width:357px) {
    .scrollTop {
        bottom:20px
    }
}
.scrollTop:hover {
    background:#8EA726
}
.scrollTop:after {
    color:#fff;
    content:'\e93a';
    font-size:18px;
    font-family:"fontello";
    text-align:center;
    display:block;
    position:absolute;
    line-height:42px;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%) rotate(270deg);
    -webkit-transition:all ease 0.5s;
    transition:all ease 0.5s
}
.scrollTop.showBtn {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
@-moz-document url-prefix() {
    .scrollTop:after {
        left:49%
    }
}