/*

@Author: Themezinho
@URL: http://www.themezinho.net

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


	// Table of contents //

		01. GOOGLE FONTS
		02. BODY
		03. HTML TAGS
		04. CUSTOM TAGS
		05. SECTIONS
		06. CONTENT
		07. ODOMETER
		08. EQUALIZER
		09. REVEAL EFFECT
		10. PAGE TRANSITION
		11. PRELOADER
		12. PAGE LOADED
		13. TEXT ROTATER
		14. PERSPECTIVE 
		15. SOCIAL BAR
		16. HEADER
		17. DROPDOWN
		18. SLIDER
		19. SLIDER FRACTION
		20. SLIDER BUTTONS
		21. SLIDER CONTENT
		22. SLIDER LINKS
		23. INT HERO
		24. ABOUT STUDIO
		25. WORKS
		26. WORKS FILTER
		27. WORKS FIGURE
		28. ICON FEATURES
		29. TEAM MEMBERS
		30. CLIENTS
		31. SIDE IMAGE CONTENT
		32. AWARDS
		33. JOURNAL
		34. CONTACT
		35. FOOTER
		36. SCROLL DOWN
		37. RESPONSIVE MEDIUM FIXES
		38. RESPONSIVE TABLET FIXES
		39. RESPONSIVE MOBILE FIXES



*/
/* GOOGLE FONTS */
@import url("https://fonts.googleapis.com/css?family=Fjalla+One|Poppins:300,400,600,800&display=swap");

/* BODY */
* {
    outline: none !important;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    overflow: hidden;
    position: relative;
    font-size: 15px;
}

body.cms-preview {
    overflow: scroll;
}

body.page-loaded {
    overflow: auto;
}

body.page-loaded.overflow {
    overflow: hidden;
}

.container-xl {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
}

.container-lg {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.section-description-container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    text-align-last: center;
}

@media(min-width: 1200px){
    .section-description-container {
        max-width: 800px;
    }
}

@media(min-width: 1250px){
    .container-lg {
        max-width: 1200px;
    }
}
/* CUSTOM CONTAINER */
@media (min-width: 1500px) {
    .container {
        max-width: 1340px;
    }
    .container-lg {
        max-width: 1450px;
    }
    .d-xxl-inline {
        display: inline !important;
    }
    .d-xxl-none {
        display: none !important;
    }
}


area {
    transition: 1s all;
}

/* HTML ELEMENTS */
img {
    max-width: 100%;
}

/* LINKS */
a {
    color: #222327;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

a.view-more-button, button.view-more-button {
    display: inline-block;
    color: #fff;
    padding: 8px 15px;
    border-radius: 2px;
    background-color: transparent;
    transition: 0.5s all;
    position: relative;
    overflow: hidden;
    border: 0px;
    background-color: #025ba6;
}

.nav-pills.boxed-tab .nav-link {
    border-width: 1px;
    border-style: solid;
    border-color: #87630a;
    margin-left: 5px;
    margin-right: 5px;
    color: #87630a;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 0.9rem;
    position: relative;
    overflow: hidden;
}

.nav-pills.boxed-tab .nav-link:hover, .nav-pills.boxed-tab .nav-link.active {
    border-color: unset !important;
    color: #fff;
}

a.view-more-button span,button.view-more-button span,
.nav-pills.boxed-tab .nav-link span,
.header-button span {
    z-index: 1;
    position: relative;
}
a.view-more-button::after, button.view-more-button::after, .nav-pills.boxed-tab .nav-link::after, .header-button::after {
    content: " ";
    position: absolute;
    display: block;
    height: 100%;
    width: 0%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgb(0 174 239) 0%, rgb(2 91 166) 100%);
    transition: 0.5s;
}
.nav-pills.boxed-tab .nav-link::after {
    background: linear-gradient(90deg, rgb(0 174 239) 0%, rgb(2 91 166) 100%);
}
a.view-more-button:hover,a.active.view-more-button,
button.view-more-button:hover,
.header-button:hover {
    color: #fff;
    border-color: transparent !important;
}
a.view-more-button:hover::after,
a.active.view-more-button::after,
button.view-more-button:hover::after,
.nav-pills.boxed-tab .nav-link:hover::after,
.nav-pills.boxed-tab .nav-link.active::after,
.header-button:hover::after {
    width: 100%;
}

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

.badge {
    margin-right: 2px;
    vertical-align: text-top;
}
.text-justify {
    text-align-last: center;
}
.post-entry {
    text-align: justify;
}
.post-entry h4 {
    font-size: 1.2rem;
}
@media(min-width: 992px){
    .text-justify {
        text-align-last: unset;
    }
    .post-entry h4 {
        font-size: 1.5rem;
    }
}
/* CUSTOM CLASSES */
.overflow {
    overflow: hidden;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px;
}

/* SECTIONS */
main {
    width: 100%;
    position: relative;
    overflow: hidden;
    /* padding-top: 55px; */
}

section {
    position: relative;
}

aside {
    position: relative;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    /* background-color: #033624; */
    /* box-shadow: 0 10px 30px rgb(0 0 0 / 50%); */
    transition: 0.5s all;
}

.header.sticky,
.page-loaded.overflow .header {
    
}

.page-loaded.overflow .bar .logo img {
    filter: none;
}

.page-loaded:not(.overflow) .header.sticky {
    box-shadow: 0 10px 30px rgb(0 0 0 / 50%);
}

.header .sticky-bar .logo {
    display: inline-block;
    z-index: 1;
    margin-top: 10px;
    margin-bottom: 10px;
}

.header .sticky-bar .logo {
    width: 159px
}
@media(min-width:768px){
    .header .sticky-bar .logo {
        width: 180px
    }
}



.header > .container {
    transition: 0.5s all;
}

.header .bar {
    padding-top: 5px;
    padding-bottom: 5px;
    align-items: center;
}

.header .bar .logo {
    transition: 0.5s all;
    display: block;
    z-index: 1;
    margin-top: 15px;
    margin-bottom: 18px;
}

.header .middle::after {
    /* content: " "; */
    position: absolute;
    display: block;
    width: 130px;
    height: 130px;
    top: -58px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #033624;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.5s all;
}

/* .header .middle::before {
    content: " ";
    display: block;
    width: 200px;
    height: 100px;
    background-color: #033624;
    left: 0;
    right: 0;
    margin: auto;
    top: -55px;
    box-shadow: 12px 2px 15px -4px rgb(177 144 73 / 80%), -12px 0 8px -4px rgb(177 144 73 / 80%);
    position: absolute;
    transition: 0.5s all;
} */
.header .bar .logo img {
    width: 110px;
    transition: 0.5s all;
    /*filter: brightness(0) invert(1);*/
}
.header .bar .logo img.main {
    display: none;
}
.page-loaded:not(.overflow) .header.dark-bg:not(.sticky) .logo img.main {
    display: inline-block;
    filter: brightness(0) invert(1);
}
.page-loaded:not(.overflow) .header.dark-bg:not(.sticky) .logo img.alt {
    display: none;
}

.header:not(.sticky) .sticky-bar {
    display: none !important;
}

.header .sticky-bar {
    background-color: #fff;
    box-shadow: 2px 2px 9px 2px #00000042;
}
.header .sticky-bar a.nav-link {
    font-size: 12px;
    color: #533C03;
    transition: 0.5s all;
    position: relative;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
}
.header .sticky-bar a.nav-link::after {
    content: " ";
    display: block;
    width: 0;
    height: 1px;
    background-color: #025ba6;
    transition: 0.5s all;
}
.header .sticky-bar a.nav-link.active,
.header .sticky-bar a.nav-link:hover {
    color: #025ba6
}
.header .sticky-bar a.nav-link.active::after,
.header .sticky-bar a.nav-link:hover::after {
    width: 100%;
}

.header.sticky .bar {
    display: none;
}

.header.sticky .logo img,
.page-loaded.overflow .logo img {
    width: 180px;
}


.header.logo-none .logo,
.header.bar-none .logo {
    display: none;
}

.header .page-name {
    text-transform: uppercase;
    color: #c6a969;
    font-weight: bold;
    font-size: 1.3rem;
    margin-top: 10px;
    margin-right: 15px;
}

.header-button {
    font-size: 17px;
    display: inline-block;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: #fff;
    background-color: #025ba6;
}

