/*
*
* Swiper
*/
.swiper-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: auto;
    width: 100%;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    height: auto;
    min-height: inherit;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    touch-action: pan-y;
}

.swiper-wp8-vertical {
    touch-action: pan-x;
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

.swiper-slide > .vide__body,
.swiper-slide > .parallax_cnt {
    height: 100%;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    font-size: 26px;
    line-height: 1;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: .2s ease-in;
    will-change: transform;
    z-index: 10;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    color: #652365;
}

@media (min-width: 768px) {
    .swiper-button-prev,
    .swiper-button-next {
        display: block;
    }
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev {
    left: 30px;
}


.swiper-pagination {
    position: absolute;
    display: block;
    text-align: center;
    transition: .3s;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.6);
    transition: .2s;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover {
    background: white;
}

.swiper-container-vertical > .swiper-pagination {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}

.swiper-container-horizontal > .swiper-pagination {
    bottom: 20px;
    left: 0;
    width: 100%;
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
}

.swiper-slide {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.swiper-slide-caption {
    width: 100%;
    white-space: normal;

 
}

.swiper-slider-1 {
    min-height: 40.10417vw;
}


@media (min-width: 768px) {
    .post-slider .swiper-pagination {
        display: none;
    }
}

.swiper-classic {
    min-height: 34.94792vw;
}

.swiper-classic h4,
.swiper-classic .heading-4 {
    font-weight: 400;
}

.swiper-classic .swiper-slide {
    flex-direction: column;
    background-position: 24% 0;
}

.swiper-classic .swiper-slide-caption {
    max-width: 330px;
    padding: 30px 0 75px;
}

.swiper-classic .swiper-button {
    position: absolute;
    top: 50%;
    padding-top: 12px;
    height: 50px;
    width: 66px;
    overflow: hidden;
    transform: translate3d(0, -50%, 0);
    color: #fff;
    font-size: 27px;
    line-height: 1;
}

.swiper-classic .swiper-button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
   
}

.swiper-classic .swiper-button::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #313539;
    pointer-events: none;
    transition: .33s;
    outline: 1px solid transparent;
}

.swiper-classic .swiper-button:hover {
    color: #fff;
}

.swiper-classic .swiper-button:hover::after {
    background: #652365;
}

.swiper-classic .swiper-button-prev {
    left: 0;
}



.swiper-classic .swiper-button-prev::after {
    transform-origin: 100% 100%;
    transform: skew(10deg);
}

.swiper-classic .swiper-button-next {
    right: 0;
}


.swiper-classic .swiper-button-next::after {
    transform-origin: 100% 100%;
    transform: skew(-10deg);
}

.swiper-classic .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
}

.swiper-classic .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: .22s;
}

.swiper-classic .swiper-pagination-bullet-active, .swiper-classic .swiper-pagination-bullet:hover {
    background: #652365;
}

.swiper-classic .swiper-pagination-bullet-active::after {
    opacity: 1;
    visibility: visible;
}

.swiper-classic .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 20px;
}

@media (min-width: 768px) {
    .swiper-classic .swiper-slide {
        background-position: 66% 0;
    }
    .swiper-classic .swiper-slide-caption {
        padding: 60px 80px 100px 30px;
        margin-left: auto;
    }
    .swiper-classic .swiper-pagination {
        display: none;
    }
    .swiper-classic * + .button {
        margin-top: 40px;
    }
}

@media (min-width: 1200px) {
    .swiper-classic .swiper-slide-caption {
        padding: 140px 30px 130px;
        max-width: 650px;
        min-height: 650px;
    }
}

@media (max-width: 767px) {
    .swiper-classic .swiper-slide {
        z-index: 1;
    }
    .swiper-classic .swiper-slide:before {
        content: '';
        z-index: -1;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.55);
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) { 

    .swiper-slide-caption {
       min-height: 650px;
    }

 }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { 

        .swiper-slide-caption {
            min-height: 650px;
        }

 }
.swiper-modern {
    min-height: 33.95833vw;
}

