:root {
    --color-primary: #002cab;
    --color-secondary: #1F1F25;
    --color-blue: #0b4df5;
    --color-sky: #82b440;
    --color-body: #000;
    --color-heading-1: #1C2539;
    --color-title: #141416;
    --color-heading-dark: #141416;
    --transition: .3s;
    --bg-dark-1: #1E1E20;
    --color-white: #fff;
    --color-border: #DDD8F9;
    --border-width: 1px;
    --radius: 10px;
    --color-success: #3EB75E;
    --color-danger: #FF0003;
    --color-warning: #FF8F3C;
    --color-info: #1BA2DB;
    --color-facebook: #3B5997;
    --color-twitter: #1BA1F2;
    --color-youtube: #ED4141;
    --color-linkedin: #0077B5;
    --color-pinterest: #E60022;
    --color-instagram: #C231A1;
    --color-vimeo: #00ADEF;
    --color-twitch: #6441A3;
    --color-discord: #7289da;
    --p-light: 300;
    --p-regular: 400;
    --p-medium: 500;
    --p-semi-bold: 600;
    --p-bold: 700;
    --p-extra-bold: 800;
    --p-black: 900;
    --s-light: 300;
    --s-regular: 400;
    --s-medium: 500;
    --s-semi-bold: 600;
    --s-bold: 700;
    --s-extra-bold: 800;
    --s-black: 900;
    --transition: 0.3s;
    --font-primary: "Red Hat Display", serif;
    --font-secondary: "DM Sans", serif;
    --font-3: "fontawesome";
    --font-size-b1: 1rem;
    --font-size-b2: .875rem;
    --font-size-b3: 22px;
    --line-height-b1: 26px;
    --line-height-b2: 26px;
    --line-height-b3: 1.7;
    --h1: 60px;
    --h2: 48px;
    --h3: 30px;
    --h4: 26px;
    --h5: 24px;
    --h6: 18px
}

* {
    box-sizing: border-box
}

html {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    overflow: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}

body {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Microsoft YaHei", SimHei, sans-serif;
    color: var(--color-body);
    font-weight: var(--p-regular);
    position: relative;
    overflow-x: hidden;
    margin: 0;
    background: #fff
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    body {
        overflow: hidden
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body {
        overflow: hidden
    }
}

@media only screen and (max-width:767px) {
    body {
        overflow: hidden
    }
}

body::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: .05
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
menu,
p,
ul {
    margin: 0;
    margin-bottom: 20px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    word-break: break-word;
    line-height: 1.4074;
    color: var(--color-heading-1)
}

.h1,
h1 {
    font-size: var(--h1);
    line-height: 1.3;
    font-weight: 700
}

.h2,
h2 {
    font-size: var(--h2);
    line-height: 1.1
}

.h3,
h3 {
    font-size: var(--h3);
    line-height: 1.2
}

.h4,
h4 {
    font-size: var(--h4);
    line-height: 1.2
}

.h5,
h5 {
    font-size: var(--h5);
    line-height: 1.2
}

.h6,
h6 {
    font-size: var(--h6);
    line-height: 1.2
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .h1,
    h1 {
        font-size: 38px
    }

    .h2,
    h2 {
        font-size: 32px
    }

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

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

    .h5,
    h5 {
        font-size: 18px
    }
}

@media only screen and (max-width:767px) {

    .h1,
    h1 {
        font-size: 34px
    }

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

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

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

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

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-weight: var(--s-bold)
}

.h4,
.h5,
h4,
h5 {
    font-weight: var(--s-bold)
}

.h6,
h6 {
    font-weight: var(--s-bold)
}

p {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--p-regular);
    color: var(--color-body);
    margin: 0 0 5px
}

@media only screen and (max-width:767px) {
    p {
        margin: 0 0 0;
        font-size: 16px;
        line-height: 28px
    }
}

p.b1 {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1)
}

p.b3 {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

p.has-large-font-size {
    line-height: 1.5;
    font-size: 36px
}

p.has-background {
    padding: 20px 30px
}

p.b1 {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1)
}