.header-button>a {
    display: flex;
    padding: 4px 8px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.header-button.mobile-button>a .icon {
    display: inline-block;
    margin-right: 5px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(90deg, rgba(62, 175, 159, 1) 0%, rgba(170, 214, 160, 1) 100%);
    text-align: center;
    line-height: 40px;
}

.header.sticky .header-button.mobile-button>a .icon,
.page-loaded.overflow .header-button.mobile-button>a .icon {
    background: transparent;
    border: 1px solid #fff;
}

.header-button.mobile-button>a .icon img {
    filter: brightness(0) invert(1);
    width: 60%;
}

.header-button a {
    color: #b3914a;
}
.hamburger {
    width: 36px;
    height: 36px;
}
.bar .hamburger {
    margin-left: 34px;
    margin-right: 22px;
}
.hamburger.is-opened-navi {
    margin-top: -15px;
}
.hamburger__title {
    position: absolute;
    font-size: 11px;
    top: 22px;
}
.hamburger::before {
    width: 64px;
    height: 64px;
    left: -15px;
    top: -15px;
    content: " ";
    display: block;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    margin: auto;
}
.header.sticky .hamburger::before {
    display:none
}
.hamburger.is-opened-navi::before {
    border-width: 0px;
}
.hamburger.is-opened-navi .hamburger__title {
    top: 37px;
}

.header.sticky .hamburger__title,
.page-loaded.overflow .hamburger__title {
    color: #025ba6;
}

.header.sticky .hamburger__line-in::after, .header.sticky .hamburger__line-in::before, .page-loaded.overflow .hamburger__line-in::after, .page-loaded.overflow .hamburger__line-in::before {
    background-color: #e8914e;
}

.page-loaded:not(.overflow) .header.dark-bg:not(.sticky) .hamburger__title {
    color: #fff;
}

.page-loaded:not(.overflow) .header.dark-bg:not(.sticky) .hamburger__line-in::after,
.page-loaded:not(.overflow) .header.dark-bg:not(.sticky) .hamburger__line-in::before {
    background-color: #fff;
}

@media(min-width:768px) {
    .hamburger::before {
        width: 80px;
        height: 80px;
        left: -22px;
        top: -20px;
    }
    .header-button>a .icon {
        width: auto;
        height: auto;
        background-color: unset;
        border-radius: none;
        border: none;
    }

    main {
        padding-top: 0px;
    }

    .header {
        background-color: transparent;
        box-shadow: none;
        height: 0;
    }

    .header .bg {
        position: absolute;
        background-image: url(/photos/default/o_re4/background/bg-header.png);
        background-repeat: no-repeat;
        background-position: top center;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 850px;
        height: 150px;
        transition: 0.5s all;
        height: 0;
    }

    .header .bg::after {
        /* content:" "; */
        display: block;
        position: absolute;
        background-image: url(/photos/default/o_re4/background/bg-header-sub.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
        top: -109px;
        left: 0;
        right: 0;
        margin: auto;
        width: 400px;
        height: 400px;
        transition: 0.5s all;
    }

    body:not(.page-loaded) .header .bg {
        top: -200px
    }

    .header.bar-none .bar {
        display: none;
    }

    .header .bar .logo img {
        width: 185px;
    }

    .header.dark-bg .logo img {
        filter: brightness(0) invert(1);
    }

    /* .header.sticky:hover .logo {
        width: 170px;
        opacity: 1;
    } */
    .header.sticky .middle::after {
        width: 150px;
        top: -130px;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        height: 150px;
        box-shadow: 12px 8px 30px -4px rgb(255 255 255 / 80%), -12px 8px 30px -4px rgb(255 255 255 / 80%);
    }

    .header.sticky .bg {
        top: -190px;
    }

    .header.sticky .bg::after {
        top: -160px;
        width: 300px;
        height: 300px;
    }

    /* .header.sticky:hover .bg{
        top: 0px;
    } */
    .header .bar {
        padding-top: 0px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0px;
    }

    .header .header-buttons {
        margin-top: 15px;
    }
    .hamburger__line-in::after,
    .hamburger__line-in::before {
        background-color: #fff;
    }

    .hamburger__title {
        /*  */
    }

    .header.sticky:hover .header-buttons {
        opacity: 1;
    }

    .header-button {
        min-width: 90px;
        border-radius: 2px;
        transition: 0.5s all;
        padding: 5px 10px;
    }

    .header-button:hover {
        background-color: #f48220;
        color: #fff;
    }

    .header-button>a {
        color: #fff;
        padding: 3px 3px;
    }

    .header .header-button:hover .icon {
        background-color: #033624;
        background: none;
    }

    .header.content-nav-sticky .header-button .text {
        display: none !important;
    }

    .header-button>a .icon img {
        width: auto;
        height: 25px;
    }
    .hamburger__title {
        color: #fff
    }

    /* .header.sticky .hamburger::after  {
        opacity: 0.8;
    } */
    .header.sticky:hover .hamburger::after {
        opacity: 1;
    }

    .header.content-nav-sticky .hamburger::after {
        width: 136px;
        height: 127px;
        border-radius: 0px;
    }
}

@media(min-width:992px) {
    .header-button {
        min-width: 94px;
    }
    
    .page-loaded.overflow .header > .container,
    .header.header.sticky > .container {
        max-width: 99%;
    }
    .page-loaded.overflow .header .bar .logo {
        opacity: 0;
    }
    .page-loaded.overflow .header .hamburger {
        background-color: transparent;
    }
    /* .page-loaded.overflow .hamburger__title {
        color: #fff;
    } */
    /* .header.sticky .hamburger__line-in::after, 
    .header.sticky .hamburger__line-in::before,
    .page-loaded.overflow .hamburger__line-in::after,
    .page-loaded.overflow .hamburger__line-in::before{
        background-color: #fff;
    } */
}

@media(min-width: 1200px) {
    .header .sticky-bar a.nav-link {
        font-size: 14px;
    }
    .header-button {
        min-width: 100px;
    }

}

@media(min-width:1600px) {
    .header .sticky-bar a.nav-link {
        font-size: 14px;
    }
    .header .bar .logo {
        top: -23px;
        width: 205px;
    }
}

/* FORM ELEMENTS */

input[type=email] {
    max-width: 100%;
    height: 58px;
    border: 1px solid #eee;
    padding: 0 20px;
}

input[type=search] {
    max-width: 100%;
    height: 58px;
    border: 1px solid #eee;
    padding: 0 20px;
}

input[type=password] {
    max-width: 100%;
    height: 58px;
    border: 1px solid #eee;
    padding: 0 20px;
}

input[type=submit] {
    height: 58px;
    border: none;
    background: #222327;
    color: #fff;
    padding: 0 30px;
    font-weight: 600;
    font-size: 14px;
}

button[type=submit] {
    height: 58px;
    border: none;
    background: #222327;
    color: #fff;
    padding: 0 30px;
    font-weight: 600;
    font-size: 14px;
}

textarea {
    max-width: 100%;
    height: 140px;
    border: 1px solid #eee;
    padding: 20px;
}

.btn.btn-submit {
    width: 100%;
    max-width: 250px;
}

.image-box {
    -webkit-transform: translate3d(0, 0, 0);
    overflow: hidden;
}

.image-box img {
    transition: 0.5s all;
}

/* SPLITTING */
.splitting .word,
.splitting .char {
    display: inline-block;
}

.splitting .char {
    position: relative;
}

.animated .char {
    display: inline-block;
    animation: texteffect 0.6s cubic-bezier(0.5, 0, 0.5, 1) both;
    animation-delay: calc(10ms * var(--char-index));
}

/* ODOMETER */
.odometer.odometer-auto-theme,
.odometer.odometer-theme-car {
    padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
    padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-car .odometer-digit .odometer-value {
    text-indent: -5px;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
    left: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-car .odometer-digit .odometer-value {
    text-indent: 0;
}

/* PAGINATION */
.pagination-wrapper > nav {
    text-align: center;
}
.pagination {
    /* width: 100%;
    float: left;
    margin: 50px 0; */
}

.pagination .page-item {
    display: inline-block;
    margin-right: 10px;
}

.pagination .page-item .page-link {
    font-weight: 600;
    border-radius: 0;
    font-size: 13px;
    color: #222327;
    line-height: 1;
    padding: 15px 20px;
    width: 40px 40px;
    background-color: transparent;
    border: none;
}
.pagination .page-item.active .page-link {
    border-radius: 50%;
    background-color: #025ba6;
    color: #fff;
}

/* REVEAL EFFECT */
.reveal-effect {
    float: left;
    position: relative;
}

.reveal-effect>* {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    position: relative;
}

.reveal-effect>* {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.reveal-effect {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.reveal-effect {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.reveal-effect.animated {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.reveal-effect.animated * {
    -webkit-animation-name: show-img-1;
    animation-name: show-img-1;
}

.reveal-effect:after {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.reveal-effect:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.reveal-effect:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0.05, 0);
    transform: scale(0.05, 0);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.reveal-effect.masker:after {
    background-color: #161619;
}

.reveal-effect.animated:after {
    -webkit-animation-name: slide-bg-2;
    animation-name: slide-bg-2;
}

/* SWIPER PAGINATION */
.swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    transform: scale(0.4);
    background: #fff;
    opacity: 1;
    border-radius: 50%;
}

.swiper-pagination .swiper-pagination-bullet:hover {
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
    transition: background-color 0.3s ease, transform 0.3s ease;
    -webkit-transform: scale(1);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    border: 2px solid #fff;
    background: none;
}

.swiper-pagination .swiper-pagination-bullet-active {
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
    transition: background-color 0.3s ease, transform 0.3s ease;
    -webkit-transform: scale(1);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    border: 2px solid #fff;
    background: none;
}

/* PRELOADER */
/* .preloader {
    height: 100vh;
    background: linear-gradient(135deg,  #033624, #3A5534, #717445);
} */

.preloader .svg-character {
    margin-bottom: 30px;
}

.preloader {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(234 249 255) 50%);
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 1s ease;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    overflow: hidden;
    transition-delay: 0.1s;
}

.preloader * {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.preloader .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(135deg, #C3D0E1, #cfd9e5, #fff);
    transition-delay: 0.3s;
}

.preloader .inner {
    text-align: center;
    position: relative;
    z-index: 2;
    width: 100%;
}

.preloader .inner .loading-bar {
    width: 90%;
    height: 15px;
    background: linear-gradient(90deg, rgba(32,119,160,0) 0%, rgba(32,119,160,1) 100%);
    margin-left: auto;
    margin-right: auto;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.3s all;
}

.preloader .inner .loading-bar.active {
    transform: scaleX(1);
}

.preloader .inner span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}

.preloader .inner figure {
    display: block;
    margin-bottom: 20px;
    transition-delay: 0.1s;
}

.preloader .inner figure img {
    height: 40px;
    transform: translateX(-7px);
}

.preloader .inner .flash {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left:auto;
    margin-right:auto;
    top: 50%;
    margin-top:-50px;
    transition: 1s all;
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
}

.preloader .inner .flash.active {
    transform: scale(1000);
}

/* PAGE LOADED */
.page-loaded .preloader {
    top: -100%;
    opacity: 0;
}
.page-loaded .preloader .inner figure {
    opacity: 0;
    transform: scale(1.5);
}

.page-loaded .preloader .inner span {
    transform: translateY(20px);
    opacity: 0;
}

.page-loaded .preloader .layer {
    left: -100%;
}

/* .page-loaded .left-side {
    left: 0;
    opacity: 1;
} */

.page-loaded .slider {
    filter: blur(0);
    transform: scale(1);
}

.page-loaded .page-header {
    filter: blur(0);
    transform: scale(1);
}

.page-loaded .all-cases-link {
    right: 30px;
}

/* PAGE TRANSTION */
.page-transition {
    width: 100%;
    height: 100%;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 13;
    opacity: 0;
    visibility: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    background: #75dab4;
}

.page-transition .layer {
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #1c1c1c;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-delay: 0.3s;
}

.page-transition.active {
    opacity: 1;
    visibility: visible;
    right: 0;
}

.page-transition.active .layer {
    width: 100%;
}

.page-name-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #fff;
    text-transform: uppercase;
}

/* STROKE PAGE */
.stroke-page {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.stroke-page span {
    width: 1px;
    height: 100%;
    position: relative;
    display: block;
    background: rgb(197 154 72 / 25%);
}

.line-viewmore-news {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0%;
    background-color: rgb(213 164 41);
    pointer-events: none;
    z-index: -1;
}

.line-viewmore-news:before {
    right: 0;
}

.line-viewmore-news:after {
    left: 0;
}

.line-viewmore-news:after,
.line-viewmore-news:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    top: -3px;
    border-radius: 50%;
    background-color: #025ba6;
}
button.button-viewmore-news {
    background-color: #fff;
    border: 1px solid #025ba6;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50%;
    transition: 0.5s all;
    color: #533C03;
}
button.button-viewmore-news:hover {
    color: #fff;
    background-color: #025ba6;
}
@media(min-width:992px) {
    .stroke-page {
        display: flex;
    }
}

/* SITE NAVIGATION */
.site-navigation {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: column; */
    justify-content: center;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    /* background: #75dab4; */
}

.site-navigation .layer {
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(243,235,212,1) 100%);
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.site-navigation .inner {
    position: relative;
    z-index: 2;
    /* padding-left: 100px; */
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    transition-delay: 0.7s;
    opacity: 0;
}

.site-navigation .inner ul {
    margin: 0;
    padding: 0;
    animation-duration: 1s;
}

.site-navigation .inner ul li {
    display: block;
    margin: 0px 0;
    padding: 5px 0;
    text-align: center;
}

.site-navigation .inner ul li ul {
    margin-top: 0;
    margin-bottom: 10px;
    display: none;
}

.site-navigation .inner ul li ul li {
    display: block;
    margin: 0;
}

.site-navigation .inner ul li ul li a {
    font-size: 26px;
}

.site-navigation .inner ul li i {
    margin-left: 20px;
    font-size: 30px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    transform: translateY(-5px);
    cursor: pointer;
}

.site-navigation .inner ul li small {
    width: 100%;
    display: none;
    opacity: 0.7;
    letter-spacing: 0.5px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    transform: translateY(-15px);
}

.site-navigation .inner ul li a {
    font-size: 16px;
    display: inline-block;
    /* font-weight: 800; */
    color: #025ba6;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    padding: 5px 12px;
    min-width: 200px;
    border-radius: 20px;
}

.site-navigation .inner ul li a:hover, .site-navigation .inner ul li.active a {
    background-color: #e9924f;
    text-decoration: none;
    color: #fff;
}

.site-navigation.active {
    opacity: 1;
    visibility: visible;
    right: 0;
}

.site-navigation.active .layer {
    width: 100%;
}

.site-navigation.active .inner {
    opacity: 1;
}

.site-navigation .menu-logo {
    transition: 0.5s all;
}
.site-navigation .menu-logo:hover {
    filter: none;
}

@media(min-width:992px) {
    .site-navigation {
        justify-content: flex-end;
    }
    .site-navigation .inner {
        width: 400px;
    }
    .site-navigation .inner ul li a {
        background-color: unset;
        padding: 2px 10px;
        font-size: 15px;
    }

    .site-navigation .layer {
        background: #00000094;
        background-image: url(/photos/default/o_re6/background-image/bg-image-3-2500.jpg);
        background-size: cover;
        background-position: center;
        opacity: 1;
        /* position: relative; */
    }

    .site-navigation .layer::after {
        content: " ";
        display: block;
        width: 400px;
        float: right;
        height: 100%;
        /* background-color: #034868; */
        opacity: 0.85;
        top: 0;
        left: 0;
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgb(233 248 254) 0%, rgb(144 204 255) 100%);
    }
    
    .site-navigation .inner ul li {
        margin: 5px 0;
    }

    .site-navigation .nav-items {
        background-image: url(/photos/default/o_re4/background/side-wave-right-bg-3.svg);
        background-size: cover;
        background-position: left center;
        background-repeat: no-repeat;
        /* padding-top: 3rem;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 3rem; */
        /* height: 100vh; */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-navigation .menu-logo {
        width: 110px;
        max-width: 67%;
        opacity: 0.8;
        margin-bottom: 10px;
        margin-top: 25px;
    }
}
@media(min-width:992px) and (min-height:700px){
    .site-navigation .inner ul li a {
        padding: 5px 10px;
        font-size: 17px;
    }
    .site-navigation .menu-logo {
        width: 170px;
        margin-bottom: 25px;
        margin-top: 0px;
    }
}
@media(min-width:1200px) {

}
@media(min-width:1500px){
    .site-navigation .inner ul li a {
        font-size: 19px;
    }
}
@media(min-width: 3000px) {
    .site-navigation .inner ul li a {
        font-size: 52px;
    }

    .site-navigation .inner ul li small {
        font-size: 28px;
    }

    .site-navigation .menu-logo {
        width: 800px
    }
}

/* SOCIAL MEDIA */
.social-media {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 3;
    background: #75dab4;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.social-media .layer {
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #161619;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-delay: 0.3s;
}

.social-media .inner {
    position: relative;
    z-index: 2;
    padding-left: 100px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    transition-delay: 0.7s;
    opacity: 0;
    text-align: center;
    width: 100%;
}

.social-media .inner h5 {
    font-size: 3vw;
    font-weight: 600;
    color: #fff;
    margin-bottom: 50px;
}

.social-media .inner ul {
    display: block;
    margin: 0;
    padding: 0;
}

.social-media .inner ul li {
    font-size: 2vw;
    display: inline-block;
    margin: 0 40px;
    padding: 0;
    list-style: none;
}

.social-media .inner ul li a {
    color: #fff;
}

.social-media .inner ul li a:hover {
    color: #75dab4;
    text-decoration: none;
}

.social-media.active {
    opacity: 1;
    visibility: visible;
    right: 0;
}

.social-media.active .layer {
    width: 100%;
}

.social-media.active .inner {
    opacity: 1;
}

/* HOVER BOX */
.hover-box {
    position: relative;
    overflow: hidden;
}

.hover-box .image {
    transition: all 1.2s;
}
.hover-box .hover-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transition: 0.5s all;
}

.hover-layer .background {
    background-color: rgba(3, 54, 36, 0.75);
    width: 75%;
    height: 75%;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.hover-layer .background .title {
    color: #b3914a;
    border: 1px solid #b3914a;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: bold;
    transition: 0.5s all;
    font-size: 1.1rem;
}

.hover-box:hover .image {
    transform: scale(1.2, 1.2);
}

.hover-box:hover .hover-layer .background {
    background-color: unset;
    background-image: unset;
}

.hover-box:hover .hover-layer .title {
    color: #fff;
    /* background-color: #b3914a; */
}

.hover-box .icon.fa {
    font-size: 2.5rem;
}

.hover-box .icon.left {
    margin-right: 15px;
}

/* MAIN TIMELINE */
.num-stroke {
    -webkit-text-stroke: 1px #033624;
    color: #f4f9f5;
    font-size: 6rem;
    font-family: Tahoma;
    font-weight: 700;
    text-shadow: 1px 5px 3px #acc7be;
    transition: 0.5s all;
}

.main-timeline {
    position: relative
}

.main-timeline:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background: #b3914a;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.main-timeline .timeline {
    margin-bottom: 0px;
    position: relative
}

.main-timeline .timeline:after {
    content: "";
    display: block;
    clear: both
}

.main-timeline .icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.main-timeline .icon:before,
.main-timeline .icon:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.33s ease-out 0s
}

.main-timeline .icon:before {
    background: #fff;
    border: 2px solid #033624;
    left: -3px
}

.main-timeline .icon:after {
    border: 2px solid #afce5a;
    left: 3px
}

.main-timeline .timeline:hover .icon:before {
    left: 3px
}

.main-timeline .timeline:hover .icon:after {
    left: -3px;
    background-color: #afce5a;
}

.main-timeline .date-content {
    width: 50%;
    float: left;
    margin-top: 13px;
    position: relative
}

.main-timeline .date-content:before {
    content: "";
    width: 36.5%;
    height: 1px;
    background-color: #033624;
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0
}

.timeline:hover .date-content:before {
    background-color: #afce5a;
}

.main-timeline .date-outer {
    width: 425px;
    height: 425px;
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    margin: auto;
    z-index: 1;
    box-shadow: 0px 0px 10px 2px #033624b5;
    transition: 0.5s all;
}

/* .main-timeline .date-outer:before, */
/* .main-timeline .date-outer:after {
    content: "";
    width: 425px;
    height: 425px;
    margin: auto;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.33s ease-out 0s
} */

/* .main-timeline .date-outer:before {
    background: #fff;
    border: 2px solid #afce5a;
    left: -6px
} */

.main-timeline .date-outer:after {
    border: 2px solid #033624;
    left: 0px
}

/* .main-timeline .timeline:hover .date-outer:before {
    left: 6px
} */

.main-timeline .timeline:hover .date-outer:after {
    border: 2px solid #afce5a;
}

.main-timeline .date {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 425px;
    border-radius: 50%;
    overflow: hidden;
    /* -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    overflow: hidden;
   -webkit-overflow: hidden; */
    -webkit-transform: translate3d(0, 0, 0);
}

.main-timeline .date .img {
    border-radius: 50%;
    width: 425px;
    overflow: hidden;
}

.main-timeline .date img {
    transition: 0.5s all;
}

.timeline:hover .date-outer {
    box-shadow: 0px 0px 0px 23px #afce5a3d;
}

.timeline:hover .date {
    box-shadow: 0px 0px 0px 11px #afce5a9c;
}

.timeline:hover .date img {
    transform: scale(1.1, 1.1);
}

.main-timeline .month {
    font-size: 18px;
    font-weight: 700
}

.main-timeline .year {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #232323;
    line-height: 36px
}

.main-timeline .timeline-content {
    width: 50%;
    padding: 20px 0 20px 50px;
    float: right;
    height: 450px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main-timeline .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 15px 0;
}

.main-timeline .description {
    margin-bottom: 0
}

.main-timeline .timeline:nth-child(2n) .date-content {
    float: right
}

.main-timeline .timeline:nth-child(2n) .date-content:before {
    left: 10px
}

.main-timeline .timeline:nth-child(2n) .timeline-content {
    padding: 20px 50px 20px 0;
    text-align: right
}

@media (max-width: 991px) {
    .main-timeline .date {
        width: 250px;
    }

    .main-timeline .date-outer {
        width: 250px;
        height: 250px;
    }

    .main-timeline .date-outer:after {
        width: 250px;
        height: 250px;
    }

    .main-timeline .date .img {
        width: 250px;
    }

    .main-timeline .date-content {
        margin-top: 0px
    }

    .main-timeline .date-content:before {
        width: 22.5%
    }

    .main-timeline .timeline-content {
        padding: 10px 0 10px 30px;
        height: 250px;
    }

    .main-timeline .title {
        font-size: 17px
    }

    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding: 10px 30px 10px 0
    }
}

@media only screen and (max-width: 767px) {
    .main-timeline .num-stroke {
        font-size: 2.5rem;
    }

    .main-timeline:before {
        display: none;
        margin: 0;
        left: 0px;
    }

    .main-timeline .timeline {
        margin-bottom: 20px
    }

    .main-timeline .timeline:last-child {
        margin-bottom: 0
    }

    .main-timeline .icon {
        display: none;
    }

    .main-timeline .date-content {
        width: 95%;
        float: right;
        margin-top: 0
    }

    .main-timeline .date-content:before {
        display: none
    }

    .main-timeline .date-outer {
        width: 250px;
        height: 250px
    }

    .main-timeline .date-outer:before,
    .main-timeline .date-outer:after {
        width: 250px;
        height: 250px
    }

    .main-timeline .year {
        font-size: 24px
    }

    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        width: 100%;
        text-align: center;
        padding: 10px 0
    }

    .main-timeline .title {
        margin-bottom: 10px
    }
}

/* ICON */
.custom-icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    transition: 0.5s all;
}