.swiper-modern h4,
.swiper-modern .heading-4 {
    font-weight: 400;
    letter-spacing: .05em;
}

.swiper-modern .swiper-slide {
    flex-direction: column;
    min-width: 100%;
    background-position: 55% 0;
}

.swiper-modern .swiper-slide::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: rgba(43, 62, 79, 0.29);
}

.swiper-modern .swiper-slide > * {
    position: relative;
    z-index: 1;
}

.swiper-modern .swiper-slide-caption {
    padding: 30px 0 75px;
}

.swiper-modern .swiper-slide-caption h1, .swiper-modern .swiper-slide-caption h2, .swiper-modern .swiper-slide-caption h3, .swiper-modern .swiper-slide-caption h4, .swiper-modern .swiper-slide-caption h5, .swiper-modern .swiper-slide-caption h6, .swiper-modern .swiper-slide-caption [class*='heading-'] {
    font-style: italic;
}

.swiper-modern .swiper-button {
    position: absolute;
    top: 50%;
    height: 50px;
    width: 66px;
    overflow: hidden;
    transform: translate3d(0, -50%, 0);
    color: #fff;
    font-size: 27px;
    line-height: 1;
}

.swiper-modern .swiper-button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    font-family: 'Material Icons';
}

.swiper-modern .swiper-button::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #ac4e9d;
    pointer-events: none;
    transition: .33s;
    outline: 1px solid transparent;
}

.swiper-modern .swiper-button:hover {
    color: #fff;
}

.swiper-modern .swiper-button:hover::after {
    background: #ac4e9d;
}

.swiper-modern .swiper-button-prev {
    left: 0;
}

.swiper-modern .swiper-button-prev::before {
    content: '\e5cb';
    margin-left: -3px;
}

.swiper-modern .swiper-button-prev::after {
    transform-origin: 100% 100%;
    transform: skew(10deg);
}

.swiper-modern .swiper-button-next {
    right: 0;
}

.swiper-modern .swiper-button-next::before {
    content: '\e5cc';
    margin-right: -3px;
}

.swiper-modern .swiper-button-next::after {
    transform-origin: 100% 100%;
    transform: skew(-10deg);
}

.swiper-modern .swiper-pagination {
    bottom: 32px;
}

.swiper-modern .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    color: #fff;
    background: #fff;
}

.swiper-modern .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: .22s;
}

.swiper-modern .swiper-pagination-bullet-active, .swiper-modern .swiper-pagination-bullet:hover {
    background: #ffd03a;
}

.swiper-modern .swiper-pagination-bullet-active::after {
    opacity: 1;
    visibility: visible;
}

.swiper-modern .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 20px;
}

@media (max-width: 767px) {
    .swiper-modern .swiper-pagination[data-index-bullet='true'] {
        font-size: 0;
    }
}

@media (min-width: 768px) {
    .swiper-modern .swiper-slide-caption {
        padding-right: 100px;
    }
    .swiper-modern .swiper-pagination-vertical {
        position: absolute;
        top: 57%;
        right: 150px;
        bottom: auto;
        left: auto;
        transform: translate3d(0, -57%, 0);
        width: auto;
    }
    .swiper-modern .swiper-pagination-vertical .swiper-pagination-bullet {
        display: block;
        margin-left: 0;
    }
    .swiper-modern .swiper-pagination-vertical .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 0;
        margin-top: 20px;
    }
    .swiper-modern .swiper-pagination[data-index-bullet='true'] {
        font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: .025em;
        text-align: center;
        padding-bottom: 40px;
    }
    .swiper-modern .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet {
        position: relative;
    }
    .swiper-modern .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet span {
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        transition: .22s;
        pointer-events: none;
        vertical-align: middle;
        white-space: nowrap;
        transform-origin: 0 50%;
    }
    .swiper-modern .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet span::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 25px;
        border-right: 2px solid;
        top: 25px;
    }
    .swiper-modern .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet-active span,
    .swiper-modern .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet-active span::before {
        opacity: 1;
    }
    .swiper-modern .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 35px;
    }
    .swiper-modern .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet span {
        left: 30px;
        top: 50%;
        transform: translate3d(10%, -50%, 0) scale(0.1, 1);
    }
    .swiper-modern .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet span::before {
        margin-right: 10px;
        height: 0;
        width: 25px;
        border-right: 0;
        border-bottom: 2px solid;
    }
    .swiper-modern .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet-active span {
        transform: translate3d(0, -50%, 0) scale(1, 1);
    }
    .swiper-modern .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 0;
        margin-top: 20px;
    }
    .swiper-modern .button {
        min-width: 170px;
    }
}