p.b2 {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

p.b3 {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

p:last-child {
    margin-bottom: 0
}

.b1 {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1)
}

.b2 {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

.b3 {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.b4 {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

ul {
    padding-left: 18px
}

ul {
    list-style: square;
    margin-bottom: 30px;
    padding-left: 20px
}

ul li {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-top: 10px;
    margin-bottom: 10px;
    color: var(--color-body)
}

ul li a {
    text-decoration: none;
    color: var(--color-gray)
}

ul li a:hover {
    color: var(--color-primary)
}

ul ul {
    margin-bottom: 0
}

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

@media only screen and (min-width:992px) and (max-width:1199px) {
    h1 {
        font-size: 54px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    h1 {
        font-size: 40px;
        line-height: 1.4
    }
}

@media only screen and (max-width:767px) {
    h1 {
        font-size: 30px;
        line-height: 1.3
    }
}

@media only screen and (max-width:575px) {
    h1 {
        font-size: 28px;
        line-height: 1.3
    }
}

@media only screen and (max-width:479px) {
    h1 {
        font-size: 26px;
        line-height: 1.3
    }
}

@media only screen and (max-width:1199px) {
    h2 {
        font-size: 54px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    h2 {
        font-size: 44px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    h2 {
        font-size: 36px;
        line-height: 1.4
    }
}

@media only screen and (max-width:767px) {
    h2 {
        font-size: 32px;
        line-height: 1.4
    }
}

@media only screen and (max-width:575px) {
    h2 {
        font-size: 32px;
        line-height: 1.4
    }
}

@media only screen and (max-width:479px) {
    h2 {
        font-size: 26px;
        line-height: 1.4
    }
}

@media only screen and (max-width:1199px) {
    h3 {
        font-size: 40px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    h3 {
        font-size: 36px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    h3 {
        font-size: 30px;
        line-height: 56px
    }
}

@media only screen and (max-width:767px) {
    h3 {
        font-size: 30px;
        line-height: 45px
    }
}

@media only screen and (max-width:575px) {
    h3 {
        font-size: 24px;
        line-height: 36px
    }
}

@media only screen and (max-width:479px) {
    h3 {
        font-size: 22px;
        line-height: 30px
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

footer,
header,
nav,
section {
    display: block
}

video {
    display: inline-block
}

[hidden] {
    display: none
}

a {
    color: var(--color-heading);
    text-decoration: none;
    outline: 0
}

a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
    color: var(--color-primary)
}

a:focus {
    outline: 0
}

b {
    font-weight: 700
}

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

sub {
    bottom: -.25em
}

menu,
ul {
    margin: 16px 0;
    padding: 0 0 0 40px
}

nav ul {
    list-style: none;
    list-style-image: none
}

li>ul {
    margin: 0
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

svg:not(:root) {
    overflow: hidden
}

form {
    margin: 0
}

button,
input {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    appearance: textfield;
    padding-right: 2px;
    width: 270px
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none
}

q:after,
q:before {
    content: "";
    content: none
}

button,
input {
    background: 0 0;
    border: 1px solid var(--color-border);
    transition: all .4s ease-out 0s;
    color: var(--color-body);
    width: 100%
}

button:active,
button:focus,
input:active,
input:focus {
    outline: 0;
    border-color: var(--color-primary)
}

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

input {
    height: 40px;
    padding: 0 15px
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
    font-size: var(--font-size-b2);
    font-weight: 400;
    height: auto;
    line-height: 28px;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 20px;
    outline: 0;
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius)
}

input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder {
    color: var(--body-color);
    opacity: 1
}

input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder {
    color: var(--body-color)
}

input[type=email]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder {
    color: var(--body-color)
}

.input-active input[type=email],
.input-active input[type=number],
.input-active input[type=password],
.input-active input[type=tel],
.input-active input[type=text],
input[type=email].input-active,
input[type=number].input-active,
input[type=password].input-active,
input[type=tel].input-active,
input[type=text].input-active {
    border-color: var(--color-primary)
}

.input-active input[type=email]::placeholder,
.input-active input[type=number]::placeholder,
.input-active input[type=password]::placeholder,
.input-active input[type=tel]::placeholder,
.input-active input[type=text]::placeholder,
input[type=email].input-active::placeholder,
input[type=number].input-active::placeholder,
input[type=password].input-active::placeholder,
input[type=tel].input-active::placeholder,
input[type=text].input-active::placeholder {
    color: var(--color-primary);
    opacity: 1
}

.input-active input[type=email]:-ms-input-placeholder,
.input-active input[type=number]:-ms-input-placeholder,
.input-active input[type=password]:-ms-input-placeholder,
.input-active input[type=tel]:-ms-input-placeholder,
.input-active input[type=text]:-ms-input-placeholder,
input[type=email].input-active:-ms-input-placeholder,
input[type=number].input-active:-ms-input-placeholder,
input[type=password].input-active:-ms-input-placeholder,
input[type=tel].input-active:-ms-input-placeholder,
input[type=text].input-active:-ms-input-placeholder {
    color: var(--color-primary)
}

.input-active input[type=email]::-ms-input-placeholder,
.input-active input[type=number]::-ms-input-placeholder,
.input-active input[type=password]::-ms-input-placeholder,
.input-active input[type=tel]::-ms-input-placeholder,
.input-active input[type=text]::-ms-input-placeholder,
input[type=email].input-active::-ms-input-placeholder,
input[type=number].input-active::-ms-input-placeholder,
input[type=password].input-active::-ms-input-placeholder,
input[type=tel].input-active::-ms-input-placeholder,
input[type=text].input-active::-ms-input-placeholder {
    color: var(--color-primary)
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus {
    border-color: var(--color-primary)
}

input[type=checkbox],
input[type=radio] {
    opacity: 1;
    position: relative;
    height: auto !important;
    max-width: 18px;
    width: max-content
}

input[type=checkbox]:checked~label::after,
input[type=radio]:checked~label::after {
    opacity: 1
}

input:checked~.rn-check-box-label::before {
    background: var(--color-primary) !important
}

input[type=submit] {
    width: auto;
    padding: 0 30px;
    border-radius: 500px;
    display: inline-block;
    font-weight: 500;
    transition: .3s;
    height: 60px;
    background: var(--color-primary);
    color: var(--color-white);
    font-weight: var(--p-medium);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b3);
    height: 50px;
    border: 2px solid var(--color-primary);
    transition: var(--transition)
}

input[type=submit]:hover {
    background: 0 0;
    color: var(--color-primary);
    transform: translateY(-5px)
}

.bg_image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.bg_image--1 {
    background-image: url(../images/bg/bg-image-1.jpg)
}

.bg_image--2 {
    background-image: url(../images/bg/bg-image-2.jpg)
}

.bg_image--3 {
    background-image: url(../images/bg/bg-image-3.jpg)
}

.bg_image--4 {
    background-image: url(../images/bg/bg-image-4.jpg)
}

.bg_image--5 {
    background-image: url(../images/bg/bg-image-5.jpg)
}

.bg_image--6 {
    background-image: url(../images/bg/bg-image-6.jpg)
}

.bg_image--7 {
    background-image: url(../images/bg/bg-image-7.jpg)
}

.bg_image--8 {
    background-image: url(../images/bg/bg-image-8.jpg)
}

.bg_image--9 {
    background-image: url(../images/bg/bg-image-9.jpg)
}

.bg_image--10 {
    background-image: url(../images/bg/bg-image-10.jpg)
}

.bg_image--11 {
    background-image: url(../images/bg/bg-image-11.jpg)
}

.bg_image--12 {
    background-image: url(../images/bg/bg-image-12.jpg)
}

.bg_image--13 {
    background-image: url(../images/bg/bg-image-13.jpg)
}

.bg_image--14 {
    background-image: url(../images/bg/bg-image-14.jpg)
}

.bg_image--15 {
    background-image: url(../images/bg/bg-image-15.jpg)
}

.bg_image--16 {
    background-image: url(../images/bg/bg-image-16.jpg)
}

.bg_image--17 {
    background-image: url(../images/bg/bg-image-17.jpg)
}

.bg_image--18 {
    background-image: url(../images/bg/bg-image-18.jpg)
}

.bg_image--19 {
    background-image: url(../images/bg/bg-image-19.jpg)
}

.bg_image--20 {
    background-image: url(../images/bg/bg-image-20.jpg)
}

.bg_image--21 {
    background-image: url(../images/bg/bg-image-21.jpg)
}

.bg_image--22 {
    background-image: url(../images/bg/bg-image-22.jpg)
}

.bg_image--23 {
    background-image: url(../images/bg/bg-image-23.jpg)
}

.bg_image--24 {
    background-image: url(../images/bg/bg-image-24.jpg)
}

.bg_image--25 {
    background-image: url(../images/bg/bg-image-25.jpg)
}

.bg_image--26 {
    background-image: url(../images/bg/bg-image-26.jpg)
}

.bg_image--27 {
    background-image: url(../images/bg/bg-image-27.jpg)
}

.bg_image--28 {
    background-image: url(../images/bg/bg-image-28.jpg)
}

.bg_image--29 {
    background-image: url(../images/bg/bg-image-29.jpg)
}

.bg_image--30 {
    background-image: url(../images/bg/bg-image-30.jpg)
}

.bg_image--31 {
    background-image: url(../images/bg/bg-image-31.jpg)
}

.bg_image--32 {
    background-image: url(../images/bg/bg-image-32.jpg)
}

.bg_image--33 {
    background-image: url(../images/bg/bg-image-33.jpg)
}

.bg_image--34 {
    background-image: url(../images/bg/bg-image-34.jpg)
}

.bg_image--35 {
    background-image: url(../images/bg/bg-image-35.jpg)
}

.bg_image--36 {
    background-image: url(../images/bg/bg-image-36.jpg)
}

.bg_image--37 {
    background-image: url(../images/bg/bg-image-37.jpg)
}

.bg_image--38 {
    background-image: url(../images/bg/bg-image-38.jpg)
}

.bg_image--39 {
    background-image: url(../images/bg/bg-image-39.jpg)
}

.bg_image--40 {
    background-image: url(../images/bg/bg-image-40.jpg)
}

.row--0 {
    margin-left: 0;
    margin-right: 0
}

.row--0>[class*=col] {
    padding-left: 0;
    padding-right: 0
}

.row--5 {
    margin-left: -5px;
    margin-right: -5px
}

.row--5>[class*=col] {
    padding-left: 5px;
    padding-right: 5px
}

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

.row--10>[class*=col] {
    padding-left: 10px;
    padding-right: 10px
}

.row--20 {
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:767px) {
    .row--20 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

.row--20>[class*=col-],
.row--20>[class*=col] {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {

    .row--20>[class*=col-],
    .row--20>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .row--20>[class*=col-],
    .row--20>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .row--20>[class*=col-],
    .row--20>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:767px) {

    .row--20>[class*=col-],
    .row--20>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--25 {
    margin-left: -25px;
    margin-right: -25px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row--25 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row--25 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row--25 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:767px) {
    .row--25 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

.row--25>[class*=col-],
.row--25>[class*=col] {
    padding-left: 25px;
    padding-right: 25px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {

    .row--25>[class*=col-],
    .row--25>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .row--25>[class*=col-],
    .row--25>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .row--25>[class*=col-],
    .row--25>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:767px) {

    .row--25>[class*=col-],
    .row--25>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--30 {
    margin-left: -30px;
    margin-right: -30px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:767px) {
    .row--30 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

.row--30>[class*=col-],
.row--30>[class*=col] {
    padding-left: 30px;
    padding-right: 30px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {

    .row--30>[class*=col-],
    .row--30>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .row--30>[class*=col-],
    .row--30>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .row--30>[class*=col-],
    .row--30>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:767px) {

    .row--30>[class*=col-],
    .row--30>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--45 {
    margin-left: -45px;
    margin-right: -45px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:767px) {
    .row--45 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

.row--45>[class*=col-],
.row--45>[class*=col] {
    padding-left: 45px;
    padding-right: 45px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {

    .row--45>[class*=col-],
    .row--45>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .row--45>[class*=col-],
    .row--45>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .row--45>[class*=col-],
    .row--45>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:767px) {

    .row--45>[class*=col-],
    .row--45>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--40 {
    margin-left: -40px;
    margin-right: -40px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:767px) {
    .row--40 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

.row--40>[class*=col-],
.row--40>[class*=col] {
    padding-left: 40px;
    padding-right: 40px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {

    .row--40>[class*=col-],
    .row--40>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .row--40>[class*=col-],
    .row--40>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .row--40>[class*=col-],
    .row--40>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:767px) {

    .row--40>[class*=col-],
    .row--40>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--60 {
    margin-left: -60px;
    margin-right: -60px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:767px) {
    .row--60 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

.row--60>[class*=col-],
.row--60>[class*=col] {
    padding-left: 60px;
    padding-right: 60px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {

    .row--60>[class*=col-],
    .row--60>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .row--60>[class*=col-],
    .row--60>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .row--60>[class*=col-],
    .row--60>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:767px) {

    .row--60>[class*=col-],
    .row--60>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

input:-moz-placeholder {
    opacity: 1
}

input::-webkit-input-placeholder {
    opacity: 1
}

input::-moz-placeholder {
    opacity: 1
}

input:-ms-input-placeholder {
    opacity: 1
}

[data-black-overlay],
[data-overlay],
[data-white-overlay] {
    position: relative;
    z-index: 2
}

[data-black-overlay]>*,
[data-black-overlay]>div,
[data-overlay]>*,
[data-overlay]>div,
[data-white-overlay]>*,
[data-white-overlay]>div {
    position: relative;
    z-index: 2
}

[data-black-overlay]:before,
[data-overlay]:before,
[data-white-overlay]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

[data-overlay]:before {
    background: var(--color-primary)
}

[data-black-overlay]:before {
    background-color: #000
}

[data-white-overlay]:before {
    background-color: #fff
}

[data-black-overlay="1"]:before,
[data-overlay="1"]:before,
[data-white-overlay="1"]:before {
    opacity: .1
}

[data-black-overlay="2"]:before,
[data-overlay="2"]:before,
[data-white-overlay="2"]:before {
    opacity: .2
}

[data-black-overlay="3"]:before,
[data-overlay="3"]:before,
[data-white-overlay="3"]:before {
    opacity: .3
}

[data-black-overlay="4"]:before,
[data-overlay="4"]:before,
[data-white-overlay="4"]:before {
    opacity: .4
}

[data-black-overlay="5"]:before,
[data-overlay="5"]:before,
[data-white-overlay="5"]:before {
    opacity: .5
}

[data-black-overlay="6"]:before,
[data-overlay="6"]:before,
[data-white-overlay="6"]:before {
    opacity: .6
}

[data-black-overlay="7"]:before,
[data-overlay="7"]:before,
[data-white-overlay="7"]:before {
    opacity: .7
}

[data-black-overlay="8"]:before,
[data-overlay="8"]:before,
[data-white-overlay="8"]:before {
    opacity: .8
}

[data-black-overlay="9"]:before,
[data-overlay="9"]:before,
[data-white-overlay="9"]:before {
    opacity: .9
}

[data-black-overlay="10"]:before,
[data-overlay="10"]:before,
[data-white-overlay="10"]:before {
    opacity: 1
}

/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
@-webkit-keyframes bounce {

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

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

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

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

@keyframes bounce {

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

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

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

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

@keyframes jump-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

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

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

@keyframes jump-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

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

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

@keyframes jump-3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40% {
        -webkit-transform: translate3d(0, 50px, 0) scale(.7);
        transform: translate3d(0, 50px, 0) scale(.7)
    }

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

@keyframes jump-4 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40% {
        -webkit-transform: translate3d(0, 20px, 0) scale(.8);
        transform: translate3d(0, 20px, 0) scale(.8)
    }

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

@keyframes jump-5 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40% {
        transform: translate3d(0, 10px, 0)
    }

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

@-webkit-keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes jello {

    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

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

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

@keyframes jello {

    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

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

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

@-webkit-keyframes bounceIn {

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

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

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

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

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

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

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

@keyframes bounceIn {

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

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

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

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

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

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

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

@-webkit-keyframes bounceInDown {

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInLeft {

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInRight {

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInUp {

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

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

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

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

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

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

@keyframes bounceInUp {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-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: none;
        transform: none;
        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: none;
        transform: none;
        opacity: 1
    }
}

@-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: none;
        transform: none;
        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: none;
        transform: none;
        opacity: 1
    }
}

@-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: none;
        transform: none;
        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: none;
        transform: none;
        opacity: 1
    }
}

@-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: none;
        transform: none;
        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: none;
        transform: none;
        opacity: 1
    }
}

@-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: none;
        transform: none;
        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: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

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

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

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

@-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: none;
        transform: none
    }
}

@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: none;
        transform: none
    }
}

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

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

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

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

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

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

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

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

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

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

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

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

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

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

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

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

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

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

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

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

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

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

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

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

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

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

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

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

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

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

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

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

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

@keyframes slideInUp2 {
    from {
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
        visibility: hidden
    }

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

@keyframes slideInUp3 {
    from {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        visibility: hidden
    }

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

[data-aos=slideInUp2] {
    opacity: 0;
    transition-property: transform, opacity
}

@media screen and (min-width:768px) {
    [data-aos=slideInUp2] {
        transform: translateY(30px)
    }
}

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

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

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

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

@keyframes jump-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

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

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

@keyframes jump-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

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

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

@keyframes jump-3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

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

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

@keyframes rotateIt {
    to {
        transform: rotate(-360deg)
    }
}

@keyframes rotateIt2 {
    to {
        transform: rotate(360deg)
    }
}

@keyframes shape-service-1 {
    0% {
        right: -40%;
        top: 30%
    }

    100% {
        right: -23%;
        top: 0
    }
}

@keyframes animate-floting {
    0% {
        transform: translateX(50%)
    }

    50% {
        transform: translateX(-40%)
    }

    100% {
        transform: translateX(40%)
    }
}

@keyframes animate-floting-2 {
    0% {
        transform: translateX(-50%)
    }

    50% {
        transform: translateX(40%)
    }

    100% {
        transform: translateX(-40%)
    }
}

@keyframes animate-floting-3 {
    0% {
        transform: translateX(-20%)
    }

    50% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-20%)
    }
}

@keyframes waves {
    0% {
        -webkit-transform: scale(.2, .2);
        transform: scale(.2, .2);
        opacity: 0
    }

    50% {
        opacity: .9
    }

    100% {
        -webkit-transform: scale(.9, .9);
        transform: scale(.9, .9);
        opacity: 0
    }
}

@keyframes vsmorph {
    0% {
        border-radius: var(--morp-value)
    }

    50% {
        border-radius: var(--morp-md-value)
    }

    100% {
        border-radius: 40% 60%
    }
}

@keyframes morpspin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

[data-aos=reveal-bottom],
[data-aos=reveal-end],
[data-aos=reveal-start],
[data-aos=reveal-top] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

[data-aos=reveal-top] {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

[data-aos=reveal-start] {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

[data-aos=reveal-end] {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

[data-aos=reveal-bottom] {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

[data-aos=reveal-item] {
    visibility: hidden;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

@keyframes scaleIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5)
    }

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

.header-top-area-wrapper {
    background: #002cab;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-top-area-wrapper {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .header-top-area-wrapper {
        display: none
    }
}

.header-top-area-wrapper .header-top-one-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-top-area-wrapper .header-top-one-wrapper .left {
    display: flex;
    align-items: center
}

.header-top-area-wrapper .header-top-one-wrapper .right {
    display: flex;
    justify-content: flex-end
}

.header-top-area-wrapper .header-top-one-wrapper .right .top-nav {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin: 0
}

.header-top-area-wrapper .header-top-one-wrapper .right .top-nav li {
    margin: 0;
    margin-right: 20px
}

.header-top-area-wrapper .header-top-one-wrapper .right .top-nav li a {
    font-size: 14px;
    transition: var(--transition);
    position: relative;
    padding: 11px 0;
    display: block;
    color: #fff
}

.header-top-area-wrapper .header-top-one-wrapper .right .top-nav li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 12px;
    height: 1px;
    width: 0%;
    background: #fff;
    transition: var(--transition)
}

.header-main-one-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

@media only screen and (max-width:1199px) {
    .header-main-one-wrapper {
        padding: 15px 0
    }
}

.header-main-one-wrapper .main-header {
    display: flex;
    align-items: center
}

.header-main-one-wrapper .main-header .nav-main ul {
    display: flex;
    align-items: center
}

.header-main-one-wrapper .main-header .button-area {
    display: flex;
    align-items: center
}

@media only screen and (max-width:575px) {
    .header-main-one-wrapper .button-area .rts-btn.btn-primary {
        display: none !important
    }
}

.header-one .nav-area {
    margin-right: 40px
}

#menu-btn,
#search {
    background: #f2f2f2;
    height: 55px;
    min-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    border: none
}

#menu-btn {
    display: none !important
}

@media only screen and (max-width:1024px) {
    #menu-btn {
        display: block !important
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1024px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .container, .container-md, .container-sm {
        max-width: 850px;
    }
}
#menu-btn i,
#search i {
    color: #1c2539;
    font-size: 18px
}

.header-five .button-area-wrapper #menu-btn {
    background: #fff;
    height: 55px;
    min-width: 55px;
    max-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    border: none;
    padding: 0;
    margin-left: 0;
}

.header-five .button-area-wrapper #menu-btn img {
    min-width: max-content;
    transition: 0.3s;
}

.header-five .button-area-wrapper #menu-btn:hover img {
    filter: brightness(0) saturate(100%) invert(92%) sepia(52%) saturate(0%) hue-rotate(38deg) brightness(109%) contrast(100%);
}

.home-yellow #menu-btn:hover {
    background: var(--color-primary) !important;
}

.index-five #menu-btn {
    border-radius: 50% !important;
}

@media only screen and (max-width: 479px) {
    .header-five .main-header-three .right #menu-btn {
        margin-left: 5px !important;
    }
}

.header--sticky.sticky {
    position: fixed !important;
    top: 0;
    display: block;
    z-index: 999;
    width: 100%;
    background: #fff;
    box-shadow: 0 7px 18px rgba(24, 16, 16, .0509803922)
}

.header--sticky.sticky .header-top-area-wrapper {
    display: none
}

.header--sticky.sticky.header-one {
    background: #fff
}

.header-two .header-top {
    background: #fff;
    align-items: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-bottom: 1px solid #eaecf2
}

@media only screen and (max-width:1199px) {
    .header-two .header-top {
        display: none
    }
}

.header-two .header-top::after {
    position: absolute;
    left: -5%;
    content: "";
    top: 0;
    width: 40%;
    height: 100%;
    background: var(--color-primary);
    z-index: -1;
    transform: skew(-20deg)
}

.header-two .header-top .content {
    max-width: 1560px;
    margin: 0 auto;
    display: flex;
    height: 45px;
    display: flex;
    align-items: center;
    width: 98%
}

.header-two .header-top .content .left-header-top p {
    font-size: 16px;
    color: #fff
}

.header-two .header-top .content .left-header-top p a {
    font-weight: 500
}

.header-two .header-top .content .left-header-top p a i {
    transition: .3s
}

.header-two .header-top .content .left-header-top p a:hover {
    color: #fff
}

.header-two .header-top .content .left-header-top p a:hover i {
    margin-left: 6px
}

.header-two .header-top .content .right-header-top {
    margin-left: auto;
    display: flex;
    align-items: center
}

.rts-sidebar-menu-desktop p.disc {
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px;
}

.rts-sidebar-menu-desktop .get-in-touch .title {
    margin-bottom: 30px;
}

.rts-sidebar-menu-desktop .get-in-touch .wrapper .single i {
    color: var(--color-primary);
    margin-right: 10px;
    margin-bottom: 15px;
}

.home-blue .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i {
    color: var(--color-primary);
}

.home-blue .social-wrapper-two a::after {
    background: var(--color-primary);
    color: #fff;
}

.home-blue .social-wrapper-two a:hover {
    color: var(--color-primary);
}

.home-blue .social-wrapper-two a:hover i {
    color: var(--color-primary);
}

.home-blue .social-wrapper-two a:hover::after {
    background: rgba(142, 143, 147, 0.0784313725);
    color: var(--color-primary);
}

.home-blue .rts-sidebar-menu-desktop .get-in-touch .wrapper .single a:hover {
    color: var(--color-primary);
}

.home-yellow #menu-btn:hover {
    background: var(--color-primary) !important;
}

.home-yellow .side-bar button i {
    background: var(--color-primary);
}

.home-yellow .logo-1 {
    display: none;
}

.home-yellow .logo-2 {
    display: none;
}

.home-yellow .logo-3 {
    display: block;
}

.home-yellow .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i {
    color: var(--color-primary);
}

.home-yellow .social-wrapper-two a::after {
    background: var(--color-primary);
    color: #fff;
}

.home-yellow .social-wrapper-two a:hover {
    color: var(--color-primary);
}

.home-yellow .social-wrapper-two a:hover i {
    color: var(--color-primary);
}

.home-yellow .social-wrapper-two a:hover::after {
    background: rgba(142, 143, 147, 0.0784313725);
    color: var(--color-primary);
}

.home-yellow .rts-sidebar-menu-desktop .get-in-touch .wrapper .single a:hover {
    color: var(--color-primary);
}

.home-violet .side-bar button i {
    background: var(--color-primary);
}

.home-violet .logo-1 {
    display: none;
}

.home-violet .logo-2 {
    display: none;
}

.home-violet .logo-3 {
    display: none;
}

.home-violet .logo-4 {
    display: block;
}

.home-violet .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i {
    color: var(--color-primary);
}

.home-violet .social-wrapper-two a::after {
    background: var(--color-primary);
    color: #fff;
}

.home-violet .social-wrapper-two a:hover {
    color: var(--color-primary);
}

.home-violet .social-wrapper-two a:hover i {
    color: var(--color-primary);
}

.home-violet .social-wrapper-two a:hover::after {
    background: #E4E7FF;
    color: var(--color-primary);
}

.home-violet .rts-sidebar-menu-desktop .get-in-touch .wrapper .single a:hover {
    color: var(--color-primary);
}

.index-six .side-bar button i {
    background: var(--color-primary);
}

.index-six .logo-1 {
    display: none;
}

.index-six .logo-2 {
    display: none;
}

.index-six .logo-3 {
    display: block;
}

.index-six .logo-4 {
    display: none;
}

.index-six .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i {
    color: var(--color-primary);
}

.index-six .social-wrapper-two a::after {
    background: var(--color-primary);
    color: var(--color-primary) !important;
}

.index-six .social-wrapper-two a:hover {
    color: var(--color-primary);
}

.index-six .social-wrapper-two a:hover i {
    color: var(--color-primary);
}

.index-six .social-wrapper-two a:hover::after {
    background: #E4E7FF !important;
    color: var(--color-primary);
}

.index-six .rts-sidebar-menu-desktop .get-in-touch .wrapper .single a:hover {
    color: var(--color-primary);
}

.index-seven .side-bar button i {
    background: var(--color-primary);
}

.index-seven .logo-1 {
    display: block;
}

.index-seven .logo-2 {
    display: none;
}

.index-seven .logo-3 {
    display: none;
}

.index-seven .logo-4 {
    display: none;
}

.index-seven .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i {
    color: var(--color-primary);
}

.index-seven .social-wrapper-two a::after {
    background: var(--color-primary);
    color: #fff;
}

.index-seven .social-wrapper-two a:hover {
    color: var(--color-primary);
}

.index-seven .social-wrapper-two a:hover i {
    color: var(--color-primary);
}

.index-seven .social-wrapper-two a:hover::after {
    background: #E4E7FF;
    color: var(--color-primary);
}

.index-seven .rts-sidebar-menu-desktop .get-in-touch .wrapper .single a:hover {
    color: var(--color-primary);
}

.rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a {
    color: #000;
    display: block;
}

.rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a.open {
    color: var(--color-primary);
}

.rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown>a.open::before {
    content: "\f077" !important;
}

.rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu::after {
    display: none;
}

.rts-sidebar-menu-desktop .body-mobile .mainmenu {
    padding-left: 0;
    margin-top: 50px;
}

.rts-sidebar-menu-desktop .get-in-touch .wrapper .single i:last-child {
    margin-bottom: 0;
}

.rts-sidebar-menu-desktop .get-in-touch .wrapper .single a {
    transition: 0.3s;
}

.header-two .main-header {
    justify-content: flex-start;
    display: block;
    background: #fff
}

.header-two .main-header .content {
    max-width: 1560px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    width: 98%;
    position: relative
}

@media only screen and (max-width:1199px) {
    .header-two .main-header .content {
        max-width: 97%;
        margin: auto
    }
}

@media only screen and (max-width:479px) {
    .header-two .main-header .content {
        max-width: 99%
    }
}

.header-two .main-header .content .header-left {
    display: flex;
    align-items: center
}

@media only screen and (max-width:1199px) {
    .header-two .main-header .content .header-left a {
        padding: 20px 0
    }
}

@media only screen and (max-width:767px) {
    .header-two .main-header .content .header-left a {
        padding: 20px 0 20px 15px;
        width: 80%;
        margin-right: 0
    }
}

@media only screen and (max-width:479px) {
    .header-two .main-header .content .header-left a {
        width: 90%
    }
}

.header-two .main-header .content .header-right {
    margin-left: auto;
    display: flex;
    align-items: center
}

@media (max-width:767px) {
    .header-two .main-header .content .header-right {
        padding-right: 15px
    }
}

.header-two .main-header .content .header-right a.rts-btn {
    margin-left: 40px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .header-two .main-header .content .header-right a.rts-btn {
        margin-left: 20px
    }
}

@media only screen and (max-width:575px) {
    .header-two .main-header .content .header-right a.rts-btn {
        margin-left: 0;
        padding: 12px 15px;
        font-size: 14px;
        display: none
    }
}

.header-two .main-header .content .header-right button {
    max-width: fit-content;
    background: #f7f7f7;
    padding: 19px
}

.header-two .main-header .content .header-right button .menu-light {
    display: none
}

.header-two .main-header .content .header-right button:hover {
    background: var(--color-primary) !important
}

.header-two .main-header .content .header-right button:hover .menu-light {
    display: block
}

.header-two .main-header nav {
    margin-left: 135px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .header-two .main-header nav {
        margin-left: 10px
    }
}

.header-two .nav-area {
    margin-left: 135px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .header-two .nav-area {
        margin-left: 50px
    }
}

@media only screen and (max-width:1024px) {
    .nav-area {
        display: none
    }
}

.nav-area ul {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 0;
    margin: 0;
    list-style: none
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .nav-area ul {
        gap: 60px
    }
}

@media screen and (max-width:1300px) {
    .nav-area ul {
        gap: 35px
    }
}

.nav-area ul li {
    margin: 0;
    padding: 0
}

.nav-area ul li a {
    color: #111032;
    font-weight: 500 !important
}
.nav-area ul li a.active {
    color: #002bac;
    font-weight: 700 !important
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
    header.header-three .nav-area ul {
        gap: 25px !important
    }
}

.has-dropdown::after {
    position: absolute;
    content: "\f078";
    right: -22px;
    top: 51%;
    transform: translateY(-50%);
    font-weight: 400;
    color: #1c2539;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-size: 14px
}

.nav-area ul li.main-nav {
    padding: 40px 0;
    cursor: pointer
}

header .main-nav>a {
    color: #1c2539 !important
}
/*三级菜单*/
.main-nav {
	position: relative;
}

.submenu.parent-nav {
	position: absolute;
	top: 100%;
	left: 0;
	background: white;
	min-width: 200px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	z-index: 1000;
	display: none;
}

.main-nav:hover .submenu.parent-nav {
	display: block;
}

.has-submenu {
	position: relative;
}

.nav-area ul li ul li ul.sub-cate-menu {
	position: absolute;
	top: 0;
	left: 100%;
	background: white;
	min-width: 230px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	z-index: 1001;
	display: none;
}

.has-submenu:hover .sub-cate-menu {
	display: block;
}

.submenu.parent-nav li,
.sub-cate-menu li {
	list-style: none;
}

.submenu.parent-nav a,
.sub-cate-menu a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #000;
	white-space: nowrap;
	transition: background-color 0.2s ease;
}
li.submenuarr a::after{
    content:"+";
    font-family: "Font Awesome 6 Pro";
    float:right;
}
li.submenuarr ul.sub-cate-menu li a::after{
    content:"";
}
.submenu.parent-nav a:hover,
.sub-cate-menu a:hover {
	background-color: #f5f5f5;
	color: #007bff;
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    header.header-two .nav-area ul {
        gap: 40px !important
    }
}

.submenu:hover li a {
    opacity: .6
}

.side-bar {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: -100%;
    width: 365px;
    padding: 40px 30px;
    padding-top: 50px;
    height: 100%;
    display: block;
    background-color: #fff;
    backdrop-filter: blur(7px);
    z-index: 1900;
    transition: all .6s ease;
    box-shadow: -5px 0 20px -5px rgba(149, 22, 22, .12);
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

@media only screen and (max-width:479px) {
    .side-bar {
        width: 320px;
        box-shadow: none
    }
}

.side-bar button {
    max-width: max-content;
    border: none
}

.side-bar button i {
    color: #fff;
    height: 50px;
    width: 50px;
    border-radius: 5px;
    /*background: var(--color-primary);*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -8px;
    margin-top: -3px
}

.logo-1 {
    display: block
}

.logo-2 {
    display: none
}

.logo-3 {
    display: none
}

.logo-4 {
    display: none
}

#anywhere-home {
    cursor: url(../images/banner/shape/close.png), auto;
    background: #0e1013;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-in-out;
    pointer-events: none;
    z-index: 50
}

.mobile-menu nav ul {
    padding: 0 20px
}

.mobile-menu nav ul li {
    margin: 0;
    padding: 0
}

.mobile-menu nav ul li.has-droupdown {
    position: relative
}

.mobile-menu nav ul li.has-droupdown ul li {
    margin: 10px 0 !important
}

.mobile-menu nav ul li.has-droupdown::after {
    position: absolute;
    content: "\f078";
    font-family: "Font Awesome 6 pro" !important;
    font-size: 16px;
    right: 0;
    font-weight: 400;
    top: 5px;
    padding: 8px 13px;
    color: var(--heading-color);
    background: 0 0 !important;
    pointer-events: none;
    cursor: pointer
}

.mobile-menu nav ul li.has-droupdown.mm-active::after {
    content: "\f077"
}

.mobile-menu nav ul li a {
    display: block
}

@media screen and (min-width:1199px) {

    .side-bar.header-three .mobile-menu,
    .side-bar.header-two .mobile-menu {
        display: none !important
    }
}

.sub-dropdown {
    position: relative !important;
    display: block !important
}

.sub-dropdown:hover .sub-menu-link {
    color: var(--color-primary)
}

header.header-three .sub-dropdown::after {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 6 Pro" !important;
    font-size: 16px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff
}

header.header-three .sub-dropdown:hover a.sub-menu-link {
    color: var(--color-primary) !important
}

header.header-three .sub-dropdown:hover::after {
    color: var(--color-primary) !important
}

.mobile-menu nav ul li a {
    display: block;
    padding: 2px 0
}

.mobile-menu nav ul li a.main {
    padding: 12px 0 17px 0;
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer
}

li.has-dropdown {
    position: relative
}

li.has-dropdown .submenu {
    min-width: 230px;
    height: auto;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    transition: .3s;
    background-color: #fff;
    border-left: 0;
    border-bottom: 0;
    border-right: 0;
    display: inline-block;
    box-shadow: 0 36px 35px rgba(0, 0, 0, .28);
    transform-origin: 0 0;
    transform: scaleY(0)
}

li.has-dropdown .submenu li {
    margin-right: 0;
    padding: 0
}

li.has-dropdown .submenu li a {
    padding: 6px 16px !important;
    font-size: 16px;
    transition: all .3s;
    display: block;
    padding: 12px 45px 12px 15px;
    background: #fff;
    transition: all .3s;
    text-align: left;
    font-size: 14px;
    font-weight: 600
}

li.has-dropdown .submenu li a:hover {
    opacity: 1;
    background: #002bac;
    opacity: 1;
    color: #fff !important
}

li.has-dropdown:hover .submenu {
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: translateY(0);
    transform: scaleY(1)
}

li.has-dropdown:hover::after {
    content: "\f077"
}

header .nav-area ul li.main-nav:hover>a {
    transition: .3s;
    color: var(--color-primary) !important;
    font-weight: 700 !important;
}
.nav-area ul li.active {
    color: var(--color-primary) !important;
    font-weight: 700 !important;
}

header .nav-area ul li.main-nav:hover::after {
    color: var(--color-primary) !important
}

li.has-dropdown .submenu li a.active {
    color: var(--color-primary);
    background: #f2f2f8
}

header.header--sticky.sticky .nav-area ul li.main-nav {
    padding: 30px 0;
    cursor: pointer
}

.side-bar {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: -100%;
    width: 365px;
    padding: 40px 30px;
    padding-top: 50px;
    height: 100%;
    display: block;
    background-color: #fff;
    backdrop-filter: blur(7px);
    z-index: 1900;
    transition: all .6s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow: visible
}

@media only screen and (max-width:575px) {
    .side-bar {
        width: 320px
    }
}

.side-bar button {
    margin-right: auto;
    margin-left: -28px;
    margin-top: -51px;
    position: absolute;
    display: flex;
    min-height: 45px;
    width: 45px;
    align-items: center;
    justify-content: center;
    position: relative
}

.side-bar button i {
    color: #002bac;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px
}

.header-four .nav-btn {
    height: 50px;
    width: 50px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    display: none
}

@media only screen and (max-width:1199px) {
    .header-four .nav-btn {
        display: flex
    }
}

.header-four .nav-btn img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(42%) saturate(0) hue-rotate(345deg) brightness(106%) contrast(106%)
}

.header-three .nav-btn {
    height: 50px;
    width: 50px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    display: none
}

@media only screen and (max-width:1199px) {
    .header-three .nav-btn {
        display: flex
    }
}

.header-three .nav-btn img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(42%) saturate(0) hue-rotate(345deg) brightness(106%) contrast(106%)
}

.banner-style-one {
    height: 850px;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:575px) {
    .banner-style-one {
        height: auto;
        background-position: 18%, 45%
    }

    .banner-style-one::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background: rgba(255, 255, 255, .4509803922);
        z-index: -1
    }
}

@media only screen and (max-width:479px) {
    .banner-style-one {
        height: auto;
        background-position: 18%, 45%
    }
}

.banner-style-one .banner-one-inner {
    width: 57%;
    margin-left: auto;
    padding: 160px 0 190px 0;
    position: relative;
    display: block;
    margin-top: 43px
}

@media only screen and (max-width:1199px) {
    .banner-style-one .banner-one-inner {
        margin-left: 0;
        width: 100%
    }
}

@media only screen and (max-width:575px) {
    .banner-style-one .banner-one-inner {
        padding: 106px 5px 126px 5px
    }
}

.banner-style-one .banner-one-inner .title {
    font-weight: 700;
    line-height: 82px;
    margin-bottom: 23px;
    font-size: 60px;
    color: var(--color-primary);
    line-height: 1.3
}

@media only screen and (max-width:575px) {
    .banner-style-one .banner-one-inner .title {
        font-size: 36px
    }
}

.banner-style-one .banner-one-inner .title span {
    font-style: italic;
    color: var(--color-primary);
    font-weight: 400;
    font-size: 70px;
    line-height: 1.3
}

@media only screen and (max-width:575px) {
    .banner-style-one .banner-one-inner .title span {
        font-size: 36px
    }
}

.rts-banner-area-two {
    height: 850px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:575px) {
    .rts-banner-area-two {
        height: 580px
    }
}

.rts-banner-area-two.twot {
    background-image: url(../images/banner/caiqin-mwc2026.webp)
}

.rts-banner-area-two.two {
    background-image: url(../images/banner/caiqin-factory.webp)
}

.rts-banner-area-two.two2 {
    background-image: url(../images/banner/caiqin-apply.webp)
}

.rts-banner-area-two.two3 {
    background-image: url(../images/banner/caiqin-anime.webp)
}

.banner-inner-two-content {
    text-align: center;
    max-width: 80%;
    margin: auto
}

@media only screen and (max-width:991px) {
    .banner-inner-two-content {
        max-width: 100%
    }
}

.banner-inner-two-content * {
    color: #fff
}

.banner-inner-two-content .title {
    font-size: 4rem;
    line-height: 1.2;
    font-weight: 100
}
.banner-inner-two-content .entitle {
        font-size: 1.5rem;
    }
@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-inner-two-content .title {
        /*font-size: 50px*/
    }
}

@media only screen and (max-width:767px) {
    .banner-inner-two-content .title {
        /*font-size: 50px*/
    }
}

@media only screen and (max-width:575px) {
    .banner-inner-two-content .title {
        font-size: 32px
    }
    .banner-inner-two-content .entitle {
        font-size: 18px
    }
}

@media only screen and (max-width:352px) {
    .banner-inner-two-content .title {
        font-size: 28px
    }
    .banner-inner-two-content .entitle {
        font-size: 16px
    }
}
.banner-inner-two-content .rts-btn {
    margin: auto
}

.banner-four-area-main-wrapper {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 81.536% 93.689%, 50.99% 100%, 25.313% 93.689%, 0 100%, 0 0)
}

.banner-four-area-main-wrapper .banner-four-bg {
    height: 824px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

@media only screen and (max-width:767px) {
    .banner-four-area-main-wrapper .banner-four-bg {
        height: 600px
    }
}

.banner-four-area-main-wrapper .banner-four-bg .inner-content-wrapper-four-banner span {
    display: flex;
    justify-content: center
}

.inner-content-wrapper-four-banner .title {
    font-weight: 900;
    font-size: 100px;
    text-align: center;
    justify-content: center;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 25px;
    line-height: 1.3
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .inner-content-wrapper-four-banner .title {
        font-size: 80px
    }
}

@media only screen and (max-width:1199px) {
    .inner-content-wrapper-four-banner .title {
        font-size: 66px
    }
}

@media only screen and (max-width:991px) {
    .inner-content-wrapper-four-banner .title {
        font-size: 32px
    }
}

.inner-content-wrapper-four-banner .button-wrapper {
    justify-content: center
}

.button-wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap
}

.rts-banner-area-two {
    position: relative
}

.rts-banner-area-two .shape {
    position: absolute
}

.rts-banner-area-two .shape.shape-one {
    position: absolute;
    right: 60%;
    top: 10%;
    animation: jump-2 8s linear infinite;
    transform: scale(0);
    transition: .4s;

}

@media only screen and (max-width:575px) {
    .rts-banner-area-two .shape.shape-one {
        max-width: 220px
    }
}

.rts-banner-area-two .shape.shape-two {
    position: absolute;
    right: 50%;
    top: 35%;
    animation: jump-2 5s linear infinite;
    transform: scale(0);
    transition: .4s
}

.rts-banner-area-two .shape.shape-three {
    position: absolute;
    left: 0;
    animation: jump-2 8s linear infinite;
    top: 60%;
    transition: .6s
}

.rts-banner-area-two .shape.shape-four {
    position: absolute;
    left: 30%;
    top: 10%;
    animation: jump-2 5s linear infinite;
    transform: scale(0);
    transition: .4s
}

.mySwiper-banner-two {
    position: relative
}

.mySwiper-banner-two .swiper-button-next,
.mySwiper-banner-two .swiper-button-prev {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

@media only screen and (max-width:767px) {

    .mySwiper-banner-two .swiper-button-next,
    .mySwiper-banner-two .swiper-button-prev {
        display: none
    }
}

.mySwiper-banner-two .swiper-button-next i,
.mySwiper-banner-two .swiper-button-prev i {
    font-size: 25px;
    transition: .3s;
    color: #1c2539
}

.mySwiper-banner-two .swiper-button-next::after,
.mySwiper-banner-two .swiper-button-prev::after {
    display: none
}

.mySwiper-banner-two .swiper-button-next:hover,
.mySwiper-banner-two .swiper-button-prev:hover {
    background: var(--color-primary);
    transform: scale(1.1)
}

.mySwiper-banner-two .swiper-button-next:hover i,
.mySwiper-banner-two .swiper-button-prev:hover i {
    color: #fff
}

.mySwiper-banner-two .swiper-button-next {
    right: 60px
}

.mySwiper-banner-two .swiper-button-prev {
    left: 60px
}

.banner-swiper-two .swiper-slide-active .title {
    animation: fadeInUp-small 1.5s;
    animation-delay: 0s
}

.banner-swiper-two .swiper-slide-active .rts-btn {
    animation: fadeInUp 3s;
    animation-delay: 0s
}

.banner-swiper-two .swiper-slide-active .shape-two {
    right: 10%
}

.banner-swiper-two .swiper-slide-active .shape-three {
    left: 16%
}

.banner-swiper-two .swiper-slide-active .shape-one {
    right: 20%
}

.banner-swiper-two .swiper-slide-active .shape-four {
    left: 15%
}

.banner-four-area-main-wrapper {
    position: relative
}

.banner-four-area-main-wrapper {
    position: relative;
    z-index: 1
}

.banner-four-area-main-wrapper .banner-shape-left-right {
    pointer-events: none
}

@media only screen and (max-width:991px) {
    .banner-four-area-main-wrapper .banner-shape-left-right {
        display: none
    }
}

.banner-four-area-main-wrapper .banner-shape-left-right .left {
    position: absolute;
    left: 0;
    top: 10%;
    z-index: 10
}

.banner-four-area-main-wrapper .banner-shape-left-right .right {
    position: absolute;
    right: 0;
    top: 13%;
    z-index: 1
}

.rts-banner-area-9 {
    background: #f2f2f2;
    height: 850px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:1199px) {
    .rts-banner-area-9 {
        height: 630px
    }
}

@media only screen and (max-width:575px) {
    .rts-banner-area-9 {
        height: 710px
    }
}

@media only screen and (max-width:479px) {
    .rts-banner-area-9 {
        height: 500px
    }
}

.rts-banner-area-9 .image-right-absolute {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    clip-path: polygon(68.225% 100%, 0 100%, 0 -.411%, 43.944% 0, 99.93% 0, 99.93% 100%, 59.225% 100%);
    z-index: -1
}

@media only screen and (min-width:1600px) and (max-width:1919px) {
    .rts-banner-area-9 .image-right-absolute {
        max-width: 700px;
        height: 100%;
        min-height: 100%;
        object-fit: cover
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .rts-banner-area-9 .image-right-absolute {
        max-width: 600px;
        height: 100%;
        min-height: 100%;
        object-fit: cover
    }
}

@media only screen and (max-width:1199px) {
    .rts-banner-area-9 .image-right-absolute {
        display: none
    }
}

@media only screen and (min-width:1600px) and (max-width:1919px) {
    .rts-banner-area-9 .image-right-absolute img {
        height: 100%;
        min-height: 100%
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .rts-banner-area-9 .image-right-absolute img {
        height: 100%;
        min-height: 100%;
        object-fit: cover
    }
}

@media only screen and (max-width:575px) {
    .rts-banner-area-9 .circle-text-main {
        position: absolute;
        left: 74%;
        bottom: 15px;
        transform: translateX(-50%)
    }
}

.banner-bg_12 {
    height: 900px;
    background-image: url(../images/banner/13.webp);
    display: flex;
    align-items: center
}

@media only screen and (max-width:991px) {
    .banner-bg_12 {
        height: 650px
    }
}

@media only screen and (max-width:575px) {
    .banner-bg_12 {
        background-position: 75% center
    }
}

.banner-inner-content-12 .title {
    font-size: 80px;
    line-height: 1.1;
    color: #fff
}

@media only screen and (max-width:991px) {
    .banner-inner-content-12 .title {
        font-size: 44px
    }
}

@media only screen and (max-width:575px) {
    .banner-inner-content-12 .title {
        font-size: 36px
    }
}

.rts-btn {
    height: 55px;
    max-width: max-content;
    padding: 13px 29px;
    border: none;
    box-shadow: none;
    min-width: max-content;
    border-radius: 15px;
    transition: .8s;
    font-weight: 600
}

@media only screen and (max-width:575px) {
    .rts-btn {
        height: 47px;
        padding: 13px 20px;
        display: flex !important;
        align-items: center !important
    }
}

.rts-btn.btn-primary {
    background: #0054a5;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

.rts-btn.btn-primary::before {
    content: "";
    position: absolute;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: #f2f2f2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: -1
}

.rts-btn.btn-primary:hover {
    background: #f2f2f2;
    color: var(--color-primary)
}

.rts-btn.btn-primary:hover::before {
    top: -40%
}

.rts-btn:focus {
    border: none;
    box-shadow: none
}

section.main-wrapper-sticky {
    height: 735px
}

@media only screen and (max-width:1199px) {
    section.main-wrapper-sticky {
        height: auto
    }
}

.top--120 {
    top: 120px
}

@media only screen and (max-width:1199px) {
    br {
        display: none
    }
}

.container-1754 {
    max-width: 1754px;
    margin: auto
}

.title-style-one .title {
    font-size: 48px;
    font-weight: 700
}

@media only screen and (max-width:1199px) {
    .title-style-one .title {
        font-size: 42px
    }
}

@media only screen and (max-width:991px) {
    .title-style-one .title {
        font-size: 32px;
        line-height: 1.4
    }

    .title-style-one .title br {
        display: none
    }
}

@media only screen and (max-width:575px) {
    .title-style-one .title {
        font-size: 28px
    }
}

.title-style-one.left {
    text-align: left
}

.title-style-one.center {
    text-align: center
}

.title-style-two {
    position: relative;
    z-index: 1
}

.title-style-two .bg-content {
    font-size: 150px;
    position: absolute;
    font-weight: 900;
    letter-spacing: 0;
    left: -90px;
    z-index: -1;
    top: -65px;
    font-family: var(--font-primary);
    min-width: max-content;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(0, 0, 0, .1);
    line-height: 1
}

@media only screen and (max-width:575px) {
    .title-style-two .bg-content {
        font-size: 100px
    }
}

.title-style-two .bg-content::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, .8855917367) 0, rgba(255, 255, 255, .6082808123) 35%, rgba(255, 255, 255, 0) 100%)
}

.title-style-two .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.35
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .title-style-two .title {
        font-size: 36px
    }
}

@media only screen and (max-width:1199px) {
    .title-style-two .title {
        font-size: 32px
    }
}

@media only screen and (max-width:767px) {
    .title-style-two .title {
        font-size: 32px
    }
}

@media only screen and (max-width:575px) {
    .title-style-two .title {
        font-size: 26px
    }
}

.title-style-two.center {
    text-align: center
}

.title-style-two.center .bg-content {
    left: 50%;
    transform: translateX(-50%)
}

.title-style-three {
    position: relative
}

.title-style-three.center {
    text-align: center
}

.title-style-three.center .bg-title {
    left: 50%;
    transform: translateX(-50%);
    top: -60px
}

.title-style-three.left .bg-title {
    left: 0
}

.title-style-three .title {
    font-size: 48px;
    margin-top: 15px
}

@media only screen and (max-width:767px) {
    .title-style-three .title {
        font-size: 32px
    }
}

@media only screen and (max-width:575px) {
    .title-style-three .title {
        font-size: 28px
    }
}

.title-style-three .bg-title {
    font-size: 150px;
    position: absolute;
    font-weight: 900;
    letter-spacing: 0;
    left: -90px;
    z-index: -1;
    top: -50px;
    font-family: var(--font-primary);
    min-width: max-content;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(0, 0, 0, .1);
    line-height: 1
}

.title-style-three .bg-title::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, .8855917367) 0, rgba(255, 255, 255, .6082808123) 35%, rgba(255, 255, 255, 0) 100%)
}

.title-style-four .title {
    font-weight: 700;
    font-size: 48px;
    line-height: 65px;
    text-transform: uppercase;
    color: #1c2539;
    -webkit-text-stroke-color: #1c2539;
    -webkit-text-stroke: 1px;
    margin-top: 20px
}

@media only screen and (max-width:1199px) {
    .title-style-four .title {
        font-size: 42px
    }
}

@media only screen and (max-width:991px) {
    .title-style-four .title {
        font-size: 32px;
        line-height: 1.3
    }
}

@media only screen and (max-width:767px) {
    .title-style-four .title {
        font-size: 28px;
        line-height: 1.3
    }
}

.title-style-four .title span {
    font-size: 48px;
    -webkit-text-fill-color: transparent;
    letter-spacing: 3px
}

@media only screen and (max-width:1199px) {
    .title-style-four .title span {
        font-size: 42px
    }
}

@media only screen and (max-width:991px) {
    .title-style-four .title span {
        font-size: 32px;
        line-height: 1.3
    }
}

@media only screen and (max-width:991px) {
    .title-style-four .title span {
        font-size: 28px;
        line-height: 1.3
    }
}

.title-style-four.center {
    text-align: center
}

.title-style-four.center span {
    font-size: unset
}

.bg-main {
    background: #0054a5
}

.bg-main .title-style-one .title {
    color: #fff
}

.bg-main .title-style-one.left {
    text-align: left
}

.bg-main .title-style-one.center {
    text-align: center
}

.container-2 {
    max-width: 1680px;
    margin: auto
}

.container-1680 {
    max-width: 1680px;
    margin: auto
}

.radious-none-button .rts-btn {
    border-radius: 0
}

.bg_primary {
    background: var(--color-primary)
}

.title-style-10 {
    text-align: center
}

.title-style-10 .title {
    font-size: 60px;
    margin-top: 10px
}

@media only screen and (max-width:1199px) {
    .title-style-10 .title {
        font-size: 42px
    }
}

@media only screen and (max-width:767px) {
    .title-style-10 .title {
        font-size: 46px
    }

    .title-style-10 .title br {
        display: none
    }
}

@media only screen and (max-width:575px) {
    .title-style-10 .title {
        font-size: 34px
    }
}

.title-style-10.left {
    text-align: left
}

@media only screen and (max-width:767px) {
    .g-sm-30 {
        --bs-gutter-y: 100px;
        --bs-gutter-x: 40px
    }
}

@media only screen and (max-width:575px) {
    .container {
        max-width: 100% !important
    }
}

@keyframes gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.index-one {
    overflow-x: visible
}

@media only screen and (max-width:1199px) {
    .index-one {
        overflow-x: hidden
    }
}

.footer-bg-two {
    background-color: #003fa6;
    margin: auto;
    border-radius: 0
}

.rts-footer-area-two {
    background-color: #0054a5
}

.bg-footer-two {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    background-image: url(../images/footer/01.webp)
}

.footer-two .rts-copyright-area {
    border-top: 1px solid #3d4352;
    padding: 30px 0
}

.footer-two .rts-copyright-area p {
    font-size: 16px;
    color: #fff
}

.mb--310 {
    margin-bottom: 310px
}

.footer-bg-three {
    background: url(../images/footer/03.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 92%;
    margin: auto;
    border-radius: 0;
    clip-path: polygon(6.399% 19.703%, 11.726% .157%, 100% .157%, 100% 48.112%, 100% 66.748%, 95.268% 81.862%, 89.702% 99.93%, 0 99.93%, 0 42.089%, 6.399% 19.703%)
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .footer-bg-three {
        clip-path: none
    }
}

@media only screen and (max-width:1199px) {
    .footer-bg-three {
        clip-path: none
    }
}

.rts-footer-area.footer-three.footer-bg-2 {
    background: url(../images/footer/footer-bg-2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media only screen and (max-width:575px) {
    .rts-footer-area.footer-three {
        padding: 35px 15px 0 15px
    }
}

.footer-three .copyright-area {
    border-top: 1px solid #e2e2e2;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #1c2539
}

.footer-three .copyright-area P {
    color: #1c2539;
    flex-wrap: 400;
    font-size: 16px
}

.footer-8-area-bg {
    background-image: url(../images/footer/05.webp)
}

.footer-logo-area-left-8 {
    text-align: left
}

.footer-logo-area-left-8 .logo {
    display: block;
    margin-bottom: 25px
}

.footer-logo-area-left-8 ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none
}

.footer-logo-area-left-8 ul li a {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #3e484e;
    transition: .3s
}

.footer-logo-area-left-8 ul li a i {
    color: #fff
}

.footer-logo-area-left-8 ul li a:hover {
    transform: translateY(-5px)
}

.copyright-area-main-wrapper {
    border-top: 1px solid #3d4352
}

.copyright-8-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width:575px) {
    .copyright-8-wrapper {
        flex-direction: column;
        align-items: center
    }
}

.copyright-8-wrapper p {
    margin: 0;
    padding: 30px 0
}

@media only screen and (max-width:575px) {
    .copyright-8-wrapper p {
        padding: 30px 0 0 0;
        text-align: center
    }
}

.copyright-8-wrapper * {
    color: #fff
}

.copyright-8-wrapper ul {
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none
}

@media only screen and (max-width:575px) {
    .copyright-8-wrapper ul {
        padding-left: 0
    }
}

.copyright-8-wrapper ul li {
    padding: 0;
    margin: 0
}

.copyright-8-wrapper ul li a:hover {
    color: #fff
}

.project-style-one {
    position: relative
}

.project-style-one .inner-content {
    position: absolute;
    padding: 32px;
    border-radius: 15px;
    background: #fff;
    left: 30px;
    bottom: 44px;
    min-width: 337px
}

.project-style-one .inner-content .title {
    margin-bottom: 5px;
    font-size: 24px
}

.project-style-one .inner-content span {
    color: #5d666f;
    font-size: 16px
}

.bg_project-5 {
    background-image: url(../images/project/10.webp)
}

.project-content-left-5 {
    background: #fff;
    border-radius: 15px;
    padding: 102px 50px 50px 50px
}

@media only screen and (max-width:767px) {
    .project-content-left-5 {
        padding: 35px
    }
}

@media only screen and (max-width:575px) {
    .project-content-left-5 {
        padding: 25px
    }
}

.project-content-left-5 .title-area {
    margin-bottom: 30px;
    margin-top: 25px
}

.project-content-left-5 .title-area .title {
    margin-bottom: 7px;
    font-size: 30px;
    font-weight: 700;
    color: #1c2539
}

.project-content-left-5 .rts-btn {
    border-radius: 15px
}

.g-75 {
    --bs-gutter-x: 75px;
    --bs-gutter-y: 75px
}

@media only screen and (max-width:991px) {
    .g-75 {
        --bs-gutter-x: 25px;
        --bs-gutter-y: 25px
    }
}

.nav-project-tab {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    justify-content: center
}

.nav-project-tab li {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    border-radius: 0
}

.nav-project-tab li button {
    background: #fff;
    border: 1px solid #edeff3 !important;
    box-shadow: 0 9px 18px rgba(24, 16, 16, .05);
    border-radius: 15px;
    padding: 13px 25px;
    border-radius: 10px !important;
    font-size: 16px;
    color: #1c2539;
    font-weight: 500;
    transition: .3s
}

.nav-project-tab li button:hover {
    background-color: #0054a5 !important;
    box-shadow: 0 9px 18px rgba(24, 16, 16, .05) !important;
    color: #fff !important
}

.nav-project-tab li button.active {
    background-color: #0054a5 !important;
    box-shadow: 0 9px 18px rgba(24, 16, 16, .05) !important;
    color: #fff !important
}

.progress-circle-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .progress-circle-main-wrapper {
        gap: 15px
    }
}

@media only screen and (max-width:1199px) {
    .progress-circle-main-wrapper {
        flex-wrap: wrap;
        gap: 30px
    }
}

@media only screen and (max-width:479px) {
    .progress-circle-main-wrapper {
        justify-content: center
    }
}

.progress-area-wrapper.style-8 {
    display: flex;
    align-items: center;
    gap: 26px
}

.progress-area-wrapper.style-8 .title {
    font-size: 20px;
    margin-bottom: 7px
}

.rts-bg-video-area-large {
    height: 640px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/banner/05.webp)
}

@media only screen and (max-width:575px) {
    .rts-bg-video-area-large {
        height: 400px
    }
}

.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    z-index: 999;
    opacity: 1;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.progress-wrap::after {
    position: absolute;
    font-family: var(--font-3);
    content: "\f077";
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: var(--color-primary);
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border: 1px solid var(--color-primary);
    border: none !important;
    box-shadow: none;
    border-radius: 50% !important;
    border-radius: 5px
}

.progress-wrap:hover::after {
    opacity: 1;
    content: "\f077"
}

.progress-wrap::before {
    position: absolute;
    font-family: var(--font-3);
    content: "\f077";
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    background: var(--color-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.progress-wrap:hover::before {
    opacity: 0
}

.progress-wrap svg path {
    fill: none
}

.progress-wrap svg {
    color: var(--color-primary);
    border-radius: 50%;
    background: 0 0
}

.progress-wrap svg.progress-circle path {
    stroke: var(--color-primary);
    stroke-width: 4px;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    z-index: 999;
    opacity: 1;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.progress-wrap::after {
    position: absolute;
    font-family: var(--font-3);
    content: "\f077";
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: #c2c2c2;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border: 1px solid var(--color-primary);
    border: none !important;
    box-shadow: none;
    border-radius: 50% !important;
    border-radius: 5px
}

.progress-wrap:hover::after {
    opacity: 1;
    content: "\f077"
}

.progress-wrap::before {
    position: absolute;
    font-family: var(--font-3);
    content: "\f077";
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    background: var(--color-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.progress-wrap:hover::before {
    opacity: 0
}

.progress-wrap svg path {
    fill: none
}

.progress-wrap svg {
    color: var(--color-primary);
    border-radius: 50%;
    background: 0 0
}

.progress-wrap svg.progress-circle path {
    stroke: var(--color-primary);
    stroke-width: 4px;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.search-input-area {
    transition: all .5s ease;
    visibility: hidden;
    transform: translateY(-100%);
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 57px 0;
    background: #fff;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .46);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center
}

.search-input-area.show {
    visibility: visible;
    transform: inherit;
    opacity: 1;
}

.side-bar.show {
    right: 0;
}

.side-bar.show {
    right: 0;
    overflow-y: auto;
}

#anywhere-home {
    cursor: url(../images/banner/shape/close.png), auto;
    background: #0e1013;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease-in-out;
    pointer-events: none;
    z-index: 50;
}

#anywhere-home.bgshow {
    background: #0e1013;
    opacity: 70%;
    visibility: visible;
    pointer-events: visible;
    z-index: 999;
    top: 0;
}

@media only screen and (max-width:575px) {
    .search-input-area {
        padding: 70px 0 30px 0
    }
}

.search-input-area .search-input-inner {
    display: flex;
    align-items: center;
    position: relative
}

.search-input-area .search-input-inner .input-div {
    width: 80%;
    display: flex;
    align-items: center;
    margin: auto
}

@media only screen and (max-width:575px) {
    .search-input-area .search-input-inner .input-div {
        width: 100%
    }
}

.search-input-area .search-input-inner .input-div input {
    background: #f7f7f7;
    border-radius: 5px;
    height: 55px;
    border: 1px solid transparent
}

.search-input-area .search-input-inner .input-div input:focus {
    border: 1px solid var(--color-primary)
}

.search-input-area .search-input-inner .input-div button {
    max-width: max-content;
    padding: 18px 21px;
    background: var(--color-primary);
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    display: block;
    margin-left: -9px;
    border-radius: 0 5px 5px 0
}

.search-input-area .search-close-icon {
    cursor: pointer;
    position: absolute;
    right: 38px;
    top: 22px
}

@media only screen and (max-width:575px) {
    .search-input-area .search-close-icon {
        right: 20px;
        top: 15px
    }
}

.search-input-area .search-close-icon i {
    position: relative;
    z-index: 1;
    color: var(--color-primary);
    transition: .3s;
    font-size: 18px
}

.search-input-area .search-close-icon i:hover {
    color: #f7f7f7
}

.search-input-area .search-close-icon i:hover::after {
    background: var(--color-primary)
}

.search-input-area .search-close-icon i::after {
    position: absolute;
    height: 45px;
    width: 45px;
    content: "";
    border-radius: 5px;
    background: rgba(85, 60, 223, .0784313725);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: .3s
}

#anywhere-home {
    cursor: url(../images/banner/shape/close.png), auto;
    background: #0e1013;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-in-out;
    pointer-events: none;
    z-index: 50
}

.circle-text-main {
    position: absolute;
    left: 52%;
    bottom: 75px;
    transform: translateX(-50%)
}

.circle-text-main .circle {
    position: relative;
    width: 170px;
    height: 170px;
    border-radius: 100vmax;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 10px
}

.circle-text-main .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.circle-text-main .text {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: consolas;
    color: #1c2539;
    text-transform: uppercase;
    font-size: 17px;
    animation: textRotation 8s linear infinite
}

.circle-text-main .text-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: consolas;
    color: #1c2539;
    text-transform: uppercase;
    font-size: 17px;
    animation: textRotation 8s linear infinite
}

@keyframes textRotation {
    to {
        transform: rotate(360deg)
    }
}

.circle-text-main .text span {
    position: absolute;
    left: 50%;
    transform-origin: 0 84px
}

.circle-text-main .text-1 span {
    position: absolute;
    left: 50%;
    transform-origin: 0 84px
}

.contact-form-p {
    margin-left: -90px;
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    border: 1px solid rgba(32, 40, 45, .2)
}

@media only screen and (max-width:991px) {
    .contact-form-p {
        margin-left: 0;
        padding: 25px
    }
}

.contact-form-p input {
    height: 54px;
    border: 1px solid rgba(32, 40, 45, .2);
    border-radius: 6px;
    margin-bottom: 30px
}

.swiper-container-h1 {
    border-radius: 16px
}

.next-prev-project-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 40px;
    margin-top: 80px;
    border-top: 1px solid #ded7cf
}

@media only screen and (max-width:991px) {
    .next-prev-project-wrapper {
        flex-direction: column;
        gap: 35px
    }
}

.img-wrapper {
    position: relative;
    margin-top: 15px
}

.img-wrapper img {
    width: 100%
}

.img-overlay {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0
}

.img-overlay i {
    color: #fff;
    font-size: 3em;
    cursor: pointer
}

#overlay {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#overlay img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 5%
}

@media screen and (min-width:768px) {
    #overlay img {
        width: 60%
    }
}

@media screen and (min-width:1200px) {
    #overlay img {
        width: 50%
    }
}

.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
}

.loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    background: var(--color-white);
    width: 50%;
    height: 100%;
    z-index: 5000;
}

.loader-wrapper .loader-section.section-left {
    left: 0;
}

.loader-wrapper .loader-section.section-right {
    right: 0;
}

/* Loaded Styles */
.loaded .loader-wrapper .loader-section.section-left {
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
}

.loaded .loader-wrapper .loader-section.section-right {
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
}

.loaded .loader {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.loaded .loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.3s 1s ease-out;
}

.loader:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    bottom: 14px;
    border: 4px solid transparent;
    border-top-color: var(--color-primary);
    border-right-color: var(--color-primary);
    border-bottom-color: var(--color-primary);
    border-radius: 100%;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    z-index: 5001;
    transform: translate(-50%, -50%);
}

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

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

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

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

[dir=rtl] .header-one .nav-area {
    margin-left: 80px
}

[dir=rtl] .ml--20 {
    margin-right: 20px !important;
    margin-left: 0 !important
}

[dir=rtl] .banner-style-one .banner-one-inner {
    text-align: right !important
}

[dir=rtl] .banner-style-one .banner-one-inner .title {
    text-align: right !important;
    direction: ltr
}

[dir=rtl] .has-dropdown::after {
    left: -22px;
    right: auto
}

[dir=rtl] .header-two .nav-area {
    margin-right: 135px;
    margin-left: 0
}

[dir=rtl] .header-two .main-header .content .header-right {
    margin-left: 0;
    margin-right: auto
}

[dir=rtl] .header-two .main-header .content .header-right a.rts-btn {
    margin-right: 40px;
    margin-left: 0
}

[dir=rtl] .title-style-one.left {
    text-align: right
}

[dir=rtl] .title-style-one.left .title {
    direction: ltr;
    text-align: right
}

[dir=rtl] .title-style-one.center .title {
    direction: ltr
}

[dir=rtl] .title-style-two.center .title {
    direction: ltr
}

[dir=rtl] .title-style-two {
    direction: ltr;
    text-align: right
}

[dir=rtl] .project-style-one .inner-content {
    right: 30px;
    left: auto
}

[dir=rtl] .side-bar button {
    margin-right: -36px;
    margin-left: auto
}

[dir=rtl] .side-bar {
    left: -100%;
    right: unset
}

[dir=rtl] .title-style-two.center {
    text-align: center !important
}

[dir=rtl] .title-style-two.center .title {
    text-align: center
}

[dir=rtl] .title-style-two .bg-content {
    right: -90px;
    left: unset
}

[dir=rtl] .mobile-menu nav ul li.has-droupdown::after {
    left: 0;
    right: unset
}

[dir=rtl] .header-two .header-top::after {
    left: unset;
    right: -5%
}

[dir=rtl] .header-two .header-top .content .right-header-top {
    margin-left: 0;
    margin-right: auto
}

[dir=rtl] .footer-logo-area-left-8 {
    text-align: right
}

[dir=rtl] .rts-banner-area-9 .image-right-absolute {
    right: auto;
    left: 0
}

[dir=rtl] .rts-banner-area-9 .title {
    text-align: right !important;
    direction: ltr
}

[dir=rtl] .title-style-10.left {
    text-align: right
}

[dir=rtl] .banner-inner-content-12 .title {
    text-align: right
}

[dir=rtl] .banner-inner-content-12 .button-wrapper {
    justify-content: end
}

[dir=rtl] .title-style-10 .title {
    direction: ltr
}

[dir=rtl] .rts-banner-area-start-11 .circle-text-main {
    left: 282px;
    right: auto
}

[dir=rtl] .title-style-two .title {
    direction: ltr;
    text-align: right
}

[dir=rtl] button#menu-btn {
    margin-right: 0;
    margin-left: 0
}

[dir=rtl] .header-five .button-area-wrapper #menu-btn {
    margin-right: 0 !important;
}

[dir=rtl] .header-top-area-wrapper .header-top-one-wrapper .right .top-nav li {
    margin-right: 0;
    margin-left: 20px
}

[dir=rtl] .search-input-area .search-input-inner .input-div button {
    border-radius: 5px 0 0 5px
}

[dir=rtl] .search-input-area .search-close-icon {
    left: 38px;
    right: unset
}

[dir=rtl] .project-content-left-5 {
    direction: rtl !important
}

[dir=rtl] li.has-dropdown .submenu li a {
    text-align: right
}

.rts-banner-area-start-11 {
    background-image: url(../images/banner/14.webp);
    position: relative
}

.rts-banner-area-start-11.two {
    background-image: url(../images/banner/15.webp)
}

.rts-banner-area-start-11.three {
    background-image: url(../images/banner/16.webp)
}

.rts-banner-area-start-11.four {
    background-image: url(../images/banner/17.webp)
}

.rts-banner-area-start-11 .circle-text-main {
    position: absolute;
    right: 282px;
    top: 64%;
    transform: translateY(-50%);
    max-width: max-content;
    left: auto
}

@media only screen and (max-width:1199px) {
    .rts-banner-area-start-11 .circle-text-main {
        right: 120px;
        top: 76%
    }
}

@media only screen and (max-width:575px) {
    .rts-banner-area-start-11 .circle-text-main {
        display: none
    }
}

.rts-banner-area-start-11 .circle-text-main .circle {
    width: 255px;
    height: 255px;
    background: var(--color-primary)
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .rts-banner-area-start-11 .circle-text-main .circle {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .rts-banner-area-start-11 .circle-text-main .circle {
        display: none
    }
}

.rts-banner-area-start-11 .circle-text-main .circle .logo img {
    max-width: max-content
}

.rts-banner-area-start-11 .circle-text-main .circle * {
    color: #fff
}

.rts-banner-area-start-11 .circle-text-main .text span {
    position: absolute;
    left: 50%;
    transform-origin: 0 126px
}

.rts-banner-area-start-11 .circle-text-main .text-1 span {
    position: absolute;
    left: 50%;
    transform-origin: 0 126px
}

.swiper-slide-active .rts-banner-area-start-11 .banner-inner-content-12 {
    animation: fadeInLeft 1.5s
}

@media only screen and (max-width:575px) {
    .d-sm--none {
        display: none
    }
}

.m--0 {
    margin: 0
}

.rts-section-gap {
    padding: 120px 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .rts-section-gap {
        padding: 80px 0
    }
}

@media only screen and (max-width:767px) {
    .rts-section-gap {
        padding: 60px 0
    }
}

.rts-section-gap2 {
    padding: 100px 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .rts-section-gap2 {
        padding: 80px 0
    }
}

@media only screen and (max-width:767px) {
    .rts-section-gap2 {
        padding: 60px 0
    }
}

.rts-section-gap2Top {
    padding-top: 100px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .rts-section-gap2Top {
        padding-top: 70px
    }
}

@media only screen and (max-width:767px) {
    .rts-section-gap2Top {
        padding-top: 60px
    }
}

.rts-section-gap3 {
    padding: 150px 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .rts-section-gap3 {
        padding: 80px 0
    }
}

@media only screen and (max-width:767px) {
    .rts-section-gap3 {
        padding: 60px 0
    }
}

.rts-section-gap3Top {
    padding-top: 150px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .rts-section-gap3Top {
        padding-top: 70px
    }
}

@media only screen and (max-width:767px) {
    .rts-section-gap3Top {
        padding-top: 60px
    }
}

.pt--0 {
    padding-top: 0
}

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

.mt--0 {
    margin-top: 0
}

.mb--0 {
    margin-bottom: 0
}

.pt--5 {
    padding-top: 5px
}

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

.mb--5 {
    margin-bottom: 5px
}

.ml--5 {
    margin-left: 5px
}

.pt--10 {
    padding-top: 10px
}

.mt--10 {
    margin-top: 10px
}

.mb--10 {
    margin-bottom: 10px
}

.ml--10 {
    margin-left: 10px
}

.pt--15 {
    padding-top: 15px
}

.mt--15 {
    margin-top: 15px
}

.mb--15 {
    margin-bottom: 15px
}

.ml--15 {
    margin-left: 15px
}

.pt--20 {
    padding-top: 20px
}

.mt--20 {
    margin-top: 20px
}

.mb--20 {
    margin-bottom: 20px
}

.ml--20 {
    margin-left: 20px
}

.pt--25 {
    padding-top: 25px
}

.mt--25 {
    margin-top: 25px
}

.mb--25 {
    margin-bottom: 25px
}

.ml--25 {
    margin-left: 25px
}

.pt--30 {
    padding-top: 30px
}

.mt--30 {
    margin-top: 30px
}

.mb--30 {
    margin-bottom: 30px
}

.ml--30 {
    margin-left: 30px
}

.pt--35 {
    padding-top: 35px
}

.mt--35 {
    margin-top: 35px
}

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

.ml--35 {
    margin-left: 35px
}

.pt--40 {
    padding-top: 40px
}

.mt--40 {
    margin-top: 40px
}

.mb--40 {
    margin-bottom: 40px
}

.ml--40 {
    margin-left: 40px
}

.pt--45 {
    padding-top: 45px
}

.mt--45 {
    margin-top: 45px
}

.mb--45 {
    margin-bottom: 45px
}

.ml--45 {
    margin-left: 45px
}

.pt--50 {
    padding-top: 50px
}

.mt--50 {
    margin-top: 50px
}

.mb--50 {
    margin-bottom: 50px
}

.ml--50 {
    margin-left: 50px
}

.pt--55 {
    padding-top: 55px
}

.mt--55 {
    margin-top: 55px
}

.mb--55 {
    margin-bottom: 55px
}

.ml--55 {
    margin-left: 55px
}

.pt--60 {
    padding-top: 60px
}

.mt--60 {
    margin-top: 60px
}

.mb--60 {
    margin-bottom: 60px
}

.ml--60 {
    margin-left: 60px
}

.pt--65 {
    padding-top: 65px
}

.mt--65 {
    margin-top: 65px
}

.mb--65 {
    margin-bottom: 65px
}

.ml--65 {
    margin-left: 65px
}

.pt--70 {
    padding-top: 70px
}

.mt--70 {
    margin-top: 70px
}

.mb--70 {
    margin-bottom: 70px
}

.ml--70 {
    margin-left: 70px
}

.pt--75 {
    padding-top: 75px
}

.mt--75 {
    margin-top: 75px
}

.mb--75 {
    margin-bottom: 75px
}

.ml--75 {
    margin-left: 75px
}

.pt--80 {
    padding-top: 80px
}

.mt--80 {
    margin-top: 80px
}

.mb--80 {
    margin-bottom: 80px
}

.ml--80 {
    margin-left: 80px
}

.pt--85 {
    padding-top: 85px
}

.mt--85 {
    margin-top: 85px
}

.mb--85 {
    margin-bottom: 85px
}

.ml--85 {
    margin-left: 85px
}

.pt--90 {
    padding-top: 90px
}

.mt--90 {
    margin-top: 90px
}

.mb--90 {
    margin-bottom: 90px
}

.ml--90 {
    margin-left: 90px
}

.pt--95 {
    padding-top: 95px
}

.mt--95 {
    margin-top: 95px
}

.mb--95 {
    margin-bottom: 95px
}

.ml--95 {
    margin-left: 95px
}

.pt--100 {
    padding-top: 100px
}

.mt--100 {
    margin-top: 100px
}

.mb--100 {
    margin-bottom: 100px
}

.ml--100 {
    margin-left: 100px
}

.pt--105 {
    padding-top: 105px
}

.mt--105 {
    margin-top: 105px
}

.mb--105 {
    margin-bottom: 105px
}

.ml--105 {
    margin-left: 105px
}

.pt--110 {
    padding-top: 110px
}

.mt--110 {
    margin-top: 110px
}

.mb--110 {
    margin-bottom: 110px
}

.ml--110 {
    margin-left: 110px
}

.pt--115 {
    padding-top: 115px
}

.mt--115 {
    margin-top: 115px
}

.mb--115 {
    margin-bottom: 115px
}

.ml--115 {
    margin-left: 115px
}

.pt--120 {
    padding-top: 120px
}

.mt--120 {
    margin-top: 120px
}

.mb--120 {
    margin-bottom: 120px
}

.ml--120 {
    margin-left: 120px
}

.pt--125 {
    padding-top: 125px
}

.mt--125 {
    margin-top: 125px
}

.mb--125 {
    margin-bottom: 125px
}

.ml--125 {
    margin-left: 125px
}

.pt--130 {
    padding-top: 130px
}

.mt--130 {
    margin-top: 130px
}

.mb--130 {
    margin-bottom: 130px
}

.ml--130 {
    margin-left: 130px
}

.pt--135 {
    padding-top: 135px
}

.mt--135 {
    margin-top: 135px
}

.mb--135 {
    margin-bottom: 135px
}

.ml--135 {
    margin-left: 135px
}

.pt--140 {
    padding-top: 140px
}

.mt--140 {
    margin-top: 140px
}

.mb--140 {
    margin-bottom: 140px
}

.ml--140 {
    margin-left: 140px
}

.pt--145 {
    padding-top: 145px
}

.mt--145 {
    margin-top: 145px
}

.mb--145 {
    margin-bottom: 145px
}

.ml--145 {
    margin-left: 145px
}

.pt--150 {
    padding-top: 150px
}

.mt--150 {
    margin-top: 150px
}

.mb--150 {
    margin-bottom: 150px
}

.ml--150 {
    margin-left: 150px
}

.pt--155 {
    padding-top: 155px
}

.mt--155 {
    margin-top: 155px
}

.mb--155 {
    margin-bottom: 155px
}

.ml--155 {
    margin-left: 155px
}

.pt--160 {
    padding-top: 160px
}

.mt--160 {
    margin-top: 160px
}

.mb--160 {
    margin-bottom: 160px
}

.ml--160 {
    margin-left: 160px
}

.pt--165 {
    padding-top: 165px
}

.mt--165 {
    margin-top: 165px
}

.mb--165 {
    margin-bottom: 165px
}

.ml--165 {
    margin-left: 165px
}

.pt--170 {
    padding-top: 170px
}

.mt--170 {
    margin-top: 170px
}

.mb--170 {
    margin-bottom: 170px
}

.ml--170 {
    margin-left: 170px
}

.pt--175 {
    padding-top: 175px
}

.mt--175 {
    margin-top: 175px
}

.mb--175 {
    margin-bottom: 175px
}

.ml--175 {
    margin-left: 175px
}

.pt--180 {
    padding-top: 180px
}

.mt--180 {
    margin-top: 180px
}

.mb--180 {
    margin-bottom: 180px
}

.ml--180 {
    margin-left: 180px
}

.pt--185 {
    padding-top: 185px
}

.mt--185 {
    margin-top: 185px
}

.mb--185 {
    margin-bottom: 185px
}

.ml--185 {
    margin-left: 185px
}

.pt--190 {
    padding-top: 190px
}

.mt--190 {
    margin-top: 190px
}

.mb--190 {
    margin-bottom: 190px
}

.ml--190 {
    margin-left: 190px
}

.pt--195 {
    padding-top: 195px
}

.mt--195 {
    margin-top: 195px
}

.mb--195 {
    margin-bottom: 195px
}

.ml--195 {
    margin-left: 195px
}

.pt--200 {
    padding-top: 200px
}

.mt--200 {
    margin-top: 200px
}

.mb--200 {
    margin-bottom: 200px
}

.ml--200 {
    margin-left: 200px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .pt_lg--5 {
        padding-top: 5px
    }

    .mt_lg--5 {
        margin-top: 5px
    }

    .mb_lg--5 {
        margin-bottom: 5px
    }

    .ml_lg--5 {
        margin-left: 5px
    }

    .pt_lg--10 {
        padding-top: 10px
    }

    .mt_lg--10 {
        margin-top: 10px
    }

    .mb_lg--10 {
        margin-bottom: 10px
    }

    .ml_lg--10 {
        margin-left: 10px
    }

    .pt_lg--15 {
        padding-top: 15px
    }

    .mt_lg--15 {
        margin-top: 15px
    }

    .mb_lg--15 {
        margin-bottom: 15px
    }

    .ml_lg--15 {
        margin-left: 15px
    }

    .pt_lg--20 {
        padding-top: 20px
    }

    .mt_lg--20 {
        margin-top: 20px
    }

    .mb_lg--20 {
        margin-bottom: 20px
    }

    .ml_lg--20 {
        margin-left: 20px
    }

    .pt_lg--25 {
        padding-top: 25px
    }

    .mt_lg--25 {
        margin-top: 25px
    }

    .mb_lg--25 {
        margin-bottom: 25px
    }

    .ml_lg--25 {
        margin-left: 25px
    }

    .pt_lg--30 {
        padding-top: 30px
    }

    .mt_lg--30 {
        margin-top: 30px
    }

    .mb_lg--30 {
        margin-bottom: 30px
    }

    .ml_lg--30 {
        margin-left: 30px
    }

    .pt_lg--35 {
        padding-top: 35px
    }

    .mt_lg--35 {
        margin-top: 35px
    }

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

    .ml_lg--35 {
        margin-left: 35px
    }

    .pt_lg--40 {
        padding-top: 40px
    }

    .mt_lg--40 {
        margin-top: 40px
    }

    .mb_lg--40 {
        margin-bottom: 40px
    }

    .ml_lg--40 {
        margin-left: 40px
    }

    .pt_lg--45 {
        padding-top: 45px
    }

    .mt_lg--45 {
        margin-top: 45px
    }

    .mb_lg--45 {
        margin-bottom: 45px
    }

    .ml_lg--45 {
        margin-left: 45px
    }

    .pt_lg--50 {
        padding-top: 50px
    }

    .mt_lg--50 {
        margin-top: 50px
    }

    .mb_lg--50 {
        margin-bottom: 50px
    }

    .ml_lg--50 {
        margin-left: 50px
    }

    .pt_lg--55 {
        padding-top: 55px
    }

    .mt_lg--55 {
        margin-top: 55px
    }

    .mb_lg--55 {
        margin-bottom: 55px
    }

    .ml_lg--55 {
        margin-left: 55px
    }

    .pt_lg--60 {
        padding-top: 60px
    }

    .mt_lg--60 {
        margin-top: 60px
    }

    .mb_lg--60 {
        margin-bottom: 60px
    }

    .ml_lg--60 {
        margin-left: 60px
    }

    .pt_lg--65 {
        padding-top: 65px
    }

    .mt_lg--65 {
        margin-top: 65px
    }

    .mb_lg--65 {
        margin-bottom: 65px
    }

    .ml_lg--65 {
        margin-left: 65px
    }

    .pt_lg--70 {
        padding-top: 70px
    }

    .mt_lg--70 {
        margin-top: 70px
    }

    .mb_lg--70 {
        margin-bottom: 70px
    }

    .ml_lg--70 {
        margin-left: 70px
    }

    .pt_lg--75 {
        padding-top: 75px
    }

    .mt_lg--75 {
        margin-top: 75px
    }

    .mb_lg--75 {
        margin-bottom: 75px
    }

    .ml_lg--75 {
        margin-left: 75px
    }

    .pt_lg--80 {
        padding-top: 80px
    }

    .mt_lg--80 {
        margin-top: 80px
    }

    .mb_lg--80 {
        margin-bottom: 80px
    }

    .ml_lg--80 {
        margin-left: 80px
    }

    .pt_lg--85 {
        padding-top: 85px
    }

    .mt_lg--85 {
        margin-top: 85px
    }

    .mb_lg--85 {
        margin-bottom: 85px
    }

    .ml_lg--85 {
        margin-left: 85px
    }

    .pt_lg--90 {
        padding-top: 90px
    }

    .mt_lg--90 {
        margin-top: 90px
    }

    .mb_lg--90 {
        margin-bottom: 90px
    }

    .ml_lg--90 {
        margin-left: 90px
    }

    .pt_lg--95 {
        padding-top: 95px
    }

    .mt_lg--95 {
        margin-top: 95px
    }

    .mb_lg--95 {
        margin-bottom: 95px
    }

    .ml_lg--95 {
        margin-left: 95px
    }

    .pt_lg--100 {
        padding-top: 100px
    }

    .mt_lg--100 {
        margin-top: 100px
    }

    .mb_lg--100 {
        margin-bottom: 100px
    }

    .ml_lg--100 {
        margin-left: 100px
    }

    .pt_lg--105 {
        padding-top: 105px
    }

    .mt_lg--105 {
        margin-top: 105px
    }

    .mb_lg--105 {
        margin-bottom: 105px
    }

    .ml_lg--105 {
        margin-left: 105px
    }

    .pt_lg--110 {
        padding-top: 110px
    }

    .mt_lg--110 {
        margin-top: 110px
    }

    .mb_lg--110 {
        margin-bottom: 110px
    }

    .ml_lg--110 {
        margin-left: 110px
    }

    .pt_lg--115 {
        padding-top: 115px
    }

    .mt_lg--115 {
        margin-top: 115px
    }

    .mb_lg--115 {
        margin-bottom: 115px
    }

    .ml_lg--115 {
        margin-left: 115px
    }

    .pt_lg--120 {
        padding-top: 120px
    }

    .mt_lg--120 {
        margin-top: 120px
    }

    .mb_lg--120 {
        margin-bottom: 120px
    }

    .ml_lg--120 {
        margin-left: 120px
    }

    .pt_lg--125 {
        padding-top: 125px
    }

    .mt_lg--125 {
        margin-top: 125px
    }

    .mb_lg--125 {
        margin-bottom: 125px
    }

    .ml_lg--125 {
        margin-left: 125px
    }

    .pt_lg--130 {
        padding-top: 130px
    }

    .mt_lg--130 {
        margin-top: 130px
    }

    .mb_lg--130 {
        margin-bottom: 130px
    }

    .ml_lg--130 {
        margin-left: 130px
    }

    .pt_lg--135 {
        padding-top: 135px
    }

    .mt_lg--135 {
        margin-top: 135px
    }

    .mb_lg--135 {
        margin-bottom: 135px
    }

    .ml_lg--135 {
        margin-left: 135px
    }

    .pt_lg--140 {
        padding-top: 140px
    }

    .mt_lg--140 {
        margin-top: 140px
    }

    .mb_lg--140 {
        margin-bottom: 140px
    }

    .ml_lg--140 {
        margin-left: 140px
    }

    .pt_lg--145 {
        padding-top: 145px
    }

    .mt_lg--145 {
        margin-top: 145px
    }

    .mb_lg--145 {
        margin-bottom: 145px
    }

    .ml_lg--145 {
        margin-left: 145px
    }

    .pt_lg--150 {
        padding-top: 150px
    }

    .mt_lg--150 {
        margin-top: 150px
    }

    .mb_lg--150 {
        margin-bottom: 150px
    }

    .ml_lg--150 {
        margin-left: 150px
    }

    .pt_lg--155 {
        padding-top: 155px
    }

    .mt_lg--155 {
        margin-top: 155px
    }

    .mb_lg--155 {
        margin-bottom: 155px
    }

    .ml_lg--155 {
        margin-left: 155px
    }

    .pt_lg--160 {
        padding-top: 160px
    }

    .mt_lg--160 {
        margin-top: 160px
    }

    .mb_lg--160 {
        margin-bottom: 160px
    }

    .ml_lg--160 {
        margin-left: 160px
    }

    .pt_lg--165 {
        padding-top: 165px
    }

    .mt_lg--165 {
        margin-top: 165px
    }

    .mb_lg--165 {
        margin-bottom: 165px
    }

    .ml_lg--165 {
        margin-left: 165px
    }

    .pt_lg--170 {
        padding-top: 170px
    }

    .mt_lg--170 {
        margin-top: 170px
    }

    .mb_lg--170 {
        margin-bottom: 170px
    }

    .ml_lg--170 {
        margin-left: 170px
    }

    .pt_lg--175 {
        padding-top: 175px
    }

    .mt_lg--175 {
        margin-top: 175px
    }

    .mb_lg--175 {
        margin-bottom: 175px
    }

    .ml_lg--175 {
        margin-left: 175px
    }

    .pt_lg--180 {
        padding-top: 180px
    }

    .mt_lg--180 {
        margin-top: 180px
    }

    .mb_lg--180 {
        margin-bottom: 180px
    }

    .ml_lg--180 {
        margin-left: 180px
    }

    .pt_lg--185 {
        padding-top: 185px
    }

    .mt_lg--185 {
        margin-top: 185px
    }

    .mb_lg--185 {
        margin-bottom: 185px
    }

    .ml_lg--185 {
        margin-left: 185px
    }

    .pt_lg--190 {
        padding-top: 190px
    }

    .mt_lg--190 {
        margin-top: 190px
    }

    .mb_lg--190 {
        margin-bottom: 190px
    }

    .ml_lg--190 {
        margin-left: 190px
    }

    .pt_lg--195 {
        padding-top: 195px
    }

    .mt_lg--195 {
        margin-top: 195px
    }

    .mb_lg--195 {
        margin-bottom: 195px
    }

    .ml_lg--195 {
        margin-left: 195px
    }

    .pt_lg--200 {
        padding-top: 200px
    }

    .mt_lg--200 {
        margin-top: 200px
    }

    .mb_lg--200 {
        margin-bottom: 200px
    }

    .ml_lg--200 {
        margin-left: 200px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pt_md--0 {
        padding-top: 0
    }

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

    .mt_md--0 {
        margin-top: 0
    }

    .mb_md--0 {
        margin-bottom: 0
    }

    .pt_md--5 {
        padding-top: 5px
    }

    .mt_md--5 {
        margin-top: 5px
    }

    .mb_md--5 {
        margin-bottom: 5px
    }

    .pt_md--10 {
        padding-top: 10px
    }

    .mt_md--10 {
        margin-top: 10px
    }

    .mb_md--10 {
        margin-bottom: 10px
    }

    .pt_md--15 {
        padding-top: 15px
    }

    .mt_md--15 {
        margin-top: 15px
    }

    .mb_md--15 {
        margin-bottom: 15px
    }

    .pt_md--20 {
        padding-top: 20px
    }

    .mt_md--20 {
        margin-top: 20px
    }

    .mb_md--20 {
        margin-bottom: 20px
    }

    .pt_md--25 {
        padding-top: 25px
    }

    .mt_md--25 {
        margin-top: 25px
    }

    .mb_md--25 {
        margin-bottom: 25px
    }

    .pt_md--30 {
        padding-top: 30px
    }

    .mt_md--30 {
        margin-top: 30px
    }

    .mb_md--30 {
        margin-bottom: 30px
    }

    .pt_md--35 {
        padding-top: 35px
    }

    .mt_md--35 {
        margin-top: 35px
    }

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

    .pt_md--40 {
        padding-top: 40px
    }

    .mt_md--40 {
        margin-top: 40px
    }

    .mb_md--40 {
        margin-bottom: 40px
    }

    .pt_md--45 {
        padding-top: 45px
    }

    .mt_md--45 {
        margin-top: 45px
    }

    .mb_md--45 {
        margin-bottom: 45px
    }

    .pt_md--50 {
        padding-top: 50px
    }

    .mt_md--50 {
        margin-top: 50px
    }

    .mb_md--50 {
        margin-bottom: 50px
    }

    .pt_md--55 {
        padding-top: 55px
    }

    .mt_md--55 {
        margin-top: 55px
    }

    .mb_md--55 {
        margin-bottom: 55px
    }

    .pt_md--60 {
        padding-top: 60px
    }

    .mt_md--60 {
        margin-top: 60px
    }

    .mb_md--60 {
        margin-bottom: 60px
    }

    .pt_md--65 {
        padding-top: 65px
    }

    .mt_md--65 {
        margin-top: 65px
    }

    .mb_md--65 {
        margin-bottom: 65px
    }

    .pt_md--70 {
        padding-top: 70px
    }

    .mt_md--70 {
        margin-top: 70px
    }

    .mb_md--70 {
        margin-bottom: 70px
    }

    .pt_md--75 {
        padding-top: 75px
    }

    .mt_md--75 {
        margin-top: 75px
    }

    .mb_md--75 {
        margin-bottom: 75px
    }

    .pt_md--80 {
        padding-top: 80px
    }

    .mt_md--80 {
        margin-top: 80px
    }

    .mb_md--80 {
        margin-bottom: 80px
    }

    .pt_md--85 {
        padding-top: 85px
    }

    .mt_md--85 {
        margin-top: 85px
    }

    .mb_md--85 {
        margin-bottom: 85px
    }

    .pt_md--90 {
        padding-top: 90px
    }

    .mt_md--90 {
        margin-top: 90px
    }

    .mb_md--90 {
        margin-bottom: 90px
    }

    .pt_md--95 {
        padding-top: 95px
    }

    .mt_md--95 {
        margin-top: 95px
    }

    .mb_md--95 {
        margin-bottom: 95px
    }

    .pt_md--100 {
        padding-top: 100px
    }

    .mt_md--100 {
        margin-top: 100px
    }

    .mb_md--100 {
        margin-bottom: 100px
    }

    .pt_md--105 {
        padding-top: 105px
    }

    .mt_md--105 {
        margin-top: 105px
    }

    .mb_md--105 {
        margin-bottom: 105px
    }

    .pt_md--110 {
        padding-top: 110px
    }

    .mt_md--110 {
        margin-top: 110px
    }

    .mb_md--110 {
        margin-bottom: 110px
    }

    .pt_md--115 {
        padding-top: 115px
    }

    .mt_md--115 {
        margin-top: 115px
    }

    .mb_md--115 {
        margin-bottom: 115px
    }

    .pt_md--120 {
        padding-top: 120px
    }

    .mt_md--120 {
        margin-top: 120px
    }

    .mb_md--120 {
        margin-bottom: 120px
    }

    .pt_md--125 {
        padding-top: 125px
    }

    .mt_md--125 {
        margin-top: 125px
    }

    .mb_md--125 {
        margin-bottom: 125px
    }

    .pt_md--130 {
        padding-top: 130px
    }

    .mt_md--130 {
        margin-top: 130px
    }

    .mb_md--130 {
        margin-bottom: 130px
    }

    .pt_md--135 {
        padding-top: 135px
    }

    .mt_md--135 {
        margin-top: 135px
    }

    .mb_md--135 {
        margin-bottom: 135px
    }

    .pt_md--140 {
        padding-top: 140px
    }

    .mt_md--140 {
        margin-top: 140px
    }

    .mb_md--140 {
        margin-bottom: 140px
    }

    .pt_md--145 {
        padding-top: 145px
    }

    .mt_md--145 {
        margin-top: 145px
    }

    .mb_md--145 {
        margin-bottom: 145px
    }

    .pt_md--150 {
        padding-top: 150px
    }

    .mt_md--150 {
        margin-top: 150px
    }

    .mb_md--150 {
        margin-bottom: 150px
    }

    .pt_md--155 {
        padding-top: 155px
    }

    .mt_md--155 {
        margin-top: 155px
    }

    .mb_md--155 {
        margin-bottom: 155px
    }

    .pt_md--160 {
        padding-top: 160px
    }

    .mt_md--160 {
        margin-top: 160px
    }

    .mb_md--160 {
        margin-bottom: 160px
    }

    .pt_md--165 {
        padding-top: 165px
    }

    .mt_md--165 {
        margin-top: 165px
    }

    .mb_md--165 {
        margin-bottom: 165px
    }

    .pt_md--170 {
        padding-top: 170px
    }

    .mt_md--170 {
        margin-top: 170px
    }

    .mb_md--170 {
        margin-bottom: 170px
    }

    .pt_md--175 {
        padding-top: 175px
    }

    .mt_md--175 {
        margin-top: 175px
    }

    .mb_md--175 {
        margin-bottom: 175px
    }

    .pt_md--180 {
        padding-top: 180px
    }

    .mt_md--180 {
        margin-top: 180px
    }

    .mb_md--180 {
        margin-bottom: 180px
    }

    .pt_md--185 {
        padding-top: 185px
    }

    .mt_md--185 {
        margin-top: 185px
    }

    .mb_md--185 {
        margin-bottom: 185px
    }

    .pt_md--190 {
        padding-top: 190px
    }

    .mt_md--190 {
        margin-top: 190px
    }

    .mb_md--190 {
        margin-bottom: 190px
    }

    .pt_md--195 {
        padding-top: 195px
    }

    .mt_md--195 {
        margin-top: 195px
    }

    .mb_md--195 {
        margin-bottom: 195px
    }

    .pt_md--200 {
        padding-top: 200px
    }

    .mt_md--200 {
        margin-top: 200px
    }

    .mb_md--200 {
        margin-bottom: 200px
    }
}

@media only screen and (max-width:767px) {
    .pt_sm--0 {
        padding-top: 0
    }

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

    .mt_sm--0 {
        margin-top: 0
    }

    .mb_sm--0 {
        margin-bottom: 0
    }

    .pt_sm--150 {
        padding-top: 150px
    }

    .pt_sm--5 {
        padding-top: 5px
    }

    .mt_sm--5 {
        margin-top: 5px
    }

    .ml_sm--5 {
        margin-left: 5px
    }

    .mb_sm--5 {
        margin-bottom: 5px
    }

    .pt_sm--10 {
        padding-top: 10px
    }

    .mt_sm--10 {
        margin-top: 10px
    }

    .ml_sm--10 {
        margin-left: 10px
    }

    .mb_sm--10 {
        margin-bottom: 10px
    }

    .pt_sm--15 {
        padding-top: 15px
    }

    .mt_sm--15 {
        margin-top: 15px
    }

    .ml_sm--15 {
        margin-left: 15px
    }

    .mb_sm--15 {
        margin-bottom: 15px
    }

    .pt_sm--20 {
        padding-top: 20px
    }

    .mt_sm--20 {
        margin-top: 20px
    }

    .ml_sm--20 {
        margin-left: 20px
    }

    .mb_sm--20 {
        margin-bottom: 20px
    }

    .pt_sm--25 {
        padding-top: 25px
    }

    .mt_sm--25 {
        margin-top: 25px
    }

    .ml_sm--25 {
        margin-left: 25px
    }

    .mb_sm--25 {
        margin-bottom: 25px
    }

    .pt_sm--30 {
        padding-top: 30px
    }

    .mt_sm--30 {
        margin-top: 30px
    }

    .ml_sm--30 {
        margin-left: 30px
    }

    .mb_sm--30 {
        margin-bottom: 30px
    }

    .pt_sm--35 {
        padding-top: 35px
    }

    .mt_sm--35 {
        margin-top: 35px
    }

    .ml_sm--35 {
        margin-left: 35px
    }

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

    .pt_sm--40 {
        padding-top: 40px
    }

    .mt_sm--40 {
        margin-top: 40px
    }

    .ml_sm--40 {
        margin-left: 40px
    }

    .mb_sm--40 {
        margin-bottom: 40px
    }

    .pt_sm--45 {
        padding-top: 45px
    }

    .mt_sm--45 {
        margin-top: 45px
    }

    .ml_sm--45 {
        margin-left: 45px
    }

    .mb_sm--45 {
        margin-bottom: 45px
    }

    .pt_sm--50 {
        padding-top: 50px
    }

    .mt_sm--50 {
        margin-top: 50px
    }

    .ml_sm--50 {
        margin-left: 50px
    }

    .mb_sm--50 {
        margin-bottom: 50px
    }

    .pt_sm--55 {
        padding-top: 55px
    }

    .mt_sm--55 {
        margin-top: 55px
    }

    .ml_sm--55 {
        margin-left: 55px
    }

    .mb_sm--55 {
        margin-bottom: 55px
    }

    .pt_sm--60 {
        padding-top: 60px
    }

    .mt_sm--60 {
        margin-top: 60px
    }

    .ml_sm--60 {
        margin-left: 60px
    }

    .mb_sm--60 {
        margin-bottom: 60px
    }

    .pt_sm--65 {
        padding-top: 65px
    }

    .mt_sm--65 {
        margin-top: 65px
    }

    .ml_sm--65 {
        margin-left: 65px
    }

    .mb_sm--65 {
        margin-bottom: 65px
    }

    .pt_sm--70 {
        padding-top: 70px
    }

    .mt_sm--70 {
        margin-top: 70px
    }

    .ml_sm--70 {
        margin-left: 70px
    }

    .mb_sm--70 {
        margin-bottom: 70px
    }

    .pt_sm--75 {
        padding-top: 75px
    }

    .mt_sm--75 {
        margin-top: 75px
    }

    .ml_sm--75 {
        margin-left: 75px
    }

    .mb_sm--75 {
        margin-bottom: 75px
    }

    .pt_sm--80 {
        padding-top: 80px
    }

    .mt_sm--80 {
        margin-top: 80px
    }

    .ml_sm--80 {
        margin-left: 80px
    }

    .mb_sm--80 {
        margin-bottom: 80px
    }

    .pt_sm--85 {
        padding-top: 85px
    }

    .mt_sm--85 {
        margin-top: 85px
    }

    .ml_sm--85 {
        margin-left: 85px
    }

    .mb_sm--85 {
        margin-bottom: 85px
    }

    .pt_sm--90 {
        padding-top: 90px
    }

    .mt_sm--90 {
        margin-top: 90px
    }

    .ml_sm--90 {
        margin-left: 90px
    }

    .mb_sm--90 {
        margin-bottom: 90px
    }

    .pt_sm--95 {
        padding-top: 95px
    }

    .mt_sm--95 {
        margin-top: 95px
    }

    .ml_sm--95 {
        margin-left: 95px
    }

    .mb_sm--95 {
        margin-bottom: 95px
    }

    .pt_sm--100 {
        padding-top: 100px
    }

    .mt_sm--100 {
        margin-top: 100px
    }

    .ml_sm--100 {
        margin-left: 100px
    }

    .mb_sm--100 {
        margin-bottom: 100px
    }

    .pt_sm--105 {
        padding-top: 105px
    }

    .mt_sm--105 {
        margin-top: 105px
    }

    .ml_sm--105 {
        margin-left: 105px
    }

    .mb_sm--105 {
        margin-bottom: 105px
    }

    .pt_sm--110 {
        padding-top: 110px
    }

    .mt_sm--110 {
        margin-top: 110px
    }

    .ml_sm--110 {
        margin-left: 110px
    }

    .mb_sm--110 {
        margin-bottom: 110px
    }

    .pt_sm--115 {
        padding-top: 115px
    }

    .mt_sm--115 {
        margin-top: 115px
    }

    .ml_sm--115 {
        margin-left: 115px
    }

    .mb_sm--115 {
        margin-bottom: 115px
    }

    .pt_sm--120 {
        padding-top: 120px
    }

    .mt_sm--120 {
        margin-top: 120px
    }

    .ml_sm--120 {
        margin-left: 120px
    }

    .mb_sm--120 {
        margin-bottom: 120px
    }

    .pt_sm--125 {
        padding-top: 125px
    }

    .mt_sm--125 {
        margin-top: 125px
    }

    .ml_sm--125 {
        margin-left: 125px
    }

    .mb_sm--125 {
        margin-bottom: 125px
    }

    .pt_sm--130 {
        padding-top: 130px
    }

    .mt_sm--130 {
        margin-top: 130px
    }

    .ml_sm--130 {
        margin-left: 130px
    }

    .mb_sm--130 {
        margin-bottom: 130px
    }

    .pt_sm--135 {
        padding-top: 135px
    }

    .mt_sm--135 {
        margin-top: 135px
    }

    .ml_sm--135 {
        margin-left: 135px
    }

    .mb_sm--135 {
        margin-bottom: 135px
    }

    .pt_sm--140 {
        padding-top: 140px
    }

    .mt_sm--140 {
        margin-top: 140px
    }

    .ml_sm--140 {
        margin-left: 140px
    }

    .mb_sm--140 {
        margin-bottom: 140px
    }

    .pt_sm--145 {
        padding-top: 145px
    }

    .mt_sm--145 {
        margin-top: 145px
    }

    .ml_sm--145 {
        margin-left: 145px
    }

    .mb_sm--145 {
        margin-bottom: 145px
    }

    .pt_sm--150 {
        padding-top: 150px
    }

    .mt_sm--150 {
        margin-top: 150px
    }

    .ml_sm--150 {
        margin-left: 150px
    }

    .mb_sm--150 {
        margin-bottom: 150px
    }

    .pt_sm--155 {
        padding-top: 155px
    }

    .mt_sm--155 {
        margin-top: 155px
    }

    .ml_sm--155 {
        margin-left: 155px
    }

    .mb_sm--155 {
        margin-bottom: 155px
    }

    .pt_sm--160 {
        padding-top: 160px
    }

    .mt_sm--160 {
        margin-top: 160px
    }

    .ml_sm--160 {
        margin-left: 160px
    }

    .mb_sm--160 {
        margin-bottom: 160px
    }

    .pt_sm--165 {
        padding-top: 165px
    }

    .mt_sm--165 {
        margin-top: 165px
    }

    .ml_sm--165 {
        margin-left: 165px
    }

    .mb_sm--165 {
        margin-bottom: 165px
    }

    .pt_sm--170 {
        padding-top: 170px
    }

    .mt_sm--170 {
        margin-top: 170px
    }

    .ml_sm--170 {
        margin-left: 170px
    }

    .mb_sm--170 {
        margin-bottom: 170px
    }

    .pt_sm--175 {
        padding-top: 175px
    }

    .mt_sm--175 {
        margin-top: 175px
    }

    .ml_sm--175 {
        margin-left: 175px
    }

    .mb_sm--175 {
        margin-bottom: 175px
    }

    .pt_sm--180 {
        padding-top: 180px
    }

    .mt_sm--180 {
        margin-top: 180px
    }

    .ml_sm--180 {
        margin-left: 180px
    }

    .mb_sm--180 {
        margin-bottom: 180px
    }

    .pt_sm--185 {
        padding-top: 185px
    }

    .mt_sm--185 {
        margin-top: 185px
    }

    .ml_sm--185 {
        margin-left: 185px
    }

    .mb_sm--185 {
        margin-bottom: 185px
    }

    .pt_sm--190 {
        padding-top: 190px
    }

    .mt_sm--190 {
        margin-top: 190px
    }

    .ml_sm--190 {
        margin-left: 190px
    }

    .mb_sm--190 {
        margin-bottom: 190px
    }

    .pt_sm--195 {
        padding-top: 195px
    }

    .mt_sm--195 {
        margin-top: 195px
    }

    .ml_sm--195 {
        margin-left: 195px
    }

    .mb_sm--195 {
        margin-bottom: 195px
    }

    .pt_sm--200 {
        padding-top: 200px
    }

    .mt_sm--200 {
        margin-top: 200px
    }

    .ml_sm--200 {
        margin-left: 200px
    }

    .mb_sm--200 {
        margin-bottom: 200px
    }

    .pt_sm--0 {
        padding-top: 0
    }

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

    .mt_sm--0 {
        margin-top: 0
    }

    .mb_sm--0 {
        margin-bottom: 0
    }
}

@media only screen and (max-width:575px) {
    .pt_mobile--5 {
        padding-top: 5px
    }

    .mt_mobile--5 {
        margin-top: 5px
    }

    .mb_mobile--5 {
        margin-bottom: 5px
    }

    .pt_mobile--10 {
        padding-top: 10px
    }

    .mt_mobile--10 {
        margin-top: 10px
    }

    .mb_mobile--10 {
        margin-bottom: 10px
    }

    .pt_mobile--15 {
        padding-top: 15px
    }

    .mt_mobile--15 {
        margin-top: 15px
    }

    .mb_mobile--15 {
        margin-bottom: 15px
    }

    .pt_mobile--20 {
        padding-top: 20px
    }

    .mt_mobile--20 {
        margin-top: 20px
    }

    .mb_mobile--20 {
        margin-bottom: 20px
    }

    .pt_mobile--25 {
        padding-top: 25px
    }

    .mt_mobile--25 {
        margin-top: 25px
    }

    .mb_mobile--25 {
        margin-bottom: 25px
    }

    .pt_mobile--30 {
        padding-top: 30px
    }

    .mt_mobile--30 {
        margin-top: 30px
    }

    .mb_mobile--30 {
        margin-bottom: 30px
    }

    .pt_mobile--35 {
        padding-top: 35px
    }

    .mt_mobile--35 {
        margin-top: 35px
    }

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

    .pt_mobile--40 {
        padding-top: 40px
    }

    .mt_mobile--40 {
        margin-top: 40px
    }

    .mb_mobile--40 {
        margin-bottom: 40px
    }

    .pt_mobile--45 {
        padding-top: 45px
    }

    .mt_mobile--45 {
        margin-top: 45px
    }

    .mb_mobile--45 {
        margin-bottom: 45px
    }

    .pt_mobile--50 {
        padding-top: 50px
    }

    .mt_mobile--50 {
        margin-top: 50px
    }

    .mb_mobile--50 {
        margin-bottom: 50px
    }

    .pt_mobile--55 {
        padding-top: 55px
    }

    .mt_mobile--55 {
        margin-top: 55px
    }

    .mb_mobile--55 {
        margin-bottom: 55px
    }

    .pt_mobile--60 {
        padding-top: 60px
    }

    .mt_mobile--60 {
        margin-top: 60px
    }

    .mb_mobile--60 {
        margin-bottom: 60px
    }

    .pt_mobile--65 {
        padding-top: 65px
    }

    .mt_mobile--65 {
        margin-top: 65px
    }

    .mb_mobile--65 {
        margin-bottom: 65px
    }

    .pt_mobile--70 {
        padding-top: 70px
    }

    .mt_mobile--70 {
        margin-top: 70px
    }

    .mb_mobile--70 {
        margin-bottom: 70px
    }

    .pt_mobile--75 {
        padding-top: 75px
    }

    .mt_mobile--75 {
        margin-top: 75px
    }

    .mb_mobile--75 {
        margin-bottom: 75px
    }

    .pt_mobile--80 {
        padding-top: 80px
    }

    .mt_mobile--80 {
        margin-top: 80px
    }

    .mb_mobile--80 {
        margin-bottom: 80px
    }

    .pt_mobile--85 {
        padding-top: 85px
    }

    .mt_mobile--85 {
        margin-top: 85px
    }

    .mb_mobile--85 {
        margin-bottom: 85px
    }

    .pt_mobile--90 {
        padding-top: 90px
    }

    .mt_mobile--90 {
        margin-top: 90px
    }

    .mb_mobile--90 {
        margin-bottom: 90px
    }

    .pt_mobile--95 {
        padding-top: 95px
    }

    .mt_mobile--95 {
        margin-top: 95px
    }

    .mb_mobile--95 {
        margin-bottom: 95px
    }

    .pt_mobile--100 {
        padding-top: 100px
    }

    .mt_mobile--100 {
        margin-top: 100px
    }

    .mb_mobile--100 {
        margin-bottom: 100px
    }
}

.g-24 {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px
}

.g-40 {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px
}