.custom-icon::after {
    content: " ";
    width: 100%;
    height: 100%;
    display: block;
    transition: 0.5s all;
}

.custom-icon.icon-album::after {
    background: url(/photos/default/o_re6/icon/icon-album.svg) no-repeat 50%/90%;
}

.custom-icon.icon-play-video::after {
    background: url(/photos/default/o_re6/icon/icon-play-video.svg) no-repeat 50%/90%;
}

.custom-icon.icon-download-pdf::after {
    background: url(/photos/default/o_re6/icon/icon-download-pdf.svg) no-repeat 50%/90%;
}

.custom-icon.icon-search::after {
    background: url(/photos/default/o_re6/icon/icon-search.png) no-repeat 50%/90%;
}

/* SECTION */
.section-title-wrapper {
    position: relative;
    margin-bottom: 30px;
}
.section-title {
    font-size: 1.8rem;
    /* text-align: center; */
    color: #025ba6;
}

.section-title .line-left,
.section-title .line-right {
    height: 1px;
    background-color: #CF9F2A;
}

.section-subtitle {

}
.section-subtitle.center {
    left: 0;
    right: 0;
    margin: auto;
}
.section-title-divider {
    content: " ";
    display: inline-block;
    width: 280px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    transition: 0.5s;
}
@media(min-width: 768px){
    .section-title {
        font-size: 1.9rem;
    }
    .section-subtitle {
        font-size: 1.8rem;
    }
}
@media(min-width: 1200px) {
    .section-title {
        font-size: 2.1rem;
    }

    .section-subtitle.margin {
        padding-left: 120px;
        padding-right: 120px;
    }

    .section-title-divider {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem;
    }
}
@media(min-width: 1500px){
    .section-title {
        font-size: 2.3rem;
    }
}

/* HOME BANNER */
.home-banner {
    overflow: hidden;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-position-x: 79%;
    background-repeat: no-repeat;
}
.home-banner .inner {
    padding: 0px 30px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
.home-banner .title-wrapper {
    position: relative;
}
.home-banner .title {
    font-family: 'Futura-Bk-BT';
    color: #fff;
    font-size: 40px;
}
.home-banner .subtitle {
    font-family: 'VL-Holand';
    color: #FFC943;
    position: absolute;
    left: 0;
    text-align: center;
    right: 0;
    font-size: 55px;
    top: 32px;
    text-shadow: 30px 13px 6px #00000061;
}

.home-banner .inner .box {
    padding: 70px 18px 28px 18px;
    background-color: rgba(141, 106, 64, 0.9);
    color: #fff;
    text-align: center;
    box-shadow: 4px 5px 2px #00000026;
}
@media(min-width: 568px){
    .home-banner {
        overflow: hidden;
        height: 75vh;
    }
    .home-banner .inner {
        padding: 0px 70px;
    }
}
@media(min-width:768px) {
    .home-banner .inner .box {
        padding: 70px 28px 28px 28px;
    }
    .home-banner .inner {
        padding: 0px 90px;
    }
    .home-banner .title {
        font-size: 46px;
    }
    .home-banner .subtitle {
        font-size: 65px;
    }
    .home-banner {
        height: 65vh;
    }
}

@media(min-width:992px) {
    .home-banner .inner {
        padding: 0px 100px;
    }
    .home-banner .title {
        font-size: 56px;
    }
    .home-banner .subtitle {
        font-size: 71px;
    }
    .home-banner {
        height: 100vh;
    }
}

@media(min-width: 1200px) {
    .home-banner .inner {
        padding: 0px 120px;
    }
    .home-banner .title {
        font-size: 56px;
        left: 191px;
    }
    .home-banner .subtitle {
        font-size: 81px;
        left: 191px;
        right: unset;
    }
    .home-banner {
        height: 100vh;
        overflow: hidden;
    }
}

@media(min-width: 1500px) {
    
}

@media(min-width: 1850px) {
    
}
/* HOME SLIDE */
.home-slide {
    position: relative;
}
.home-slide::before,
.heading-banner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 40%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3968181022408963) 100%);
    z-index: 2;
}
.home-slide .owl-theme .owl-nav .owl-prev,
.home-slide .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 45%;
    color: #fff
}
.home-slide .owl-nav .owl-prev {
    left: 10px;
}
.home-slide .owl-nav .owl-next {
    right: 10px;
}
.home-slide .owl-item .item > a > img {
    width: 100%;
    height: auto;
}
@media(min-width:768px){
    .home-slide::before,
    .heading-banner::before {
        height: 20%;
    }
}
@media(min-width: 1000px) and (min-aspect-ratio: 4/3){
    .home-slide .owl-item .item > a {
        display: block;
        width: 100%;
        height: 100vh
    }
    .home-slide .owl-item .item > a > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}
/* HEADING BANNER */
.heading-banner {
    position: relative;
    background-size: cover;
    height: 35vh;
}
.heading-banner .heading-title {
    margin-top: 40px;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 2px 2px 6px #00000033;
    font-family: 'Futura-Bk-BT';
    text-align: center;
    font-size: 2rem;
}
.heading-banner .heading-title.small {
    font-size: 1.2rem;
}
.heading-banner .video-play-button {
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
    color: #fff;
    position: relative;
    font-size: 35px;
    line-height: 2.2;
}
.heading-banner .video-play-button::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 50%;
    animation: wave-grow-1 2s linear infinite;
}
.heading-banner .scroll-down {
    position: absolute;
    padding: 10px;
    left: 0;
    right: 0;
    width: 145px;
    text-align: center;
    bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 18px;
}
.heading-banner .scroll-down .icon {
    font-size: 20px;
    animation: fade-down 2s linear infinite;
}
@media(min-width:768px){
    .heading-banner .heading-title {
        font-size: 2.5rem; 
        margin-top: 0px;
    }
    .heading-banner .heading-title.small {
        font-size: 1.7rem;
    }
}
@media(min-width:992px){
   
}
@media(min-width:1200px){
    .heading-banner .separator {
        width: 35px;
        right:unset;
        margin-left: unset;
        margin-right: unset;
        text-align: left;
    }
    .heading-banner {
        height: 100vh !important;
        background-position: top center !important;
        background-position-x: unset;
    }
    
    .heading-banner .separator .inner::after {
        width: 35px;
        height: 35px;
        border: 4px solid #fff;
        top: 0;
    }
    .heading-banner .separator .inner::before {
        width: 130px;
        top: 17px;
        left: -48px;
    }
    .heading-banner .separator {
        top: 36%; 
        left: 29%
    }

    .heading-banner .heading-title {
        font-size: 3rem; 
    }
}
@media(min-width: 1500px){
    
    
}
@media(min-width: 3000px){
    
    
}

/* SHORT INTRO */

.short-intro {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background: rgb(243,235,212);
    background: linear-gradient(180deg, rgba(243,235,212,1) 0%, rgba(255,255,255,1) 100%);
}
.short-intro::after {
    content: " ";
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(/photos/default/o_re6/items/bubble-2.png);
    background-size: cover;
    position: absolute;
    top: 51%;
    left: 0;
    right: 0;
    margin: auto;
}
.short-intro .box {
    aspect-ratio: 1.2/1;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    border-top-left-radius: 500px;
    border-top-right-radius: 500px;
}
.short-intro .box .img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}
.short-intro .stats {
    margin-top: 30px;
}
.short-intro .stats .item {
    text-align: center;
    margin-bottom: 10px;
}
.short-intro .stats .item .icon {
    height: 50px;
    width: auto;
    filter: grayscale(100%);
    transition: 0.5s all;
}
.short-intro .stats .item:hover .icon {
    filter: grayscale(0%);
    transform: rotateY(180deg);
}
.short-intro .stats .item .value {
    color: #025ba6;
    font-size: 1.5rem;
    margin-top: 10px;
}
@media(min-width: 768px) {
    .short-intro .content {
        padding: 0px 20px
    }
}

@media(min-width: 992px) {
    .short-intro .box {
        aspect-ratio: 1/1.5;
    }
}

@media(min-width: 1200px) {
    
    .short-intro::after {
        display: block;
        width: 301px;
        height: 301px;
        top: -200px;
        left: -10px;
        right: unset;
        margin: unset;
    }
    .short-intro .stats .item .icon {
        height: 76px;
    }
}

@media(min-width: 1340px) {}

@media(min-width: 1500px) {
    .short-intro .bg-image img {
        max-height: 1312px;
    }
    
}

/* HOME MAP */

.home-map {
    background-color: #fff9eb;
    overflow: hidden;
    position: relative;
}

.home-map.page-location {
    padding-top: 25px;
}

.home-map .map-wrapper {
    overflow: hidden;
}

.location-map {
    position: relative;
    width: 1200px;
    height: auto
}

.location-map .map-pointer {
    position: fixed;
    top: 275px;
    left: 694px;
}

.location-map .map-pointer .wrapper {
    position: relative;
}

.location-map .map-pointer .circle {
    width: 70px;
    height: 70px;
    background-color: #ede1c1;
    border-radius: 50%;
    line-height: 60px;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 2;
    position: relative;
    border: 3px solid #fff;
    animation: bordercolor 1s linear infinite alternate;
}

.location-map .map-pointer .wrapper::before {
    content: " ";
    width: 20px;
    height: 60px;
    background-color: #fff;
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
    top: 31px;
    left: 50px;
    position: absolute;
    z-index: 1;
    transform: rotate(134deg);
    animation: bgcolor 1s linear infinite alternate;
}

.location-map .items .item {
    background-color: #fff;
    width: 22px;
    height: 22px;
    padding: 3px;
    border: 1px solid #46b29f;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    line-height: 8.5px;
    display: block;
}
.location-map .items .item .dot {
    position: absolute;
    top: 1px;
    left: -17px;
    width: 22px;
    height: 22px;
    border: 1px solid #46b29f;
    border-radius: 50%;
    animation: Ani 1.5s infinite;
}
.location-map .items .item .icon {
    width: 90%;
    /* filter:  brightness(0) invert(1); */
}

.home-map .layer-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.home-map .map-text {
    height: auto;
    z-index: 1;
    padding-top: 40px;
}
.home-map .map-text .section-title-wrapper {
    margin-bottom: 75px;
}
.home-map .map-text .section-title {
    font-size: 1.5rem;
    margin-bottom: 25px;
    margin-top: 30px;
}
.home-map .map-text .section-subtitle {
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 3.7rem;
}

.home-map .map-text {
    padding-left: 30px !important;
    padding-right: 30px !important;
    text-align: center;
}

.home-map .overlay {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 0px;
    background: linear-gradient(180deg, rgb(243 236 213) 0%, rgb(243 236 213 / 78%) 70%, rgb(230 213 166 / 0%) 100%);
}

#location-map-desktop {
    max-height: 85vh;
}
@media(min-width:992px) {
    .home-map .map-text .section-title {
        font-size: 1.7rem;
    }
    .home-map .overlay {
        width: 40%;
        height: 100%;
        background: linear-gradient(90deg, rgb(243 236 213) 0%, rgb(243 236 213 / 78%) 70%, rgb(230 213 166 / 0%) 100%);
    }
    .home-map .map-text {
        padding-right: 50px;
    }

    .home-map .layer-0,
    .home-map .layer-1 {
        text-align: center;
    }
    #location-map-desktop {
        max-height: unset;
    }
}

@media(min-width:1200px) {
    .home-map .map-text .section-title {
        font-size: 1.4rem;
    }
    .home-map.page-location {
        padding-top: 0px;
    }
    
    .home-map .map-text {
        padding-right: 70px !important;
        padding-left: 70px !important;
    }
}

@media(min-width:1500px) {
    .home-map .map-text .section-title {
        font-size: 1.7rem;
    }
    .home-map .map-text {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }
}

@media(min-width:1850px) {
    .home-map .map-text {
        padding-right: 140px !important;
        padding-left: 140px !important;
    }
}
/* HOME HALL */
.home-hall .mask {
    content: " ";
    position: absolute;
    width: 100%;
    height: 30%;
    top:0;
    left: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    z-index: 1;
}
.home-hall .owl-theme .owl-dots {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
}
.home-hall .box {
    aspect-ratio: 1920/900;
    overflow: hidden;
}
.home-hall .box .img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
}
/* HOME PORTFOLIO HOT */
.home-portfolio-hot {
    padding-top: 40px;
    padding-bottom: 30px;
}
.home-portfolio-hot .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.home-portfolio-hot .section-title {
    text-align: center;
    margin-bottom: 20px;
}
.home-portfolio-hot .item {
    transition: 0.5s all;
}
.home-portfolio-hot .owl-item:not(.active) {
    filter: grayscale(1)
}
.home-portfolio-hot .item .box {
    aspect-ratio: 1/1;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}