@media (min-width: 1200px) {
    .swiper-modern .swiper-slide::after {
        display: none;
    }
    .swiper-modern .swiper-slide-caption {
        padding: 80px 100px 80px 0;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .swiper-modern {
        min-height: 500px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .swiper-modern {
        min-height: 38.54167vw;
    }
}

@media (min-width: 2050px) {
    .swiper-modern .swiper-pagination-vertical {
        left: calc(50% + 1920px / 2 + 200px);
    }
}

.swiper-creative {
    min-height: 37.03125vw;
}

.swiper-creative .swiper-slide {
    flex-direction: column;
    background-position: 24% 0;
}

.swiper-creative .swiper-slide-caption {
    position: relative;
    overflow: hidden;
    max-width: 310px;
    padding: 20px 0 65px;
}

.swiper-creative .swiper-button {
    position: absolute;
    top: 50%;
    height: 50px;
    width: 66px;
    overflow: hidden;
    transform: translate3d(0, -50%, 0);
    color: #fff;
    font-size: 27px;
    line-height: 1;
}

.swiper-creative .swiper-button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    font-family: 'Material Icons';
}

.swiper-creative .swiper-button::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.19);
    pointer-events: none;
    transition: .33s;
    outline: 1px solid transparent;
}

.swiper-creative .swiper-button:hover {
    color: #fff;
}

.swiper-creative .swiper-button:hover::after {
    background: #652365;
}

.swiper-creative .swiper-button-prev {
    left: 0;
}

.swiper-creative .swiper-button-prev::before {
    content: '\e5cb';
    margin-left: -3px;
}

.swiper-creative .swiper-button-prev::after {
    transform-origin: 100% 100%;
    transform: skew(10deg);
}

.swiper-creative .swiper-button-next {
    right: 0;
}

.swiper-creative .swiper-button-next::before {
    content: '\e5cc';
    margin-right: -3px;
}

.swiper-creative .swiper-button-next::after {
    transform-origin: 100% 100%;
    transform: skew(-10deg);
}

.swiper-creative .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
}

.swiper-creative .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: .22s;
}

.swiper-creative .swiper-pagination-bullet-active, .swiper-creative .swiper-pagination-bullet:hover {
    background: #64b000;
}

.swiper-creative .swiper-pagination-bullet-active::after {
    opacity: 1;
    visibility: visible;
}

.swiper-creative .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 20px;
}

@media (min-width: 768px) {
    .swiper-creative .swiper-slide {
        background-position: 66% 0;
    }
    .swiper-creative .swiper-slide-caption {
        padding: 60px 60px 60px 30px;
        max-width: 350px;
        margin-left: auto;
    }
    .swiper-creative .swiper-pagination {
        display: none;
    }
    .swiper-creative * + .button {
        margin-top: 40px;
    }
}

@media (min-width: 992px) {
    .swiper-creative .swiper-slide-caption {
        max-width: 370px;
    }
}

@media (min-width: 1200px) {
    .swiper-creative .swiper-slide-caption {
        padding: 50px 30px;
        max-width: 360px;
    }
}

@media (min-width: 1600px) {
    .swiper-creative .swiper-slide-caption {
        max-width: 390px;
    }
}

.swiper-corporate {
    min-height: 33.95833vw;
}

.swiper-corporate h4,
.swiper-corporate .heading-4 {
    font-weight: 400;
    letter-spacing: .05em;
}

.swiper-corporate .swiper-slide {
    flex-direction: column;
    background-position: 55% 0;
}

.swiper-corporate .swiper-slide::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: rgba(43, 62, 79, 0.29);
}

.swiper-corporate .swiper-slide > * {
    position: relative;
    z-index: 1;
}

.swiper-corporate .swiper-slide-caption {
    padding: 60px 0 70px;
    max-width: 500px;
}

.swiper-corporate .heading-decoration-1 {
    padding-right: 20px;
}

.swiper-corporate .swiper-button {
    position: absolute;
    top: 50%;
    height: 50px;
    width: 66px;
    overflow: hidden;
    transform: translate3d(0, -50%, 0);
    color: #fff;
    font-size: 27px;
    line-height: 1;
}

.swiper-corporate .swiper-button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    font-family: 'Material Icons';
}

.swiper-corporate .swiper-button::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #313539;
    pointer-events: none;
    transition: .33s;
    outline: 1px solid transparent;
}

.swiper-corporate .swiper-button:hover {
    color: #fff;
}

.swiper-corporate .swiper-button:hover::after {
    background: #64b000;
}

.swiper-corporate .swiper-button-prev {
    left: 0;
}

.swiper-corporate .swiper-button-prev::before {
    content: '\e5cb';
    margin-left: -3px;
}

.swiper-corporate .swiper-button-prev::after {
    transform-origin: 100% 100%;
    transform: skew(10deg);
}

.swiper-corporate .swiper-button-next {
    right: 0;
}

.swiper-corporate .swiper-button-next::before {
    content: '\e5cc';
    margin-right: -3px;
}

.swiper-corporate .swiper-button-next::after {
    transform-origin: 100% 100%;
    transform: skew(-10deg);
}

.swiper-corporate .swiper-pagination {
    bottom: 32px;
}

.swiper-corporate .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    color: #fff;
    background: #fff;
}

.swiper-corporate .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: .22s;
}

.swiper-corporate .swiper-pagination-bullet-active, .swiper-corporate .swiper-pagination-bullet:hover {
    background: #ffd03a;
}

.swiper-corporate .swiper-pagination-bullet-active::after {
    opacity: 1;
    visibility: visible;
}

.swiper-corporate .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 20px;
}

@media (max-width: 767px) {
    .swiper-corporate .swiper-pagination[data-index-bullet='true'] {
        font-size: 0;
    }
}

@media (min-width: 768px) {
    .swiper-corporate .swiper-slide-caption {
        margin-left: auto;
        max-width: 640px;
        padding-right: 160px;
    }
    .swiper-corporate .swiper-pagination-vertical {
        position: absolute;
        top: 57%;
        right: 150px;
        bottom: auto;
        left: auto;
        transform: translate3d(0, -57%, 0);
        width: auto;
    }
    .swiper-corporate .swiper-pagination-vertical .swiper-pagination-bullet {
        display: block;
        margin-left: 0;
    }
    .swiper-corporate .swiper-pagination-vertical .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 0;
        margin-top: 20px;
    }
    .swiper-corporate .swiper-pagination[data-index-bullet='true'] {
        font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: .025em;
        text-align: center;
        padding-bottom: 40px;
    }
    .swiper-corporate .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet {
        position: relative;
    }
    .swiper-corporate .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet span {
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        transition: .22s;
        pointer-events: none;
        vertical-align: middle;
        white-space: nowrap;
        transform-origin: 0 50%;
    }
    .swiper-corporate .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet span::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 25px;
        border-right: 2px solid;
        top: 25px;
    }
    .swiper-corporate .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet-active span,
    .swiper-corporate .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet-active span::before {
        opacity: 1;
    }
    .swiper-corporate .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 35px;
    }
    .swiper-corporate .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet span {
        left: 30px;
        top: 50%;
        transform: translate3d(10%, -50%, 0) scale(0.1, 1);
    }
    .swiper-corporate .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet span::before {
        margin-right: 10px;
        height: 0;
        width: 25px;
        border-right: 0;
        border-bottom: 2px solid;
    }
    .swiper-corporate .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet-active span {
        transform: translate3d(0, -50%, 0) scale(1, 1);
    }
    .swiper-corporate .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 0;
        margin-top: 20px;
    }
    .swiper-corporate .button {
        min-width: 170px;
    }
}