.home-portfolio-hot .item .box .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: 0.5s all;
}
.home-portfolio-hot .item .box .overlay {
    position: absolute;
    width: 100%;
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: end;
    background: rgb(3,27,93);
    background: linear-gradient(0deg, rgba(3,27,93,0.7343531162464986) 0%, rgba(3,27,93,0) 100%);
    color: #fff;
    bottom: 0;
    left: 0;
    overflow: hidden;
    transition: 0.5s all;
    padding-bottom: 10px;
}
.home-portfolio-hot .item .item-name {
    font-size: 18px
}
.home-portfolio-hot .item:hover .box .img {
    transform: scale(1.1);
}
@media(min-width:768px){
    .home-portfolio-hot .item .box {
        aspect-ratio: 3/4;
    }
}
/* HOME PORTFOLIO */
.home-portfolio .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.home-portfolio .owl-carousel .owl-item{
    transition: 0.5s all;
}
.home-portfolio .owl-carousel .owl-item:not(.active){
    filter: grayscale(1);
}
.home-portfolio .item .box {
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.home-portfolio .item .box .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.home-portfolio .item .box .overflow {
    position: absolute;
    width: 100%;
    height: 0%;
    display: flex;
    justify-content: center;
    align-items:center;
    background-color: #025ba67a;
    color: #fff;
    top: 0;
    left: 0;
    overflow: hidden;
    transition: 0.5s all;
}
.home-portfolio .item:hover .box .overflow {
    height: 100%;
}
.home-portfolio .item .box .item-name {
    font-size: 25px;
}
.home-portfolio .item .meta {
    margin-top: 10px;
}
.home-portfolio .item .meta .item-name {
    font-size: 17px;
}
.home-portfolio .item .meta .item-name-cdt {
    border-left: 1px solid #ccc;
    font-size: 14px;
}
@media(min-width: 768px){
    .home-portfolio .item .meta .item-name {
        font-size: 20px;
    }
    .home-portfolio .item .meta .item-name-cdt {
        font-size: 15px;
    }
}

/* HOME SERVICE CATALOGUE 2 */
.home-service-catalogue-2 {
    padding-top: 40px;
    padding-bottom: 100px;
    background: rgb(243,235,212);
    background: linear-gradient(180deg, rgba(243,235,212,1) 0%, rgba(243,235,212,0.41220238095238093) 100%);
}
.home-service-catalogue-2 .description {
    margin-top: 65px;
    margin-bottom: 45px;
    position: relative;
    z-index: 1;
}
.home-service-catalogue-2 .owl-carousel .item {
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}
.home-service-catalogue-2 .owl-carousel .item::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: rgb(213,164,41);
    background: linear-gradient(180deg, rgba(213,164,41,0) 0%, rgba(213,164,41,1) 100%);
}
.home-service-catalogue-2 .owl-carousel .item .img-box {
    aspect-ratio: 1/1.25;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.home-service-catalogue-2 .owl-carousel .item .img-box .img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}
.home-service-catalogue-2 .owl-carousel .item:hover .img-box .img {
    transform: scale(1.1);
}
.home-service-catalogue-2 .owl-carousel .item .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
.home-service-catalogue-2 .owl-carousel .item .overlay .name {
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
}

.home-service-catalogue-2 .owl-carousel .item .overlay .name a {
    color: #fff;
}
/* SERVICE CATE */
.service-cate {
    padding-bottom: 80px;
}
.service-cate-item {
    padding: 40px 0px;
}

.service-cate-item.even {
    background-color: #F2E7C9;
}

.service-cate-item .name {
    font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Futura-Bk-BT';
}
.service-cate-item .name a {
    color: #6E4E2A;
}

.service-cate-item .divider {
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    height: 2px;
    background-color: #025ba6;
    margin-top: 25px;
    margin-bottom: 25px;
    transition: 0.5s all;
}
.service-cate-item:hover .divider {
    width: 35%;
}
.service-cate-item .col-img {
    padding: 22px;
}

.service-cate-item .box {
    aspect-ratio: 1/1;
    overflow: hidden;
    box-shadow: 2px 2px 5px 2px #00000024;
    -webkit-transform: translate3d(0, 0, 0);
}
.service-cate-item .box::after {
    content: " ";
    width: calc(100% - 30px);
    height: 100%;
    border: 1px solid #025ba6;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
}

.service-cate-item .box .img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}
.service-cate-item:hover .box .img {
    transform: scale(1.1);
}
.service-cate-item .overlay-link {
    display: block;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.service-cate-item {
    text-align: justify;
}
@media(min-width: 768px){
    
}
@media(min-width:992px){
    .service-cate-item .name {
        font-size: 2.5rem;
        text-align: left;
    }
    .service-cate-item .divider {
        margin-left: unset;
        margin-right: unset;
    }
    .service-cate-item .box {
        aspect-ratio: 1/1.5;
    }
    .service-cate-item .col-img .inner {
        margin-bottom: -100px;
    }
}
/* HOME REPORT */
section.home-report {
    padding-top: 60px;
    padding-bottom: 60px;
    background: rgb(3,27,93);
    background: linear-gradient(140deg, rgba(3, 27, 93, 1) 0%, rgb(2 91 166) 100%);
    color: #fff;
}
section.home-report .section-title {
    font-size: 28px;
    color: #fff;
}
section.home-report .section-subtitle {
    font-size: 16px;
    color: #d8d8d8
}
section.home-report .item .box {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    aspect-ratio: 3/4.2;
}
section.home-report .item .box .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    background: rgb(3,27,93);
    background: linear-gradient(0deg, rgba(3,27,93,0.7343531162464986) 0%, rgba(3,27,93,0) 100%);
    color: #fff;
    top: 0;
    left: 0;
    overflow: hidden;
    transition: 0.5s all;
    padding-bottom: 10px;
}
section.home-report .item .box .overlay .item-title {
    font-size: 18px;
    font-weight: bold;
}
section.home-report .btn.btn-download {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 14px;
}
section.home-report .owl-item {
    padding: 0px 4px;
}
section.home-report .item .box .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
section.home-report .owl-theme .owl-nav {
    margin-top: 0px;
}
section.home-report .owl-theme .owl-nav .owl-prev,
section.home-report .owl-theme .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    background-color: #fff;
    color: #025ba6;
    line-height: 1;
    font-size: 29px;
    position: absolute;
    top: 45%
}
section.home-report .owl-theme .owl-nav .owl-prev {
    left: -20px
}
section.home-report .owl-theme .owl-nav .owl-next {
    right: -20px
}
/* KV SALE */
section.kv-sale .owl-carousel .item {
    padding-left: 5px;
    padding-right: 5px;
}
/* SERVICE DETAIL */
.service-detail-content {
    padding-top: 80px;
    padding-bottom: 30px;    
    background: rgb(242,231,201);
    background: linear-gradient(180deg, rgba(242,231,201,1) 0%, rgba(255,255,255,1) 100%);
}
.service-detail-content .box {
    aspect-ratio: 1/1.2;
    border-top-left-radius: 1000px;
    border-top-right-radius: 1000px;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.service-detail-content .box img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}
.service-detail-content .box:hover img {
    transform: scale(1.1);
}
/* HALL */
.hall {
    padding-top: 30px;
    padding-bottom: 80px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,231,201,1) 50%, rgba(255,255,255,1) 100%);
}
.hall .nav-pills .nav-link {
    border: none;
    background-color: transparent;
    font-size: 13px;
    color: #533C03;
}

.hall .nav-pills .nav-link.active, 
.hall .nav-pills .show>.nav-link {
    background-color: #CF9F2A;
    color: #fff;
}

.hall .tab-pane > .wrapper {
    position: relative;
}
.hall .tab-pane .hall-description-box {
    padding: 15px 0px;
}
.hall .tab-pane .hall-description-box .name {
    text-transform: uppercase;
    text-shadow: 2px 2px 4px #ccc;
    font-family: 'Futura-Bk-BT';
    color: #6E4E2A;
    font-size: 17px;
}
.hall .tab-pane .hall-description-box .divider {
    width: 35%;
    height: 1px;
    background-color: #CF9F2A;
    margin-top: 15px;
    margin-bottom: 15px;
}
.hall .tab-pane .hall-description-box p {
    text-align: justify;
    font-size: 13px;
}
.hall .hall-slide {
    aspect-ratio: 1.9/1;
}
.hall .hall-slide .box {
    aspect-ratio: 1920/1000;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.hall .hall-slide .box .img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}
.hall .hall-slide .owl-carousel .owl-nav .owl-prev,
.hall .hall-slide .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 45%;
    z-index: 2;
}
.hall .hall-slide .owl-carousel .owl-nav .owl-prev {
    left: 15px;
}
.hall .hall-slide .owl-carousel .owl-nav .owl-next {
    right: 15px;
}
.hall .hall-info {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.hall .hall-info .title {
    background-color: #CF9F2A;
    display: flex;
    align-items: center;
    padding: 53px 4px;
}
.hall .hall-info .title .img {
    vertical-align: middle;
    display: inline-block;
    /* margin: 40px 0px; */
}
.hall .hall-info .item {
    text-align: center;
    border-right: 1px solid #ededed;
    padding: 5px 0px;
}
.hall .hall-info .item:last-child {
    border-right: none;
}
.hall .hall-info .item .icon {
    margin-bottom: 15px;
}
.hall .hall-info .item .icon img {
    height: 30px;
    width: auto;
}
.hall .hall-info .item .name {
    font-size: 12px;
    margin-bottom: 7px;
}
.hall .hall-info .item .value {
    color: #CF9F2A;
    font-size: 17px;
}
.hall .hall-info .item .unit {
    font-size: 12px;
    font-style: italic;
}
.hall .hall-plan .title {
    font-size: 22px;
    color: #6E4E2A;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
@media(min-width:992px){
    .hall .nav-pills .nav-link {
        font-size: 14px;
    }
    .hall .tab-pane .hall-description-box {
        position: absolute;
        z-index: 2;
        /* background-color: #F2E7C9; */
        background-color: #ffffff40;
        backdrop-filter: blur(8px);
        right: 25px;
        top: -25px;
        width: 330px;
        padding: 15px 18px;
    }
    .hall .hall-info {
        width: 90%;
        margin-top: -60px;
    }
}
/* Hall intro */
.hall-intro {
    padding-top: 80px;
    padding-bottom: 40px;
    background: rgb(243,235,212);
    background: linear-gradient(180deg, rgba(243,235,212,1) 0%, rgba(255,255,255,1) 100%);
}
.hall-intro .section-subtitle {
    left: 0;
    right: 0;
    margin: auto;
}
/* Hall compete */
.hall-compete {
    padding-top: 20px;
    padding-bottom: 50px;
}
.hall-compete .section-subtitle {
    left: 0;
    right: 0;
    margin: auto;
}
.hall-compete .compete-items .item {
    font-size: 14px;
    font-family: 'Futura-Bk-BT';
}
.hall-compete .compete-items .item .icon img {
    height: 70px;
    width: auto;
    filter: grayscale(1);
    transition: 0.5s all;
}
.hall-compete .compete-items .item:hover .icon img {
    filter: none;
    transform: rotateY(180deg);
}
.hall-compete .compete-items .item .name {
    transition: 0.5s all;
}
.hall-compete .compete-items .item:hover .name {
    color: #025ba6
}
@media(min-width: 1200px){
    .hall-compete .compete-items .item {
        padding: 0px 20px
    }
}
/* HALL INFO */
.hall-table {
    padding-top: 20px;
    padding-bottom: 50px;
    background: rgb(243,235,212);
    background: linear-gradient(180deg,  rgba(255,255,255,1) 0%, rgba(243,235,212,1) 100%);
}
.hall-table .post-entry {
    font-size: 12px;
}
/* DECOR */
.decors {
    padding-top: 20px;
    padding-bottom: 80px;
}
.decors .owl-item {
    padding: 10px 10px;
}
.decors .item {
    box-shadow: 2px 2px 8px 0px #ccc;
    transition: 0.5s all;
}
.decors .item:hover {
    background-color: #E6D5A6;
}
.decors .item .meta {
    padding: 20px 25px;
}
.decors .item .meta .title {
    color: #CF9F2A;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    font-size: 17px;
    transition: 0.5s all;
}
.decors .item:hover .meta .title {
    color: #fff;
}
.decors .item .meta p {
    font-size: 14px;
    text-align: justify;
    text-align-last: center;
}
.portfolio-item-features .btn-widget {
    width: 100%;
    font-size: 14px;
}
@media(min-width: 992px){
    .portfolio-item-features .btn-widget {
        max-width: 300px;
    }
}
/* PORTFOLIO ITEM LIBRARY */
.portfolio-item-library {
    padding-top: 20px;
    padding-bottom: 80px;
}
.portfolio-item-library .owl-item {
    padding: 10px 10px;
}
.portfolio-item-library .item {
    box-shadow: 2px 2px 8px 0px #ccc;
    transition: 0.5s all;
}
.portfolio-item-library .item .box {
    aspect-ratio: 16/10;
    overflow: hidden;
}
.portfolio-item-library .item .box > a > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.portfolio-item-library .item:hover {
    background-color: #E6D5A6;
}
.portfolio-item-library .item .meta {
    padding: 20px 25px;
}
.portfolio-item-library .item .meta .title {
    color: #CF9F2A;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    font-size: 17px;
    transition: 0.5s all;
}
.portfolio-item-library .item:hover .meta .title {
    color: #fff;
}
.portfolio-item-library .item .meta p {
    font-size: 14px;
    text-align: justify;
    text-align-last: center;
}
/* FOOD */
.foods {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #F2E7C9;
}
.foods .meta {
    background-color: #025ba6;
    color: #fff;
    text-align: center;
    padding: 2px 0px;
    font-size: 14px;
    transition: 0.5s all;
}
.foods .item:hover .meta {
    background-color: #533C03;
}
.foods .item .box {
    aspect-ratio: 16/9;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.foods .item .box .img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}
.foods .item:hover .box .img {
    transform: scale(1.1);
}
/* HOME BLOG */
.home-blog {
    padding-top: 50px;
    padding-bottom: 80px;
}

.home-blog .gallery {
    position: relative;
    overflow: hidden;
}

.home-blog .gallery .overlay {
    position: absolute;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 20px;
    background: rgb(90, 185, 160);
    background: linear-gradient(180deg, rgb(35 125 160 / 0%) 0%, rgb(35 125 160) 100%);
    bottom: 0px;
    text-align: center;
    color: #fff;
}
.home-blog .gallery img {
    transition: 0.5s all;
}
.home-blog .gallery:hover img {
    transform: scale(1.05);
}
.home-blog .section-title-divider {
    margin-bottom: 20px;
}
.home-blog .box {
    aspect-ratio: 89/49;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.home-blog .box .img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}
.post-item {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    transition: 0.5s all;
}

.post-item.vertical {
    min-height: 100%;
}

.post-item.vertical .post-title {
    font-size: 16px;
}

.post-item.long-vertical {
    min-height: 410px;
}

.post-item .fbt-post-thumbnail {
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
}

.post-item .thumbnail-wrapper>img {
    transition: 0.5s all !important;
    width: 100%;
}

.post-item:hover .thumbnail-wrapper>img {
    transform: scale(1.1, 1.1);
}

.post-item .post-title {
    margin-bottom: 15px;
    font-size: 16px;
    text-transform: uppercase;
}

.post-item .sm .post-title {
    font-size: 18px;
}

.post-item.big-one.high-one .fbt-post-caption {
    height: 60%;
}

.post-item.long-vertical .fbt-post-caption {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.post-item {
    background-color: #fff;
    padding: 0px;
}

.post-item .fbt-post-caption {
    padding: 15px;
}

.post-item .fbt-post-caption {
    display: flex;
    align-items: center;
}

.post-item.big-one:hover .fbt-post-caption {
    background-color: #033624d4;
    color: #fff;
}

.post-item:hover {
    background-color: #025ba6;
    color: #fff;
}

.post-item:hover .post-title {
    color: #fff;
}

.post-item .section-title-divider {
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #af8e46;
    display: inline-block;
    width: 120px;
}

.post-item.long-vertical .section-title-divider {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.post-item .sm .section-title-divider {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.post-item .corner-left {
    width: 76px;
    height: 76px;
    background-image: url(/photos/default/o_re6/items/link-corner-bottom-left.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
}

.post-item .corner-right {
    width: 60px;
    height: 60px;
    background-image: url(/photos/default/o_re6/items/link-corner-bottom-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
}

.post-item .corner-right.sm {
    width: 56px;
    height: 56px;
}

.post-item a.view-more-button {
    background: unset;
    border: none;
    padding: 0;
    color: #0c4c30;
}

.post-item a.view-more-button:hover {
    background: unset;
    color: #af8e46;
}

.sub-meta {
    font-size: 0.8rem;
    margin-bottom: 0.4rem;
    color: #656565;
}

.post-item:hover a.view-more-button,
.post-item:hover a.view-more-button:hover,
.post-item:hover .sub-meta,
.post-item:hover .post-title a {
    color: #fff;
}

.post-item .description {
    font-size: 14px;
}

.related-item .thumbnail-wrapper {
    display: block;
    aspect-ratio: 16/11;
    overflow: hidden;
}
.related-item .thumbnail-wrapper img.post-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.related-blog .post-item {
    min-height: 300px;
}

@media(min-width:768px) {
    .post-item.long-vertical {
        min-height: 510px;
    }
}

@media(min-width:992px) {
    .home-blog {
        padding-bottom: 80px;
    }
    .post-item.big-one .fbt-post-caption {
        position: absolute;
        z-index: 1;
        width: 50%;
        bottom: 0;
        height: 50%;
        background-color: #ffffffdb;
        border-top-right-radius: 15px;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        align-items: center;
    }
}

@media(min-width: 1200px) {
    .post-item.long-vertical {
        min-height: 510px;
    }
    .post-item .post-title {
        font-size: 18px;
    }
}

@media(min-width: 1500px){
    .post-item .corner-right {
        width: 76px;
        height: 76px;
    }
}
/* CALL TO ACTION */
.call-to-action .right {
    padding: 20px 15px 20px 15px;
    background-color: #F6EACB;
    position: relative;
}
.call-to-action .right::before {
    content: " ";
    position: absolute;
    display: block;
    width: 130%;
    height: 100%;
    top: 0;
    right: 0;
    background-image: url(/photos/default/o_re7/items/call-to-action-bg-1.svg);
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}
.call-to-action .right::after {
    content: " ";
    position: absolute;
    display: block;
    width: 30%;
    height: 100%;
    top: 0;
    right: 0;
    background-image: url(/photos/default/o_re7/items/call-to-action-bg-2.svg);
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}
.call-to-action .section-title {
    text-transform: uppercase;
    font-size: 1.4rem;
}
.call-to-action .info {
    font-size: 0.9rem;
    font-style: italic;
}
.call-to-action-logo {
    max-width: 100px;
    width: 90%;
}

#CallToActionModal .form-control {
    border: none;
    border-radius: 0px;
    border-bottom: 1px dashed #ccc;
    background-color: transparent;
    padding-left: 0px;
}

#CallToActionModal .modal-dialog {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: unset;
    margin-bottom: 0px;
}
#CallToActionModal .modal-dialog .section-title {
    margin-bottom: 2rem;
    margin-top: 40px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-size: 1.4rem;
    text-align: center;
}
#CallToActionModal .close-button {
    right: 5px;
    top: 5px;
    width: 50px;
    height: 50px;
    position: absolute;
    text-align: center;
    color: #6E4E2A;
}
#CallToActionModal .modal-content {
    height: 100vh;
    padding: 10px 10px;
    text-align: center;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(208 245 255) 100%);
    border-radius: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.modal-backdrop.show {
    opacity: 0.8;
}
#CallToActionModal .view-more-button {
    border-width: 0px;
}
#CallToActionModal .group {
    margin-bottom: 40px;
}
#CallToActionModal .title {
    text-align: center;
    font-weight: bold;
    color: #6E4E2A;
    margin-bottom: 25px;
}
@media(min-width: 992px){
    #CallToActionModal .title {
        text-align: left;
        font-size: 18px;
        margin-bottom: 20px;
    }
    #CallToActionModal .close-button {
        right: -55px;
        top: 20px;
        color: #fff;
    }
    #CallToActionModal .modal-content {
        padding: 20px 30px;
    }
    .call-to-action-logo {
        max-width: 200px;
    }
    .call-to-action .right {
        padding: 0px 80px 0px 0px;
    }
    #CallToActionModal .modal-dialog {
        max-width: 585px;
    }
}
@media(min-width: 1200px){
    .call-to-action .right {
        padding-right: 155px;
    }
}
@media(min-width: 1300px){
    .call-to-action .right {
        padding-right: 185px;
    }
}
@media(min-width: 1500px){
    .call-to-action .right {
        padding-right: 225px;
    }
}
@media(min-width: 1700px){
    .call-to-action .right {
        padding-right: 285px;
    }
}
/* HOME CONTACT */
.home-contact {
    /* background-color: #000; */
    /* background: linear-gradient(#033624d4, #033624d4), url("/photos/default/o_re4/background/bg-footer-mobile.jpg"); */
    /* color: #fff; */
    background-image: url(/photos/default/o_re4/background/pattern-bg-1-opacity-0-1.jpg);
    padding-top: 5rem;
    padding-bottom: 5rem;
    box-shadow: -2px 0px 15px 6px #c8c8c866;
}