@media (min-width: 1200px) {
    .swiper-corporate .swiper-slide::after {
        display: none;
    }
    .swiper-corporate .swiper-slide-caption {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .swiper-corporate {
        min-height: 500px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .swiper-corporate {
        min-height: 38.54167vw;
    }
}

@media (min-width: 1400px) {
    .swiper-corporate .swiper-slide-caption {
        max-width: 500px;
        padding-right: 0;
    }
}

@media (min-width: 2050px) {
    .swiper-corporate .swiper-pagination-vertical {
        left: calc(50% + 1920px / 2 + 200px);
    }
}

.swiper-lily {
    min-height: 37.03125vw;
}

.swiper-lily h4,
.swiper-lily .heading-4 {
    font-weight: 400;
    letter-spacing: .05em;
}

.swiper-lily .swiper-slide {
    flex-direction: column;
    background-position: center center;
}

.swiper-lily .swiper-slide-caption {
    padding: 60px 0 70px;
}

.swiper-lily .swiper-button {
    position: absolute;
    top: 50%;
    height: 50px;
    width: 66px;
    overflow: hidden;
    transform: translate3d(0, -50%, 0);
    color: #fff;
    font-size: 27px;
    line-height: 1;
}

.swiper-lily .swiper-button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    font-family: 'Material Icons';
}

.swiper-lily .swiper-button::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #313539;
    pointer-events: none;
    transition: .33s;
    outline: 1px solid transparent;
}

.swiper-lily .swiper-button:hover {
    color: #fff;
}

.swiper-lily .swiper-button:hover::after {
    background: #64b000;
}

.swiper-lily .swiper-button-prev {
    left: 0;
}

.swiper-lily .swiper-button-prev::before {
    content: '\e5cb';
    margin-left: -3px;
}

.swiper-lily .swiper-button-prev::after {
    transform-origin: 100% 100%;
    transform: skew(10deg);
}

.swiper-lily .swiper-button-next {
    right: 0;
}

.swiper-lily .swiper-button-next::before {
    content: '\e5cc';
    margin-right: -3px;
}

.swiper-lily .swiper-button-next::after {
    transform-origin: 100% 100%;
    transform: skew(-10deg);
}

.swiper-lily .swiper-pagination {
    bottom: 32px;
}

.swiper-lily .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    color: #fff;
    background: #fff;
}

.swiper-lily .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: .22s;
}

.swiper-lily .swiper-pagination-bullet-active, .swiper-lily .swiper-pagination-bullet:hover {
    background: #ffd03a;
}

.swiper-lily .swiper-pagination-bullet-active::after {
    opacity: 1;
    visibility: visible;
}

.swiper-lily .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 20px;
}

@media (max-width: 991px) {
    .swiper-lily .swiper-pagination[data-index-bullet='true'] {
        font-size: 0;
    }
}

@media (min-width: 992px) {
    .swiper-lily .swiper-slide-caption {
        padding-left: 120px;
        padding-right: 120px;
    }
    .swiper-lily .swiper-pagination-vertical {
        position: absolute;
        top: 52%;
        right: 130px;
        bottom: auto;
        left: auto;
        transform: translate3d(0, -57%, 0);
        width: auto;
    }
    .swiper-lily .swiper-pagination-vertical .swiper-pagination-bullet {
        display: block;
        margin-left: 0;
    }
    .swiper-lily .swiper-pagination-vertical .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 0;
        margin-top: 20px;
    }
    .swiper-lily .swiper-pagination[data-index-bullet='true'] {
        font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: .025em;
        text-align: center;
        padding-bottom: 40px;
    }
    .swiper-lily .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet {
        position: relative;
    }
    .swiper-lily .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet span {
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        transition: .22s;
        pointer-events: none;
        vertical-align: middle;
        white-space: nowrap;
        transform-origin: 0 50%;
    }
    .swiper-lily .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet span::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 25px;
        border-right: 2px solid;
        top: 25px;
    }
    .swiper-lily .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet-active span,
    .swiper-lily .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet-active span::before {
        opacity: 1;
    }
    .swiper-lily .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 35px;
    }
    .swiper-lily .swiper-pagination-vertical[data-index-bullet='true'] {
        padding-bottom: 0;
    }
    .swiper-lily .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet span {
        left: 30px;
        top: 50%;
        transform: translate3d(10%, -50%, 0) scale(0.1, 1);
    }
    .swiper-lily .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet span::before {
        margin-right: 10px;
        height: 0;
        width: 25px;
        border-right: 0;
        border-bottom: 2px solid;
    }
    .swiper-lily .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet-active span {
        transform: translate3d(0, -50%, 0) scale(1, 1);
    }
    .swiper-lily .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 0;
        margin-top: 20px;
    }
    .swiper-lily .button {
        min-width: 170px;
    }
}

@media (min-width: 1200px) {
    .swiper-lily .swiper-slide::after {
        display: none;
    }
    .swiper-lily .swiper-slide-caption {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .swiper-lily {
        min-height: 500px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .swiper-lily {
        min-height: 39.0625vw;
    }
}

@media (min-width: 2050px) {
    .swiper-lily .swiper-pagination-vertical {
        left: calc(50% + 1920px / 2 + 230px);
    }
}


.bg-gray-2 {
    background-color: #35363c;
    color: #707279;
}

h2, h3, h5, h6, [class*='heading-'] {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #151515;
    text-transform: uppercase;
}

h4{
    font-size: 25px;
    font-family: Poppins, sans-serif;
    letter-spacing: 0em;
    text-align: left;
    color: #9f9f9f;
    margin: 0px;
    font-weight: 800 !important;
}
h1{
    white-space: normal;
    font-size: 21px;
    line-height: 55px;
    font-weight: 700;
    color: #fff !important;
    letter-spacing: 0px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    min-height: 0px;
    max-height: none;
    opacity: 1;
    text-shadow: 1px 1px #000;
}
@media (min-width: 0px) and (max-width: 760px) {
h4{
    font-size: 15px !important;
    font-family: Poppins, sans-serif;
    letter-spacing: 0em;
    text-align: left;
    color: #9f9f9f;
    margin-top: 30px;
    font-weight: 800 !important;
}
h1{
    white-space: normal;
    font-size: 25px;
    line-height: 55px;
    font-weight: 700;
    color: #fff !important;
    letter-spacing: 0px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    min-height: 0px;
    max-height: none;
    opacity: 1;
    text-shadow: 1px 1px #000;
}
    }
}
/*
*
* Animate.css
*/
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    opacity: 1;
}

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

.animated.hinge {
    animation-duration: 2s;
}

html:not(.lt-ie10) .not-animated {
    opacity: 0;
}

/**
* FadeIn Keyframes Animation
*/
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

/**
* FadeInUp Keyframes Animation
*/
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 30px, 0) scale(0.7);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 30px, 0) scale(0.7);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

/**
* FadeInDown Keyframes Animation
*/
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0) scale(0.7);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

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

.fadeInDown {
    animation-name: fadeInDown;
}

/**
* FadeInLeft Keyframes Animation
*/
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-30px, 0, 0) scale(0.7);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-30px, 0, 0) scale(0.7);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

/**
* FadeInRight Keyframes Animation
*/
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

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

.fadeInRight {
    animation-name: fadeInRight;
}

/*
**
* FadeOut Keyframes Animation
*/
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

/**
* SlideInDown Keyframes Animation
*/
@-webkit-keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

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

.slideInDown {
    animation-name: slideInDown;
}