.home-contact.style-2 {
    /* background-image: none; */
}

.home-contact.style-2 .logo-box {
    background-image: url(/photos/default/o_re4/background/pattern-bg-1-green.jpg);
    padding: 15px 15px;
    border-radius: 30px;
    box-shadow: 0px 15px 16px rgb(0 0 0 / 30%);
}

.home-contact .section-title {
    margin-bottom: 20px;
}

.home-contact .section-title {
    color: #c3a25d;
}

.home-contact .investor-logo {
    width: 100%;
    max-width: 170px;
}

.home-contact .the-company-logo {
    width: 100%;
    max-width: 180px;
}

.home-contact .organization-name {
    font-weight: bold;
    font-size: 1.3rem;
    color: #b19049;
}

.home-contact .partner-logo img {
    width: auto;
}

.home-contact .info {
    font-size: 0.95rem;
}

.home-contact .info .icon {
    display: block;
}

.home-contact .info .icon {
    font-size: 30px;
    color: #b3934e;
}

.home-contact .info .inner {
    background-color: #d3d3d345;
    height: 100%;
    padding: 15px 10px;
    border-radius: 10px;
    word-break: break-word;
    color: #033624;
}

.home-contact.style-2 .info .inner {
    background-color: transparent;
    color: #c2a15d;
}

@media(min-width:992px) {
    /* .home-contact {
        background: linear-gradient(#033624d4, #033624d4), url("/photos/default/o_re4/background/bg-footer.jpg");
    } */
    /* .home-contact .info .col-12 {
        border-left: 1px solid #b1904973;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .home-contact .info .col-12:first-child {
        border:none
    } */
}

@media(min-width: 1200px) {
    .home-contact .section-title {
        font-size: 1.5rem;
    }

}

/* BREADCRUMB */
.breadcrumb-section {
    position: relative;
    height: 35vh;
}

.breadcrumb-section .bg-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-width: none;
}

.breadcrumb-section .heading-title {
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    text-align: center;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #033624;
    font-weight: bold;
}

.breadcrumb-section .breadcrumb {
    margin-bottom: 0px;
    background-color: #fdfdfdbd;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: unset;
}

.breadcrumb-section .breadcrumb-item a {
    color: #af8e48
}

.breadcrumb-section .breadcrumb-item.active,
.breadcrumb-section .breadcrumb-item:hover a {
    color: #033624;
}
.post-entry ol.breadcrumb>li {
    list-style-type: none;
}



nav.page-content-navigation {
    background-image: url(/photos/default/o_re4/background/pattern-bg-1-opacity-0-1.jpg);
    justify-content: center;
    padding-bottom: 0px;
    padding-top: 0px;
    overflow: auto;
    box-shadow: 0px 4px 6px 0.1px #545454;
}

nav.page-content-navigation.sticky {
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 1;
}

nav.page-content-navigation .collapse-btn {
    border: none;
    background-color: unset;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

nav.page-content-navigation .collapse-btn:after {
    content: "\f106";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    margin-left: 15px
}

nav.page-content-navigation .collapse-btn.collapsed:after {
    content: "\f107";
}

nav.page-content-navigation .nav-pills {
    min-width: 100%;
}

nav.page-content-navigation .nav-pills,
nav.page-content-navigation .nav-pills.collapse.show {
    display: block;
}

nav.page-content-navigation .nav-pills.collapse {
    display: none;
}

.page-content-navigation .nav-pills .nav-link {
    color: #033624;
    ;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid transparent;
}

.page-content-navigation .nav-pills .nav-link.active {
    background-color: transparent;
    color: #af8e48;
    border-bottom: 2px solid #af8e48;
    border-radius: unset;
    transition: 0.5s all;
}

.page-content-navigation .nav-pills .nav-link:hover {
    color: #af8e48;
}

@media(min-width:768px) {
    .breadcrumb-section {
        height: auto;
    }

    .breadcrumb-section .heading-title {
        font-size: 1.5rem;
        top: 88px;
        height: auto;
    }

    .breadcrumb-section .bg-image {
        height: auto;
        object-fit: cover;
        object-position: center;
    }
}

@media(min-width: 1200px) {
    .breadcrumb-section .heading-title {
        font-size: 2.4rem;
        top: 142px;
    }

    nav.page-content-navigation {
        text-align: center;
    }

    nav.page-content-navigation .nav-pills.collapse,
    nav.page-content-navigation .nav-pills.collapse.show {
        display: flex;
    }

    nav.page-content-navigation.sticky {
        top: 0px;
        padding-left: 240px;
        padding-right: 100px;
    }

    /* .breadcrumb-section {
        max-height: 456px;
        overflow: hidden;
    } */
}

/* PROJECT SCALE */
.project-overview {
    position: relative;
}

.project-overview .text-box {
    padding-top: 40px;
    padding-bottom: 30px;
}

.project-overview .text-box .items .item {
    margin-bottom: 20px;
}

.project-overview .text-box .items .item .name {
    font-weight: bold;
    font-size: 16px;
}
.project-overview .text-box .items .item .value.long {
    text-align: justify;
    text-align-last: center;
    -moz-text-align-last: center;
    -ms-text-align-last: center;
}
.project-overview .side-bg-img {
    position:absolute;
    width: 33%;
    top:0;
    right:0;
    text-align:right
}
@media(min-width: 768px){
    .project-overview .text-box .items .item .value {
        text-align: left;
        text-align-last: left;
    }
}
@media(min-width: 992px) {
    .project-overview .side-bg-img {
        width: 50%;
    }
}
@media(min-width:1200px) {
    .project-overview .side-bg-img img {
        width: 85%;
    }
    .project-overview .text-box {
        padding-top: 100px;
        padding-bottom: 10px;
    }

}
@media(min-width:1500px) {
    .project-overview .side-bg-img img {
        width: 78%;
    }
}

/* DESIGN STYLE */

.design-style {
    padding-top: 80px;
    padding-bottom: 20px;
    position: relative;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(243,235,212,1) 100%);
}
.design-style .angel-left, 
.design-style .angel-right {
    width: 76px;
    position: absolute;
    top: 83px;
}
.design-style .angel-left {
    left: -4px;
}
.design-style .angel-right {
    right: -4px;
}
.design-style .wind-left, .design-style .wind-right {
    position: absolute;
    top: 380px;
    height: 176px;
    display: none;
}
.design-style .wind-left {
    left: 60px
}
.design-style .wind-right {
    right: 60px
}
.design-style .section-subtitle {
    left: 0;
    right: 0;
    margin: auto;
}
.design-style .design-items .item {
    width: 18.75%;
    flex: 18.75%;
    max-width: 18.75%;
    padding-left: 5px;
    padding-right: 5px;
}
.design-style .design-items .item.item.left-2 {
    padding-left: 0;
}
.design-style .design-items .item.item.right-2 {
    padding-right: 0;
}
.design-style .design-items .item.center {
    width: 25%;
    flex: 25%;
    max-width: 25%;
}

.design-style .design-items .item .box {
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.design-style .design-items .item .box .img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}
.design-style .design-items .item:hover .box .img {
    transform: scale(1.1);
}
.design-style .design-items .item.left-2 .box,
.design-style .design-items .item.right-2 .box {
    aspect-ratio: 1.45/1;
}
.design-style .design-items .item.left-1 .box {
    aspect-ratio: 1/1.2;
    border-top-left-radius: 150px;
}
.design-style .design-items .item.center .box {
    aspect-ratio: 1/1.4;
    border-top-left-radius: 1000px;
    border-top-right-radius: 1000px;
}
.design-style .design-items .item.right-1 .box {
    aspect-ratio: 1/1.2;
    border-top-right-radius: 150px;
}
@media(min-width: 768px){
    .design-style .angel-left, .design-style .angel-right {
        width: 102px;
        top: 40px;
    }
    .design-style .wind-left, .design-style .wind-right {
        top: 43px;
        height: 626px;
        display: block;
    }
}
@media(min-width: 992px){
    .design-style .angel-left,
    .design-style .angel-right {
        width: auto;
        top: 50px
    }
    .design-style .wind-left,
    .design-style .wind-right {
        height: auto;
        top: 150px
    }
}
/* TEAM */
.team {
    padding-top: 80px;
    padding-bottom: 80px;
    background: rgb(243,235,212);
    background: linear-gradient(180deg, rgba(243,235,212,1) 0%, rgba(243,235,212,0.4206057422969187) 100%);
}

.team .section-subtitle {
    left: 0;
    right: 0;
    margin: auto;
}

@media(min-width: 1200px){
    .team .item {
        padding: 0px 50px;
    }
}