/**
* SlideInLeft Keyframes Animation
*/
@-webkit-keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }


    .context-dark .rd-navbar-fixed .button-gray-outline, .rd-navbar-dark .rd-navbar-fixed .button-gray-outline, .rd-navbar-darker .rd-navbar-fixed .button-gray-outline, .bg-gray-700 .rd-navbar-fixed .button-gray-outline, .bg-gray-2 .rd-navbar-fixed .button-gray-outline, .bg-gray-4 .rd-navbar-fixed .button-gray-outline, .bg-primary .rd-navbar-fixed .button-gray-outline, .bg-image-dark .rd-navbar-fixed .button-gray-outline, .context-dark .rd-navbar-fixed .button-gray-outline:focus, .rd-navbar-dark .rd-navbar-fixed .button-gray-outline:focus, .rd-navbar-darker .rd-navbar-fixed .button-gray-outline:focus, .bg-gray-700 .rd-navbar-fixed .button-gray-outline:focus, .bg-gray-2 .rd-navbar-fixed .button-gray-outline:focus, .bg-gray-4 .rd-navbar-fixed .button-gray-outline:focus, .bg-primary .rd-navbar-fixed .button-gray-outline:focus, .bg-image-dark .rd-navbar-fixed .button-gray-outline:focus {
    color: #d7d7d7;
    background-color: transparent;
    border-color: #d7d7d7;
}

.context-dark .rd-navbar-fixed .button-gray-outline.active, .rd-navbar-dark .rd-navbar-fixed .button-gray-outline.active, .rd-navbar-darker .rd-navbar-fixed .button-gray-outline.active, .bg-gray-700 .rd-navbar-fixed .button-gray-outline.active, .bg-gray-2 .rd-navbar-fixed .button-gray-outline.active, .bg-gray-4 .rd-navbar-fixed .button-gray-outline.active, .bg-primary .rd-navbar-fixed .button-gray-outline.active, .bg-image-dark .rd-navbar-fixed .button-gray-outline.active, .context-dark .rd-navbar-fixed .button-gray-outline:hover, .rd-navbar-dark .rd-navbar-fixed .button-gray-outline:hover, .rd-navbar-darker .rd-navbar-fixed .button-gray-outline:hover, .bg-gray-700 .rd-navbar-fixed .button-gray-outline:hover, .bg-gray-2 .rd-navbar-fixed .button-gray-outline:hover, .bg-gray-4 .rd-navbar-fixed .button-gray-outline:hover, .bg-primary .rd-navbar-fixed .button-gray-outline:hover, .bg-image-dark .rd-navbar-fixed .button-gray-outline:hover, .context-dark .rd-navbar-fixed .button-gray-outline:active, .rd-navbar-dark .rd-navbar-fixed .button-gray-outline:active, .rd-navbar-darker .rd-navbar-fixed .button-gray-outline:active, .bg-gray-700 .rd-navbar-fixed .button-gray-outline:active, .bg-gray-2 .rd-navbar-fixed .button-gray-outline:active, .bg-gray-4 .rd-navbar-fixed .button-gray-outline:active, .bg-primary .rd-navbar-fixed .button-gray-outline:active, .bg-image-dark .rd-navbar-fixed .button-gray-outline:active {
    color: #151515;
    background-color: #fff;
    border-color: #fff;
}

.context-dark .rd-navbar-fixed .button-gray-outline.button-ujarak::before, .rd-navbar-dark .rd-navbar-fixed .button-gray-outline.button-ujarak::before, .rd-navbar-darker .rd-navbar-fixed .button-gray-outline.button-ujarak::before, .bg-gray-700 .rd-navbar-fixed .button-gray-outline.button-ujarak::before, .bg-gray-2 .rd-navbar-fixed .button-gray-outline.button-ujarak::before, .bg-gray-4 .rd-navbar-fixed .button-gray-outline.button-ujarak::before, .bg-primary .rd-navbar-fixed .button-gray-outline.button-ujarak::before, .bg-image-dark .rd-navbar-fixed .button-gray-outline.button-ujarak::before {
    background: #fff;
}

.button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 14px 32px;
    font-size: 14px;
    line-height: 1.25;
    border: 2px solid;
    font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
    border-radius: 4px;
    transition: .3s ease-out all;
}
    100% {
        transform: translate3d(0, 0, 0);
    }
}

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

.slideInLeft {
    animation-name: slideInLeft;
}