.team .item .box {
    aspect-ratio: 2.5/1;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.team .wreath-left {
    position: absolute;
    right: 0;
    bottom: -30px;
}
.team .wreath-right {
    position: absolute;
    left: 0;
    bottom: -30px;
}
.team .item .box .img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}
/* GALLERY */

.gallery {
    padding-top: 40px;
    padding-bottom: 20px;
}
.gallery .section-subtitle {
    left: 0;
    right: 0;
    margin: auto;
}
.gallery .container-fluid {
    padding-left: 50px;
    padding-right: 50px;
}
.gallery-items .item:hover .box .img {
    transform: scale(1.1);
}
.gallery-items .item .box::after {
    content: " ";
    width: 90%;
    height: 110%;
    border: 1px solid #025ba6;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.gallery-items .item .box {
    aspect-ratio: 2.2/1;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.gallery-items .item .box .img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}
.gallery-items .item .meta {
    background-color: #025ba6;
    text-align: center;
    padding: 5px 5px;
}
.gallery-items .item .meta .icon {
    filter: brightness(0) invert(1);
    width: 23px;
}
.gallery-items .item .meta a {
    color: #fff;
}
.gallery-items .item .overlay-link {
    display: block;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
@media(min-width:768px){
    .gallery {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
/* PARTNER */
.partner {
    padding-top: 2.5rem;
    padding-bottom: 2rem;
}

.partner .section-title {
    font-size: 1.75rem;
}

.partner .partner-group {
    margin-bottom: 20px;
}
.partner .partner-groups > .partner-group:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.partner .section-subtitle {
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.partner .partner-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
    /* box-shadow: 0px 0px 0px 1px #b190491a; */
    transition: 0.5s all;
}
.partner .partner-item:hover {
    box-shadow: 0px 0px 5px 1px #237da0ad;
    ;
}

.partner .logo-box img {
    width: 250px;
}

.partner-logo {
    transition: 0.6s all;
    /* filter:  brightness(0) invert(1); */
}

.partner-logo.style-2 {
    filter: grayscale(1);
}

.partner-logo:hover,
.partner .partner-item:hover .partner-logo {
    filter: none;
}

@media(min-width: 768px) {
    .partner .main-content {
        margin-top: 7rem;
    }
}
@media(min-width:1200px){
    .partner {
        padding-bottom: 3rem;
    }
}

/* STORY */
.story {
    background-size: cover;
}
.story .main-content {
    padding-top: 230px;
    padding-bottom: 230px;
    height: auto;
    display: flex;
    align-items: center;
    background: rgb(35, 125, 160);
    background: linear-gradient(0deg, rgba(35, 125, 160, 0) 0%, rgba(35, 125, 160, 0.8) 25%, rgba(35, 125, 160, 0.9) 50%, rgba(35, 125, 160, 0.8) 75%, rgba(35, 125, 160, 0) 100%);
    color: #ffffff;
}

.story .main-content .box {
    padding-right: 30px;
    padding-left: 30px;
}

.story .main-content .box .section-title {
    color: #fff;
    font-weight: bold;
    font-size: 1.55rem;
    margin-bottom: 2rem;
}

@media(min-width: 1200px) {
    .story .main-content .box .section-title {
        text-align: left;
        margin-bottom: 2rem;
    }

    .story .main-content {
        height: 100vh;
        max-height: 1080px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .story .main-content .box {
        padding-right: 80px;
        padding-left: 80px;
    }
}

/* CONTACT INFO */
.contact-info {
    padding-top: 1rem;
    background-color: #F3F3F3;
    box-shadow: 0px 4px 6px 3px #ccc;
}

.contact-info .contact-item {
    text-align: center;
}

.contact-info .contact-item .icon {
    height: 40px;
    width: auto;
}

.contact-info .contact-item .name {
    font-size: 17px;
    font-weight: bold;
}
.contact-info .contact-item .value {
    font-size: 13px;
}

@media(min-width: 992px){
    .contact-info .contact-item .inner {
        padding: 30px 20px;
    }
    .contact-info .contact-item .icon {
        height: 52px;
        margin-bottom: 20px;
    }
    .contact-info .contact-item .name {
        font-size: 24px;
    }
    .contact-info .contact-item {
        padding-left: 30px;
        padding-right: 30px;
    }
    .contact-info .contact-item .value {
        font-size: 14px;
    }
}
@media(min-width: 1200px){
    .contact-info .contact-item .icon {
        height: 50px;
    }
}
@media(min-width: 1500px) {
    .contact-info .contact-item {
        padding-left: 10px;
        padding-right: 10px;
    }
    .contact-info .contact-item .value {
        font-size: 16px;
    }
    .contact-info .contact-item .icon {
        height: 60px;
    }
}
/* CONTACT FORM */
.contact-form {
    padding-top: 50px;
    padding-bottom: 50px;
}

.contact-form .left-box {
    border-top: 2px solid #025ba6;
    padding-top: 30px;
    padding-bottom: 50px;
    padding-left: 40px !important;
    padding-right: 40px !important;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(243,235,212,1) 100%);
    box-shadow: 2px 2px 6px 2px #ccc;
}

.contact-form .left-box .section-title {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 30px;
    text-shadow: 2px 2px 2px #0000002b;
}

.contact-form .left-box .image {
    box-shadow: -26px 20px 0px 0px #aad6a0;
}

.contact-form .left-box .logo-box {
    position: absolute;
    top: -55px;
    right: -74px;
    background-color: #237da0;
    border: 5px solid #fff;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    line-height: 120px;
    padding-left: 7px;
    padding-right: 7px;
}

.contact-form .left-box .form-control {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    font-size: 13px
}
.contact-form .left-box .form-control:not(:focus){
    padding-left: 0px;
    padding-right: 0px;
}

@media(min-width: 992px){
    .contact-form .left-box .section-title {
        font-size: 2rem;
    }
    .contact-form .left-box .image {
        box-shadow: -36px 30px 0px 0px #aad6a0;
    }
}

/* CONTACT MAP */
.contact-map {
    background-color: #F1F1F1;
}

@media(min-width: 768px) {
    .contact-info .svg-character.A {
        width: 80%;
    }

    .contact-info .main-content {
        padding-top: 1rem;
    }
}

/* LOCATION ROADLINE */
.location-roadline {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.location-roadline .section-subtitle {
    font-size: 1rem;
    font-weight: 400;
}

.location-roadline .main-timeline {
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 25px;
}

.location-roadline .main-timeline:before {
    width: 33px;
    background: linear-gradient(0deg, rgba(179, 145, 74, 0) 0%, rgba(179, 145, 74, 0.3) 10%, rgba(179, 145, 74, 0.3) 90%, rgba(179, 145, 74, 0) 100%);
}

.location-roadline .main-timeline .roadline {
    display: none;
    width: 33px;
    height: 25%;
    position: absolute;
    background: linear-gradient(0deg, rgba(179, 145, 74, 0) 0%, rgba(179, 145, 74, 1) 25%, rgba(179, 145, 74, 1) 75%, rgba(179, 145, 74, 0) 100%);
    top: 0%;
    left: 0;
    /* z-index: 1; */
    animation: roadline 4s infinite;
}

.location-roadline .main-timeline .roadline.item-2 {
    animation-delay: 1s;
}

.location-roadline .main-timeline .roadline.item-3 {
    animation-delay: 2s;
}

.location-roadline .main-timeline .roadline.item-4 {
    animation-delay: 3s;
}

.location-roadline .main-timeline .dashline {
    display: none;
    width: 0px;
    height: 100%;
    position: absolute;
    border: 2px dashed #fff;
    top: 0%;
    left: 0px;
    /* z-index: 1; */
}

.location-roadline .main-timeline .date-content:before {
    height: 6px;
    background-color: rgb(53 94 80);
}

.location-roadline .main-timeline .icon:before {
    display: none;
}

.location-roadline .main-timeline .icon {
    width: 21px;
    height: 21px;
}

.location-roadline .main-timeline .icon:after {
    left: 0px;
    border: 10px solid #355e50;
}

.location-roadline .main-timeline .timeline:hover .icon:after {
    left: 0px
}

.location-roadline .timeline:hover .date-outer {
    box-shadow: 0px 0px 0px 23px #355e5038;
}

.location-roadline .timeline:hover .date {
    box-shadow: 0px 0px 0px 11px #355e503d;
}

.location-roadline-arrow {
    text-align: center;
    font-size: 80px;
    line-height: 0;
    color: #b3914a;
    display: none;
}

.location-roadline-arrow .fa {
    line-height: 0;
}

.location-roadline .timeline-content .description {
    text-align: justify;
}

@media(min-width:768px) {
    .location-roadline .main-timeline .roadline {
        display: block;
        right: 0;
        margin: auto;
    }

    .location-roadline .main-timeline .dashline {
        display: block;
        right: 0;
        margin: auto;
    }

    .location-roadline-arrow {
        display: block;
    }
}

@media(min-width:1200px) {
    .location-roadline .section-subtitle {
        padding-left: 140px;
        padding-right: 140px;
    }
}

@keyframes roadline {
    from {
        top: -30%
    }

    to {
        top: 100%
    }
}

/* INTERNAL UTILIT */
.internal-utility {
    text-align: right;
}

.internal-utility .plan-image {
    width: 100%;
    display: inline-block;
}

.utility-map {
    
}
.utility-map .top {
    padding-top: 50px;
    background-color: #c2dce5
}
.utility-map .bottom {
    background-color: #237da0;
    padding-bottom: 50px;
    padding-top: 30px;
    position: relative;
    z-index: 1;
}

.utility-map .middle-image-box {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.utility-map .section-subtitle {
    font-size: 17px;
}
.utility-map-items .item {
    margin-bottom: 0.7rem;
    cursor: pointer;
    transition: 0.5s all;
    padding-right: 2rem;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    text-align: left;
}

.utility-map-items .item .name {
    padding-right: 4px;
    color: #fff;
}

.utility-map-items .num {
    display: inline-block;
    margin-right: 5px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #4db5a0;
    color: #fff;
    text-align: center;
    line-height: 35px;
    transition: 0.5s all;
}

.utility-map-items .item.active,
.utility-map-items .item:hover {
    color: #b3934e;
}

.utility-map-items .active .num,
.utility-map-items .item:hover .num {
background-color: #d5cb6f;
}
.internal-utility-detail .utility-item .content-box {
    padding-top: 30px;
    padding-bottom: 30px;
}
.internal-utility-detail .utility-item .content-box::before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 130px;
    left: 55%;
    width: 170px;
    height: 211px;
    background-image: url(/photos/default/o_re6/items/curves.svg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.3;
}
.internal-utility-detail .utility-item.odd .content-box::before {
    left: unset;
    right: 0;
}
.internal-utility-detail .utility-item .og-image-box {
    z-index: 1;
}
.internal-utility-detail .utility-item .side-images {
    display: inline-block;
    position: relative;
    width: 70%;
}
.internal-utility-detail .utility-item:hover .side-images .img-1 {
    transition: 0.5s all;
}
.internal-utility-detail .utility-item:hover .side-images .img-1 {
    box-shadow: 0px 0px 8px 4px #a0d2a0;
}
.internal-utility-detail .utility-item .side-images .img-2 {
    position: absolute;
    bottom: -15px;
    right: -15px;
    z-index: -1;
    filter: grayscale(100%);
}
.internal-utility-detail .utility-item.odd .side-images .img-2 {
    right: unset;
    left: -15px;
}
.internal-utility-detail .utility-item .text-box {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.internal-utility-detail .utility-item.odd .text-box {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.internal-utility-detail .utility-item .uti-name {
    margin-bottom: 10px;
}
.internal-utility-detail .utility-item .uti-slogan {
    font-weight: bold;
    font-size: 22px;
    color: #2077A0;
}
.internal-utility-detail .utility-item .uti-slogan::after {
    content: " ";
    display: block;
    width: 180px;
    height: 4px;
    background: linear-gradient(90deg, rgba(62, 175, 159, 1) 0%, rgba(170, 214, 160, 1) 100%);
    margin-top: 20px;
    margin-bottom: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transition: 0.5s all;
}
.internal-utility-detail .utility-item:hover .uti-slogan::after {
    width: 240px;
}
@media(min-width:768px){
    .internal-utility-detail .utility-item .text-box {
        padding-left: 60px !important;
        padding-right: 30px !important;
    }
    .internal-utility-detail .utility-item.odd .text-box {
        padding-left: 30px !important;
        padding-right: 60px !important;
    }
    .internal-utility-detail .utility-item .uti-slogan::after { 
        right: unset;
        margin-left: unset;
        margin-right: unset;
    }
    .internal-utility-detail .utility-item .content-box::before {
        opacity: 1;
    }
}
@media(min-width: 992px) {
    
    .utility-map .middle-image-box {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }

    /* .utility-map-items .item {
        padding-left: 80px!important;
    }
    .utility-map-items .item.odd {
        padding-right: 80px!important;
        padding-left: 0px!important;
    } */
    .utility-map-items .num {
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin-right: 10px;
    }

    .internal-utility .plan-image {
        width: 80%;
    }

    .internal-utility .utility-items {
        position: absolute;
        right: 57%;
        top: 54%;
        padding-left: 2rem;
        padding-bottom: 2rem;
        width: 45%;
        max-width: 592px;
    }

    .internal-utility .utility-items .item {
        padding-right: 25px;
    }
}

@media(min-width:1200px) {
    .internal-utility-detail .utility-item .content-box::before {
        left: 35%;
    }
    .internal-utility .utility-items {
        top: 54%;
    }
    .internal-utility-detail .utility-item .content-box {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .internal-utility-detail .utility-item .side-images .img-2 {
        bottom: -45px;
        right: -45px;
    }
    .internal-utility-detail .utility-item.odd .side-images .img-2 {
        left: -45px;
    }
    
}
@media(min-width:1500px){
    .internal-utility-detail .utility-item .content-box::before {
        bottom: 110px;
        left: 35%;
        width: 311px;
        height: 406px;
    }
}


/* PRODUCT DETAIL */
.product-detail-intro {
    padding-top: 2rem;
    padding-bottom: 0rem;
    background-color: #2077A0;
    color: #fff;
}
.product-detail-intro .container-xl {
    max-width: 1500px;
    overflow: visible;
}

.product-detail-intro .text-box {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-top: 25px;
}


.product-detail-intro .images-box .image-2 {
    display: none;
}

.product-detail-intro .section-title {
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #fff;
}

.product-plan {
    padding-top: 2rem;
    padding-bottom: 3rem;
    background-color: #2077A0;
    color: #fff;
}

.product-plan .section-title {
    color: #fff;
    margin-bottom: 15px;
}

.product-plan .nav-tabs
{
    border-width: 0px;
    margin-bottom: 25px;
}

.product-plan .nav-tabs .nav-link {
    border-radius: 0.25rem;
    border: 1px solid #fff;
    color: #fff;
}
.product-plan .nav-tabs .nav-item {
    margin-left: 7px;
    margin-right: 7px;
}
.product-plan .nav-tabs .nav-link.active {
    border-width: 0px;
    background: linear-gradient(90deg, rgba(62, 175, 159, 1) 0%, rgba(170, 214, 160, 1) 100%);
}
.product-plan .specs .item {
    transition: 0.5s all;
}
.product-plan .specs .item .icon img {
    height: 50px;
    width: auto;
    filter: brightness(0) invert(1);
    transition: 0.5s;
}
.product-plan .specs .item:hover {
    color: #a8d5a0;
}
.product-plan .specs .item:hover .icon img {
    transform: scaleX(-1);
}
.product-plan .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 45%;
    left: -32px;
    margin: auto;
}

.product-plan .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 45%;
    right: -32px;
    margin: auto;
}

.product-tab {
    background-color: #ecedef;
}

.product-tab .nav-tabs-wrapper {
    background-color:  #2077A0;
}

.product-tab .tab-pane {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.product-tab .nav-tabs {
    border-width: 0px;
}
.product-tab .nav-pills .nav-link {
    font-size: 0.8rem;
    border-width: 2px;
    font-weight: bold;
    text-transform: uppercase;
    color: #cdcdcd;
    border-color: transparent transparent transparent;
}

.product-tab .nav-pills .nav-link.active {
    color: #fff;
    background-color: transparent;
    border-color: transparent transparent transparent;
    position: relative;
}
.product-tab .nav-pills .nav-link.active::after{
    content: " ";
    display: block;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, rgba(62, 175, 159, 1) 0%, rgba(170, 214, 160, 1) 100%);
    position: absolute;
    bottom: -3px;
    left: 0;
}

.product-album {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
@media (min-width: 768px){
    .product-plan {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .product-tab .tab-pane {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .product-album {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .product-detail-intro .images-box {
        position: relative;
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
    .product-detail-intro .text-box {
        padding-left: 40px !important;
        padding-right: 40px !important;
        margin-top: 25px;
    }
    .product-detail-intro .section-title {
        font-size: 1.8rem;
    }
}
@media(min-width:992px){
    .product-album {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .product-tab .tab-pane {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .product-plan .section-title {
        margin-bottom: 20px;
    }
    .product-detail-intro {
        padding-top: 4rem;
        padding-bottom: 3rem;
    }
    .product-detail-intro .images-box {
        position: relative;
        padding-left:60px !important;
        padding-right: 46px !important;
    }
    .product-detail-intro .text-box {
        width: 85%;
        margin-top: 0px;
    }
    .product-detail-intro .text-box::after{
        content: " ";
        background-image: url(/photos/default/o_re6/items/corner-top-right.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 70%;
        height: 70%;
        position: absolute;
        top: -80px;
        right: 35px;
        background-position-x: right;
        background-position-y: top;
    }
    .product-detail-intro .images-box .image-2 {
        display: block;
        position: absolute;
        width: 25%;
        bottom: -25%;
        right: 0%;
    }
    .product-album .section-title-divider {
        margin-bottom: 25px;
    }
}
@media(min-width:1200px) {
    .product-tab .tab-pane {
        padding-top: 4rem;
        padding-bottom: 5rem;
    }
    .product-album {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .product-plan {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .product-detail-intro {
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
    .product-tab .nav-pills .nav-link {
        font-size: 1.4rem;
    }

}
@media(min-width: 1500px){
    .product-detail-intro .section-title {
        font-size: 2rem;
    }
    .product-tab .tab-pane {
        padding-top: 5rem;
        padding-bottom: 7rem;
    }
    .product-plan {
        padding-top: 7rem;
        padding-bottom: 5rem;
    }
    .product-detail-intro {
        padding-top: 5rem;
        padding-bottom: 10rem;
    }
    .product-detail-intro .images-box {
        position: relative;
        padding-left: 0px !important;
    }
    .product-detail-intro .text-box {
        width: 100%;
    }
    .product-detail-intro .text-box::after {
        width: 100%;
        height: 100%;
        right: 0px;
    }
}

/* LIBRARY */
.library-section {
    padding-top: 2.5rem;
    padding-bottom: 5rem;
    position: relative;
    background: url(/photos/default/o_re4/background/pattern-bg-3.jpg);
}

.library-section button.view-more-button {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

/* .library-section .hover-box {
    border-radius: 8px;
} */
.library-section .hover-box .hover-layer {
    background-color: #073c50cc;
}

.library-section .hover-box .hover-layer {
    opacity: 0;
}

.library-section .hover-box:hover .hover-layer {
    opacity: 1;
}

/* .library-section .hover-box:hover .hover-layer {
    background-color: unset;
} */
.library-section .hover-layer .background {
    /* border: 1px solid #d0af6c; */
    background-color: unset;
}

.hover-layer .background .title {
    border: none;
    /* color: #fff; */
    /* background-color: #05271bc2; */
    line-height: 31px;
}

.library-section .hover-box .custom-icon {
    width: 65px;
    height: 65px;
}


/* LIBRARY ALBUM */
.library-section.album .hover-box {
    border-radius: unset;
}

.library-section.album .hover-box:hover .hover-layer .background {
    border: 1px solid #ffffff4a;
    border-radius: 0px;
}

.library-section.album .sub-block {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}

/* .library-section.album .hover-box:hover .hover-layer .background {
    border-width: 1px;
} */
/* LIBRARY VIDEO */
/* .library-section.video .blocks > .col-12:nth-child(even){
    padding-top: 7rem;
} */
.library-section.video .hover-layer {
    background-color: unset;
}

.library-section.video .hover-box .title {
    background-color: #073c50cc;
}

.library-section.video .hover-layer .background {
    border: none;
}

.library-section.video .hover-box .title {
    position: absolute;
    bottom: 0px;
    margin: 0px;
    left: 0;
    width: 100%;
    border-radius: 0px;
    z-index: 2;
    color: #fff;
}

/* LIBRARY DOWNLOAD */

.library-section.download .item-name{
    background-color: #237da0;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media(min-width:992px) {
    .library-section {
        padding-top: 5rem;
    }
}

/* BLOG CATE */
.blog-cate-section {
    padding-top: 2rem;
    padding-bottom: 5rem;
    background: rgb(213,164,41);
    background: linear-gradient(235deg, rgba(213,164,41,0.08) 0%, rgba(213,164,41,0.11) 50%, rgba(213,164,41,0.35) 100%);
}

.blog-cate-section .post-item .post-title {
    margin-top: 0px;
}

.blog-cate-section .post-title {
    color: #064730;
}
.blog-cate-section .title {
    font-size: 18px;
    text-transform: uppercase
}
.blog-cate-section .title a:not(:hover){
    color: #533C03;
}

.blog-cate-item .box {
    aspect-ratio: 89/49;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.blog-cate-item .box .img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}
.blog-cate-item .box:hover .img {
    transform: scale(1.1);
}

@media(min-width:992px) {
    .blog-cate-section .title {
        font-size: 22px;
    }
    .blog-cate-section .big-wrap {
        margin-bottom: 3rem;
    }

    .blog-cate-section .big-one {
        margin-bottom: 0rem;
    }

    .blog-cate-section .side-one {
        margin-bottom: 0.5rem;
    }
}

/* BLOG DETAIL */
.blog-detail-section {
    padding-bottom: 1.5rem;
    background: rgb(213,164,41);
    background: linear-gradient(235deg, rgba(213,164,41,0.08) 0%, rgba(213,164,41,0.11) 50%, rgba(213,164,41,0.35) 100%);
}

.blog-detail-section .webex-product-rating {
    padding-top: 3rem;
}

.related-blog {
    padding-bottom: 2rem;
    background-color: #efefef;
}

.btn-primary {
    background-color: #025ba6;
    border-color: #025ba6;
}
.btn-primary:hover {
    background-color: #f48220;
    border-color: #f48220;
}

.blog-detail-section .sub-meta {
    font-size: 0.9rem;
}

.post-entry h1 {
    font-size: 24px;
}

.post-entry .btn-share {
    border-radius: 2px;
    font-style: 10px;
    padding: 2px 10px;
    min-width: 55px;
}
@media(min-width:768px){
    .blog-detail-section {
        padding-top: 40px;
    }
    .blog-detail-section > .container {
        padding-left: 15px;
        padding-right: 15px
    }
}
@media(min-width: 992px) {
    .blog-detail-section {
        padding-top: 40px;
        padding-bottom: 3rem;
    }

    .post-entry h1 {
        font-size: 30px;
    }
}

/* ICON CONTENT BLOCK */
.icon-content-block {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    color: #fff;
    background: #222327;
}

.icon-content-block .container {
    position: relative;
    z-index: 2;
}

.icon-content-block .content-block {
    width: 100%;
    display: block;
    margin: 0;
    padding: 50px 30px;
    position: relative;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.icon-content-block .content-block.selected {
    background: #161619;
    box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.3);
}

.icon-content-block .content-block.selected:before {
    content: "";
    width: 50%;
    height: 50%;
    position: absolute;
    right: -25px;
    bottom: -30px;
    z-index: -1;
    background: url(../images/dot-pattern.png) right;
    background-size: 10px;
}

.icon-content-block .content-block figure {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.icon-content-block .content-block figure img {
    height: 75px;
}

.icon-content-block .content-block h6 {
    display: block;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.icon-content-block .content-block ul {
    margin: 0;
    padding: 0;
}

.icon-content-block .content-block ul li {
    padding: 3px 0;
    opacity: 0.7;
    list-style: none;
    font-weight: 300;
}

/* TEXT CONTENT BLOCK */
.text-content-block {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 150px 0;
    background: #fff;
}

.text-content-block .col-md-4 {
    margin: 20px 0;
}



.text-content-block h5 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    padding-right: 20%;
    margin-bottom: 70px;
}

.text-content-block small {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: -20px;
    opacity: 0.1;
    display: block;
}

.text-content-block h6 {
    font-size: 20px;
    font-family: "Fjalla One", sans-serif;
}

.text-content-block p {
    padding-right: 20%;
    margin-bottom: 0;
    line-height: 1.5;
}

/* TESTIMONIALS */
.testimonials {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 150px;
    color: #fff;
    background: #161619;
    position: relative;
}

.testimonials:before {
    content: "";
    width: 100%;
    height: 50px;
    background: #222327;
    position: absolute;
    left: 0;
    top: 0;
}



.testimonials .testimonials-slider {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}

.testimonials .swiper-pagination {
    width: 100px;
    right: 80px;
    left: auto;
    bottom: 115px;
    text-align: right;
}

.testimonials .swiper-pagination-bullet {
    background: #222327;
}

.testimonials .swiper-pagination-bullet:hover {
    border-color: #222327;
}

.testimonials .swiper-pagination-bullet-active {
    border-color: #222327;
    background: none;
}

.testimonials .testimonial {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 100px 80px;
    background: #75dab4;
    color: #222327;
}

.testimonials .testimonial blockquote {
    font-size: 21px;
    line-height: 1.7;
    font-weight: 300;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.testimonials .testimonial .reviewer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.testimonials .testimonial .reviewer img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
    float: left;
}

.testimonials .testimonial .reviewer .reviewer-infos {
    width: calc(100% - 65px);
    float: left;
}

.testimonials .testimonial .reviewer h6 {
    display: block;
    font-weight: 600;
}

.testimonials .testimonial .reviewer small {
    display: block;
}

/* BLOG */
.blog {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 100px 0;
    background: #fff;
}

.blog .col-lg-9 {
    padding-right: 60px;
}

.blog .sidebar {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0;
}

.blog .sidebar .widget {
    width: 100%;
    display: block;
    border-left: 1px solid #eee;
    margin-bottom: 40px;
    padding-left: 30px;
    padding-bottom: 10px;
}

.blog .sidebar .widget .title {
    display: block;
    font-weight: 800;
    font-size: 19px;
    padding: 15px 0;
    position: relative;
}

.blog .sidebar .widget .title:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #222327;
    position: absolute;
    left: -31px;
    top: 0;
}

.blog .sidebar .widget p {
    margin: 0;
}

.blog .sidebar .widget form {
    width: 100%;
}

.blog .sidebar .widget form input[type=text] {
    width: 100%;
    margin-bottom: 10px;
}

.blog .sidebar .widget .categories {
    width: 100%;
    margin: 0;
    padding: 0;
}

.blog .sidebar .widget .categories li {
    display: flex;
    flex-wrap: wrap;
    margin: 4px 0;
    padding: 0;
    list-style: none;
}

.blog .sidebar .widget .categories li span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #ccc;
    color: #fff;
    margin-right: 15px;
    margin-left: 0;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
}

.blog .sidebar .widget .categories li a {
    color: #222327;
    margin-left: 0;
    font-weight: 600;
}

.blog .sidebar .widget .tags {
    width: 100%;
    display: block;
    margin-bottom: 0;
    padding: 0;
}

.blog .sidebar .widget .tags li {
    display: inline-block;
    list-style: none;
    margin-bottom: 5px;
}

.blog .sidebar .widget .tags li a {
    font-weight: 600;
    font-size: 11px;
    background: #222327;
    color: #fff;
    line-height: 1;
    padding: 3px 6px;
}

.blog .sidebar .widget .tags li a:hover {
    color: #025ba6;
    text-decoration: none;
}

.blog .sidebar .widget .mini-works {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.blog .sidebar .widget .mini-works li {
    width: 33.3333%;
    display: inline-block;
    margin: 0;
    padding: 4px;
    list-style: none;
}

.blog .post {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 50px 0;
}

.blog .post.single {
    position: relative;
}

.blog .post.single .post-image {
    width: 100%;
    margin-bottom: 50px;
}

.blog .post.single .post-content {
    width: 100%;
    padding: 0 60px;
}

.blog .post.single .post-content .post-title {
    font-size: 4vw;
    line-height: 1.4;
}

.blog .post:nth-child(even) {
    position: relative;
}

.blog .post:nth-child(even) .post-image {
    order: 2;
}

.blog .post:nth-child(even) .post-image:before {
    right: auto;
    left: -25px;
}

.blog .post:nth-child(even) .post-content {
    order: 1;
    padding-right: 60px;
    padding-left: 0;
    text-align: right;
}

.blog .post .post-image {
    width: 45%;
    margin: 0;
    position: relative;
    box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.1);
}

.blog .post .post-image img {
    position: relative;
    width: 100%;
}

.blog .post .post-image:before {
    content: "";
    width: 90%;
    height: 60%;
    position: absolute;
    right: -25px;
    bottom: -30px;
    z-index: 0;
    background: url(../images/dot-pattern.png) right;
    background-size: 10px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    opacity: 0.2;
}

.blog .post .post-content {
    width: 55%;
    padding-left: 60px;
}

.blog .post .post-content h5 {
    font-weight: 600;
    margin-top: 30px;
}

.blog .post .post-content ul {
    margin-bottom: 30px;
    padding-left: 20px;
}

.blog .post .post-content ul li {
    margin: 0;
}

.blog .post .post-content .social-share {
    width: 100%;
    float: left;
    padding: 0;
    margin-bottom: 40px;
    text-align: center;
}

.blog .post .post-content .social-share li {
    float: left;
    margin-right: 5px;
    padding: 0;
    list-style: none;
}

.blog .post .post-content .social-share li.facebook a {
    background: #475993;
}

.blog .post .post-content .social-share li.twitter a {
    background: #76a9ea;
}

.blog .post .post-content .social-share li.google-plus a {
    background: #f34a38;
}

.blog .post .post-content .social-share li.linkedin a {
    background: #0077b7;
}

.blog .post .post-content .social-share li.youtube a {
    background: #f61c0d;
}

.blog .post .post-content .social-share li a {
    width: 44px;
    height: 44px;
    line-height: 44px;
    float: left;
    background: #222327;
    color: #fff;
    border: none;
    border-radius: 0;
}

.blog .post .post-content .image-left {
    width: 40%;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    margin-top: 20px;
}

.blog .post .post-content .image-full {
    width: 100%;
    display: block;
    margin: 30px 0;
}

.blog .post .post-content .post-date {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    opacity: 0.5;
}

.blog .post .post-content .post-title {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    font-size: 3vw;
    font-weight: 800;
}

.blog .post .post-content .post-title a {
    color: #161619;
}

.blog .post .post-content .post-title a:hover {
    color: #75dab4;
    text-decoration: none;
}

.blog .post .post-content .post-author {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.blog .post .post-content .post-author img {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 15px;
    border-radius: 50%;
}

.blog .post .post-content .post-author span {
    display: inline-block;
    color: #A7A7A7;
}

.blog .post .post-content .post-author span a {
    color: #222327;
    font-size: 15px;
}

.blog .post .post-content .post-author span a:hover {
    color: #222327;
}

.blog .post .post-content .post-categories {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    padding: 0;
}

.blog .post .post-content .post-categories li {
    display: inline-block;
    list-style: none;
}

.blog .post .post-content .post-categories li a {
    font-weight: 600;
    font-size: 11px;
    background: #222327;
    color: #fff;
    line-height: 1;
    padding: 3px 6px;
}

.blog .post .post-content .post-categories li a:hover {
    color: #025ba6;
    text-decoration: none;
}

.blog .post .post-content .post-link {
    font-family: "Fjalla One", sans-serif;
    border-bottom: 2px solid #222327;
    padding-bottom: 5px;
}

.blog .post .post-content .post-link:hover {
    color: #75dab4;
    text-decoration: none;
}

/* CLIENTS */
.clients {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 150px 0;
    background: #fff;
    box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.3);
}

.clients ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.clients ul li {
    width: 33.33333%;
    margin: 0;
    padding: 40px;
    list-style: none;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
}

/* CONTACT */
.contact {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 150px 0;
    background: #fff;
}

.contact h6 {
    font-weight: 600;
    margin-top: 30px;
}

.contact address {
    display: block;
}

.contact address p {
    margin: 0;
}

.contact address a {
    text-decoration: underline;
}




.contact .map {
    width: 80%;
    height: 400px;
    display: block;
    background: #222327;
}

.contact .map iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* FOOTER */
.footer {
    /* background-image: url(/photos/default/o_re7/background-image/footer-bg.jpg); */
    background-size: cover;
    background-position: center center;
    position: relative;
    background-color: #00AEEF;
}
/* .footer::before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0;
} */
.footer-main {
    padding-top: 45px;
    padding-bottom: 35px;
    font-size: 13px;
}
.footer-logo {
    display: inline-block;
    max-width: 255px;
}
.footer-main .social-items .social-item {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

.footer-main .column-title {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    margin-bottom: 20px;
}


.footer-main .form-control {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    color: #fff;
}

.footer-main .form-control:not(:hover){
    padding-left: 0px;
}

.footer-main .input-group-text {
    background-color: transparent;
    border: none;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.footer-main .contact-items {
    list-style-type: none;
    -webkit-padding-start: 0px;
}

.footer-main .contact-items a {
    color: #fff;
}

.footer-main .contact-items .contact-item {
    margin-bottom: 8px;
}

.footer-main .contact-items .contact-item .icon img {
    width: 25px;
}

.footer-main .contact-items .contact-item .value {
    text-align: left;
    font-size: 16px;
}

.footer .footer-bottom {
    padding-bottom: 90px;
    color: #fff
}

.footer .footer-bottom a:not(:hover) {
    color: #fff
}

.footer .footer-bottom a.bottom-link {
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 15px;
}

@media(min-width:768px){
    .footer-main {
        font-size: 14px;
    }
    .footer-main .column-title::after {
        margin-left: unset;
        margin-right: unset;
    }
}
@media(min-width: 1200px){
    .footer-main {
        font-size: 15px;
    }
    .footer-main .contact-items {
        padding-left: 20px;
    }
}

@media(min-width: 1500px){
    .footer-main .contact-items {
        padding-left: 25px;
    }
}

/* OWL THEME */

.owl-theme .owl-dots .owl-dot span {
    /* width: 43px;
    height: 3px;
    border-radius: 0px; */
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #025ba6;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #025ba6;
    font-size: 40px;
    background: unset;
}

.map-tooltip {
    width: 150px;
    text-align: center;
    background-color: #b3934e;
    padding-top: 10px;
    box-shadow: 2px 2px 8px 1px;
    border-radius: 15px;
    overflow: hidden;
}

.map-tooltip img {
    display: inline-block;
    margin-top: 10px;
}

.map-tooltip {
    color: #033624;
}

@media(min-width:768px) {
    .map-tooltip {
        width: 300px;
    }
}

.clouds {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.cloud {
    width: 22.5em;
    height: 7.5em;
    -moz-border-radius: 6.25em;
    -webkit-border-radius: 6.25em;
    border-radius: 6.25em;
    position: relative;
    margin: 7.5em auto 1.25em;
    left: -80px;
}

.cloud:after,
.cloud:before {
    content: "";
    position: absolute;
    z-index: -1;
    background-image: url(/photos/default/o_re4/items/fog-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.7;
}

.cloud:after {
    width: 9.5em;
    height: 9.5em;
    top: -3.125em;
    left: 3.125em;
}

.cloud:before {
    width: 15.25em;
    height: 15.25em;
    top: -5.625em;
    right: 3.125em;
}

.cloud.s1 {
    top: -27px;
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    animation: moveclouds 50s linear infinite, shrinkclouds-1 50s linear infinite;
}

.cloud.s2 {
    left: 12.5em;
    top: -206px;
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    animation: moveclouds 70s linear infinite, growclouds-3 70s linear infinite;
}

.cloud.s3 {
    left: -15.625em;
    top: -40.5em;
    -moz-transform: scale(0.4, 0.4);
    -ms-transform: scale(0.4, 0.4);
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
    animation: moveclouds 60s linear infinite, growclouds-1 60s linear infinite;
}

.cloud.s4 {
    left: 29.375em;
    top: -39.65em;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    animation: moveclouds 56s linear infinite, growclouds-3 56s linear infinite;
}

.cloud.s5 {
    left: -38em;
    top: -55em;
    -moz-transform: scale(0.4, 0.4);
    -ms-transform: scale(0.4, 0.4);
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
    animation: moveclouds 64s linear infinite, growclouds-3 64s linear infinite;
}

.effect-water {
    position: absolute;
    width: 30%;
    opacity: 0.3;
}

.effect-drop {
    margin: 175px auto;
    position: relative;
    width: 20px;
    height: 20px;
    top: -30px;
    margin: 0 auto;
    background: #FFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-animation-name: drip;
    -webkit-animation-name: drip;
    animation-name: drip;
    -moz-animation-timing-function: cubic-bezier(1, 0, .91, .19);
    -webkit-animation-timing-function: cubic-bezier(1, 0, .91, .19);
    animation-timing-function: cubic-bezier(1, 0, .91, .19);
    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.effect-drop:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 30px solid rgba(255, 255, 255, 1);
    top: -22px;
}

.effect-wave {
    margin: 175px auto;
    position: relative;
    opacity: 0;
    top: 0;
    width: 2px;
    height: 1px;
    border: #FFF 7px solid;
    -moz-border-radius: 300px / 150px;
    -webkit-border-radius: 300px / 150px;
    border-radius: 300px / 150px;
    -moz-animation-name: ripple;
    -webkit-animation-name: ripple;
    animation-name: ripple;
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.effect-wave:after {
    content: "";
    position: absolute;
    opacity: 0;
    top: -5px;
    left: -5px;
    width: 2px;
    height: 1px;
    border: #FFF 5px solid;
    -moz-border-radius: 200px / 150px;
    -webkit-border-radius: 200px / 150px;
    border-radius: 300px / 150px;
    -moz-animation-name: ripple-2;
    -webkit-animation-name: ripple-2;
    animation-name: ripple-2;
    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.svg-character.A {
    max-width: 300px;
    width: 65%;
}

.svg-character .character {
    fill-opacity: 0;
    /* stroke-width: 1; */
    stroke-dasharray: 8000;
    stroke-dashoffset: 8000;
}

.svg-character.active .character {
    fill-opacity: 1;
    stroke-opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

/* FLOATING SIDEBAR */
.floating-right-sidebar {
    box-shadow: none;
    background: none;
    margin-right: 1px;
    bottom: 23%;
}

.page-loaded.overflow .floating-right-sidebar {
    display: none !important;
}

.floating-right-sidebar .item {
    margin-bottom: 2px;
}

.floating-right-sidebar .item a {
    background-color: #033624;
    border: none;
    border-radius: 6px;
}

.floating-right-sidebar .item:hover a {
    background-color: #b69652;
}

@media(min-width: 3000px) {
    .floating-right-sidebar {
        bottom: 45%
    }
}

.progress-bar {
    background-color: #2077A0;
}

.webex-product-rating-main-score, .webex-rate i.fa, .webex-product-rating-quote i.fa {
    color: #025ba6;
}

/* LOADING EFFECT */

@keyframes ldio-ngyasq5t2ob {
  0% { transform: rotate(0deg) }
  50% { transform: rotate(180deg) }
  100% { transform: rotate(360deg) }
}
.ldio-ngyasq5t2ob div {
  position: absolute;
  animation: ldio-ngyasq5t2ob 1s linear infinite;
  width: 100px;
  height: 100px;
  top: 50px;
  left: 50px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #025ba6;
  transform-origin: 50px 52px;
}
.loadingio-spinner-eclipse-9zr99o53bhb {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
}
.ldio-ngyasq5t2ob {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-ngyasq5t2ob div { box-sizing: content-box; }
/* generated by https://loading.io/ */
.loadingio-icon {
    width: 57px;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 70px;
}

/* ANIMATIONS */

@keyframes bordercolor {
    from {
        border-color: #c39008;
    }

    to {
        border-color: #e7d273
    }
}
@keyframes bgcolor {
    from {
        background-color: #c39008;
    }

    to {
        background-color: #e7d273
    }
}

@-webkit-keyframes Ani {
    0% {
        box-shadow: 0 0 0 rgba(255, 255, 255, 0);
        border: 1px solid rgba(255, 255, 255, 0);
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    70% {
        box-shadow: 0 0 50px #46b29f;
        border: 1px solid #46b29f;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        box-shadow: 0 0 60px rgba(255, 255, 255, 0);
        border: 0 solid rgba(255, 255, 255, 0);
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes Ani {
    0% {
        box-shadow: 0 0 0 rgba(255, 255, 255, 0);
        border: 1px solid rgba(255, 255, 255, 0);
        transform: scale(.5)
    }

    70% {
        box-shadow: 0 0 50px #46b29f;
        border: 1px solid #46b29f;
        transform: scale(1)
    }

    100% {
        box-shadow: 0 0 60px rgba(255, 255, 255, 0);
        border: 0 solid rgba(255, 255, 255, 0);
        transform: scale(1.5)
    }
}
@keyframes logo-path-circle-dash {
    0% {
        stroke-dashoffset: 2000;
        fill-opacity: 0;
    }

    80% {
        stroke-dashoffset: 1587;
        fill-opacity: 0;
    }
    100% {
        stroke-dashoffset: 1587;
        fill-opacity: 1;
    }
}
@keyframes logo-path-1-dash {
    0% {
        stroke-dashoffset: 2000;
        fill-opacity: 0;
    }

    80% {
        stroke-dashoffset: 1600;
        fill-opacity: 0;
    }
    100% {
        stroke-dashoffset: 1524;
        fill-opacity: 1;
    }
}
@keyframes logo-path-2-dash {
    0% {
        stroke-dashoffset: 2000;
        fill-opacity: 0;
    }

    80% {
        stroke-dashoffset: 850;
        fill-opacity: 0;
    }
    100% {
        stroke-dashoffset: 770;
        fill-opacity: 1;
        stroke: transparent;
    }
}
@keyframes logo-path-fade {
    0% {
        fill-opacity: 0;
    }
    100% {
        fill-opacity: 1;
    }
}
@keyframes logo-path-fade-2 {
    0% {
        fill-opacity: 0;
        /* transform: translateY(50px); */
        stroke-width: 1px;
    }
    100% {
        fill-opacity: 1;
        /* transform: translateY(0px); */
        stroke-width: 0px;
    }
}
@keyframes DrawStroke1 {
    0% {
        stroke-dashoffset: 3000
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes StrokeOffset {
    50% {
        stroke-dashoffset: 35%;
        stroke-dasharray: 100% 35%
    }
}

@keyframes StrokeLine {
    0% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: -200
    }
}

@keyframes StrokeLine1 {
    0% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 200
    }
}

@keyframes BorderBox {

    0%,
    100% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 100%
    }
}

@keyframes Border {

    0%,
    60% {
        border-top-color: #ffd47d
    }

    20% {
        border-top-color: #285a71
    }
}

@keyframes Border1 {

    0%,
    60% {
        border-color: #ffd47d
    }

    20% {
        border-color: #285a71
    }
}

@keyframes StrokeLine {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: -200
    }
}

@keyframes StrokeLine1 {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: 300
    }
}

@keyframes texteffect {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes texteffect {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes show-img-1 {

    0%,
    66.6% {
        visibility: hidden;
    }

    100%,
    66.7% {
        visibility: visible;
    }
}

@keyframes show-img-1 {

    0%,
    66.6% {
        visibility: hidden;
    }

    100%,
    66.7% {
        visibility: visible;
    }
}

@-webkit-keyframes slide-bg-2 {
    33.3% {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(0.05, 1);
        transform: scale(0.05, 1);
    }

    66.6% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    66.7% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}

@keyframes slide-bg-2 {
    33.3% {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(0.05, 1);
        transform: scale(0.05, 1);
    }

    66.6% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    66.7% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@keyframes wave-grow-1 {
    33.3% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.7;
    }

    45% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0.5;
    }

    66.7% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: scale(2.5);
        transform: scale(2.3);
        opacity: 0.3;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: scale(2.8);
        transform: scale(2.8);
        opacity: 0.1;
    }
}
@keyframes fade-down {
    33.3% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 0.7;
    }

    45% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0.5;
    }

    66.7% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
        opacity: 0.3;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0.1;
    }
}
/*# sourceMappingURL=style.css.map */