/**
* SlideInRight Keyframes Animation
*/
@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

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

.slideInRight {
    animation-name: slideInRight;
}

/**
* SlideOutDown Keyframes Animation
*/
@-webkit-keyframes slideOutDown {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

.fadeInRightSmall {
    animation-name: fadeInRightSmall;
}

@keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
}

@keyframes fadeInLeftSmall {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall;
    transform-origin: 50% 100%;
}

@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        transform: translateY(60px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.slideInUpSmall {
    animation-name: slideInUpSmall;
    transform-origin: 50% 100%;
}

@keyframes slideInUpSmall {
    0% {
        transform: translateY(60px);
    }
    100% {
        transform: translateY(0);
    }
}

/**
* SliceInLeft Keyframes Animation
*/
@-webkit-keyframes sliceInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}



.button-gray-outline, .button-gray-outline, .button-gray-outline, .button-gray-outline, .button-gray-outline,  .button-gray-outline, .bg-primary .rd-navbar-fixed .button-gray-outline, .bg-image-dark .rd-navbar-fixed .button-gray-outline,  .button-gray-outline:focus,  .button-gray-outline:focus, .rd-navbar-darker .rd-navbar-fixed .button-gray-outline:focus, .bg-gray-700 .rd-navbar-fixed .button-gray-outline:focus, .bg-gray-2 .rd-navbar-fixed .button-gray-outline:focus, .bg-gray-4 .rd-navbar-fixed .button-gray-outline:focus, .button-gray-outline:focus, .button-gray-outline:focus {
    color: #ffffff !important;
    background-color: transparent;
    border-color: #d7d7d7;
}

.button-gray-outline.active, .button-gray-outline.active, .button-gray-outline.active,  .button-gray-outline.active, .button-gray-outline.active, .button-gray-outline.active, .bg-primary .rd-navbar-fixed .button-gray-outline.active, .bg-image-dark .rd-navbar-fixed .button-gray-outline.active, .context-dark .rd-navbar-fixed .button-gray-outline:hover, .rd-navbar-dark .rd-navbar-fixed .button-gray-outline:hover, .rd-navbar-darker .rd-navbar-fixed .button-gray-outline:hover, .bg-gray-700 .rd-navbar-fixed .button-gray-outline:hover, .bg-gray-2 .rd-navbar-fixed .button-gray-outline:hover, .bg-gray-4 .rd-navbar-fixed .button-gray-outline:hover, .bg-primary .rd-navbar-fixed .button-gray-outline:hover, .bg-image-dark .rd-navbar-fixed .button-gray-outline:hover, .context-dark .rd-navbar-fixed .button-gray-outline:active, .rd-navbar-dark .rd-navbar-fixed .button-gray-outline:active,  .button-gray-outline:active, .bg-gray-700 .rd-navbar-fixed .button-gray-outline:active, .button-gray-outline:active,  .button-gray-outline:active, .button-gray-outline:active, .button-gray-outline:active {
    color: #151515;
    background-color: #fff;
    border-color: #fff;
}

.button-gray-outline.button-ujarak::before, .button-gray-outline.button-ujarak::before, .button-gray-outline.button-ujarak::before, 
 .button-gray-outline.button-ujarak::before, .bg-gray-2 .rd-navbar-fixed .button-gray-outline.button-ujarak::before, .bg-gray-4 .rd-navbar-fixed .button-gray-outline.button-ujarak::before, .bg-primary .rd-navbar-fixed .button-gray-outline.button-ujarak::before, .bg-image-dark .rd-navbar-fixed .button-gray-outline.button-ujarak::before {
    background: #fff;
}


.button {
    background: #ac4e9d;
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 14px 32px;
    font-size: 14px;
    line-height: 1.25;
    border: 2px solid;
    font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
    border-radius: 4px;
    transition: .3s ease-out all;
}
.bg-gray-2 h1,.bg-gray-2 h4 {
    color: #fff;
}
@media (min-width: 1200px)
h1, .heading-1 {
    font-size: 60px;
    line-height: 1.16667;
        font-weight: 500;
}