/*
FONTS
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;600;700;800&display=swap');
/* font-family: 'Roboto', sans-serif; */
/*
VARIABLES
*/
:root {
    --blue: #253067; 
    /* --blue:#003357;  */
    --light-blue: #00a9d1;
}
/* :root {
    --blue: #000; 
    --light-blue: #000;
} */
/*
ANIMATION
*/
@keyframes flickerAnimation{
    0%,100% {
        opacity:.5;
        transform:scale(1);
        -webkit-ransform:scale(1);
        right: 1.3rem;
    }
    50%{
        opacity:1;
        transform:scale(1.1);
        -webkit-ransform:scale(1.1);
        right: 1.5rem;
    }
}
@-webkit-keyframes flickerAnimation{
    0%,100% {
        opacity:.5;
        transform:scale(1);
        -webkit-ransform:scale(1);
        right: 1.3rem;
    }
    50%{
        opacity:1;
        transform:scale(1.1);
        -webkit-ransform:scale(1.1);
        right: 1.5rem;
    }
}
@-webkit-keyframes clipOpen{
    0% {
        -webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);
        clip-path:polygon(0 0,0 0,0 100%,0 100%)
    }
    60%{
        -webkit-clip-path:polygon(0 0,100% 0,50% 100%,0 100%);
        clip-path:polygon(0 0,100% 0,50% 100%,0 100%)
    }
    100%{
        -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
    }
}
@keyframes clipOpen{
    0%{
        -webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);
        clip-path:polygon(0 0,0 0,0 100%,0 100%)
    }
    60%{
        -webkit-clip-path:polygon(0 0,100% 0,50% 100%,0 100%);
        clip-path:polygon(0 0,100% 0,50% 100%,0 100%)
    }
    100%{
        -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
    }
}
@-webkit-keyframes clipClose{
    0%{
        -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
    }
    33%{
        -webkit-clip-path:polygon(0 0,50% 0,100% 100%,0 100%);
        clip-path:polygon(0 0,50% 0,100% 100%,0 100%)
    }
    100%{
        -webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);
        clip-path:polygon(0 0,0 0,0 100%,0 100%)
    }
}
@keyframes clipClose{
    0%{
        -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
    }
    33%{
        -webkit-clip-path:polygon(0 0,50% 0,100% 100%,0 100%);
        clip-path:polygon(0 0,50% 0,100% 100%,0 100%)
    }
    100%{
        -webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);
        clip-path:polygon(0 0,0 0,0 100%,0 100%)
    }
}
@keyframes clipOpenReverse{
    0% {
        -webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    }
    60%{
        -webkit-clip-path:polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
        clip-path:polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
    }
    100%{
        -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}
@-webkit-keyframes clipOpenReverse {
    0% {
        -webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    }
    60%{
        -webkit-clip-path:polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
        clip-path:polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
    }
    100%{
        -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}
@keyframes clipCloseReverse{
    0% {
        -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
    60%{
        -webkit-clip-path:polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
        clip-path:polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
    }
    100%{
        -webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    }
}
@-webkit-keyframes clipCloseReverse{
    0% {
        -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
    60%{
        -webkit-clip-path:polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
        clip-path:polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
    }
    100%{
        -webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    }
}
@-webkit-keyframes imageOpen{
    0%{
        width: 100%;
    }
    100%{
        width: 0%;
    }
}
@keyframes imageOpen{
    0%{
        width: 100%;
    }
    100%{
        width: 0%;
    }
}
@keyframes move{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes move{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes slideWidth{
    from{
        width:0;
    }
    to{
        width: 100%;
    }
}
@-webkit-keyframes slideWidth{
    from{
        width:0;
    }
    to{
        width: 100%;
    }
}
/*
GENERAL
*/
html {
    font-size: 10px;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
    line-height: 3.3rem;
    font-weight: 400;
    padding-top: 8rem;
    background-color: #FFF;
    /* cursor: none; */
}
body > #page { 
    overflow: hidden;
}
body.post, body.page { 
    margin: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 3rem;
}
h1 {
    font-size: 6rem;
    font-weight: 400;
    line-height: 1.2;
}
h2 {
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 1.2;
}
a { 
    color: var(--blue);
    text-decoration: none;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    /* cursor: none; */
}
/* button {
    cursor: none;
} */
p {
    margin-bottom: 2rem;
}
p:last-child {
    margin: 0;
}
ol[type="A"] {
    list-style: upper-alpha;
}
.site-main a { 
    border-bottom: .2rem solid var(--blue);
}
a:focus, a:visited {
    color: var(--blue);
}
.site-main a:hover {
    border-color: var(--light-blue);
}
.container {
    max-width: 188rem;
    max-width: 192rem;
    padding: 0 4.5rem;
    width: 100%;
}
.button-1 {
    color: var(--blue);
    font-size: 1.6rem;
    line-height: 1.6;
    padding: 1rem 3rem;
    display: inline-block;
    font-weight: 600;
    background-color: #FFF;
    border: .2rem solid #929090;
}
.button-1:hover {
    background-color: var(--blue);
    color: #FFF;
}
.button-2 {
    color: var(--blue);
    font-size: 2.4rem;
    line-height: 2;
    padding: 1.5rem 3rem;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    border: .2rem solid var(--blue);
}
.button-2:hover {
    background-color: var(--blue);
    color: #FFF;
}
.button-3 {
    color: #FFF;
    font-size: 2.4rem;
    line-height: 2;
    padding: 1.44rem 3rem;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    background-color: var(--blue);
    border: .2rem solid var(--blue);
}
.button-3:visited, .button-3:focus {
    color: #FFF;
}
.button-3:hover {
    background-color: #FFF;
    color: var(--blue);
}
.wow {
    visibility: hidden;
}
/**/
.btn-arrow-goto {
    position: absolute;
    right: 5rem;
    top: 39rem;
    top: 50vh;
    z-index: 50;
    border: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.btn-arrow-goto.btn-arrow-up {
    top: auto;
    bottom: 10rem;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/**/
.hide-image {
    opacity: 0;
    z-index: -1;
    position: absolute;
}
.statcounter {
    display: none;
}
/*
CURSOR
*/
.cursor {
    pointer-events: none;
}
.cursor__ball {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000000;
    fill: var(--blue);
}
.cursor__ball.cursor__ball--small {
    width: 1rem;
    height: 1rem;
}
.cursor__ball.cursor__ball--big {
    width: 3rem;
    height: 3rem;
}
.cursor__ball.cursor__ball--small {
    fill: var(--light-blue);
}
/*
HEADER
*/
header {
    padding: 1.2rem 0;
    font-size: 1.6rem;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: #FFF;
}
header.header-scroll {
    -webkit-box-shadow: 0 .2rem .5rem .1rem rgba(0,0,0,.3);
    box-shadow: 0 .2rem .5rem .1rem rgba(0,0,0,.3);
}
.admin-bar header {
    top: 3.2rem;
}
.logo-wrap a {
    border: none;
}
.logo-wrap img {
    max-width: 25.8rem;
}
.nav-menu {
    display: flex;
    gap: 2.8rem;
    justify-content: center;
}
.nav-menu a {
    color: var(--blue);
    font-weight: 600;
    text-transform: uppercase;
}
header .link-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.header-link-wrap a {
    font-weight: 700;
}
.header-link-wrap a img {
    display: inline-block;
}
/**/
.main-menu-wrapper {
    display: flex;
    justify-content: flex-end;
    align-content: center;
}
.main-menu-wrapper a {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.2;
    height: 100%;
    border: none;
}
.main-menu-wrapper a:first-child {
    border-right: .2rem solid var(--blue);
    padding-right: 1.5rem;
    margin-right: 1.5rem;
    padding-right: 4rem;
    margin-right: 4rem;
    line-height: 2.6rem;
    border: none;
}
.mobile-wrapper, .menu-single-wrap.menu-0 {
    display: none;
}
.mobile-wrapper {
    background-color: var(--light-blue); 
    /* background-color: var(--blue); */
    padding: 1.5rem 2.5rem;
}
.mobile-wrapper a {
    color: #FFF;
}
.mobile-wrapper a:hover {
    color: var(--blue);
}
.btn-main-link span {
    width: 3.4rem;
    height: .4rem;
    background-color: #FFF;
    margin-top: .6rem;
    display: block;
}
.btn-main-link span:first-child {
    margin-top: 0;
}
/* .open-main-menu-floating .btn-main-link span:nth-child(2){ */
.open-main-menu-floating .btn-main-link span{
    display: none;
}
/**/
.main-menu-wrapper nav.menu-wrap ul {
    display: flex;
    /* gap: 6rem; */
    margin: 0 -3rem;
    padding: 0;
    list-style: none;
}
.main-menu-wrapper nav.menu-wrap ul li {
    padding: 0 3rem;
}
.main-menu-wrapper nav.menu-wrap ul li a { 
    font-size: 2rem;
    font-weight: 400;
    display: block;
    margin: 0;
    padding: 0;
}
.main-menu-wrapper nav.menu-wrap ul li.btn-open-main-menu-floating {
    position: relative;
}
.main-menu-wrapper nav.menu-wrap ul li.btn-open-main-menu-floating .arrow-elm {
    content:  "";
    position: absolute;
    right: -3rem; right: 0;
    top: 50%;
    margin-top: -1.2rem;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url('images/expand_more-2.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
}
/* FLOATING MENU THIRD WRAPPER */
.floating-menu-thrid-wrapper {
    background-color: var(--blue);
    padding: 4rem;
    position: fixed;
    left: 0;
    bottom: 100%;
    height: 100%; height: calc(100% - 8.12rem);
    width: 100%;
    z-index: 100000;
    color: #FFF;
    overflow: auto;
    transition: bottom .5s ease-in-out;
    -webkit-transition: bottom .5s ease-in-out;
    display: none;
    transition-delay: 1s;
}
.admin-bar .floating-menu-thrid-wrapper {
    height: 100%; height: calc(100% - 11.32rem);
}
.floating-menu-thrid-wrapper .main-menu-wrap {
    display: none;
}
.open-main-menu-floating .floating-menu-thrid-wrapper {
    bottom: 0;
    display: block;
}
.floating-menu-thrid-wrapper .btn-close-main-menu {
    position: absolute;
    top: 4rem;
    right: 4rem;
    z-index: 1000;
}
.floating-menu-thrid-wrapper a{
    color: #FFF;
}
.floating-menu-thrid-wrapper a:hover {
    color: var(--light-blue);
}
.floating-menu-thrid-wrapper .gallery-slider-wrap {
    position: static;
}
.floating-menu-thrid-wrapper .menu-list-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.floating-menu-thrid-wrapper .menu-list-wrapper .menu-single-wrap {
    width: 100%;
    min-height: 50vh;
    padding-bottom: 4rem;
}
.floating-menu-thrid-wrapper .menu-icon-wrap {
    margin-bottom: 3.5rem;
}
.floating-menu-thrid-wrapper .menu-wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.floating-menu-thrid-wrapper .menu-wrap ul li {
    margin-bottom: 2rem;
}
.floating-menu-thrid-wrapper .menu-wrap ul li:last-child {
    margin-bottom: 0;
}
.floating-menu-thrid-wrapper .menu-list-wrapper .menu-single-wrap.menu-1 {
    border-right: .1rem dotted var(--light-blue);
    border-bottom: .1rem dotted var(--light-blue);
}
.floating-menu-thrid-wrapper .menu-list-wrapper .menu-single-wrap.menu-2 {
    padding-left: 4rem;
    border-bottom: .1rem dotted var(--light-blue);
}
.floating-menu-thrid-wrapper .menu-list-wrapper .menu-single-wrap.menu-3 {
    padding-top: 4rem;
    border-right: .1rem dotted var(--light-blue);
}
.floating-menu-thrid-wrapper .menu-list-wrapper .menu-single-wrap.menu-4 {
    padding-top: 4rem;
    padding-left: 4rem; 
}
/**/
.floating-menu-thrid-wrapper .contact-wrap {
    max-width: 44rem;
    float: right;
    margin-right: 9rem;
    width: 100%;
}
.floating-menu-thrid-wrapper .contact-wrap .title-elm {
    margin-bottom:3.7rem;
}
.floating-menu-thrid-wrapper .contact-wrap .link-wrapper {
    margin-bottom: 5rem;
}
.floating-menu-thrid-wrapper .header-link-wrap {
    margin-top: 2.7rem;
}
.floating-menu-thrid-wrapper .gallery-slider-wrap {
    width: auto;
    height: auto;
}
.floating-menu-thrid-wrapper .gallery-slider-wrap img {
    max-width: 44rem;
}
/* FLOATING FULL MENU WRAPPER */
.floating-full-menu-wrapper {
    position: fixed;
    left: 100%;
    z-index: 100000;
    top: 0;
    width: 100%;
    height: 100vh;
    /* background-color: var(--blue); */
    transition: left .5s ease-in-out;
    -webkit-transition: left .5s ease-in-out;
    color: #FFF;
}
.floating-full-menu-wrapper .before-in-wrap {
    position: relative;
    height: 100%;
}
.floating-full-menu-wrapper .before-in-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: var(--blue);;
    will-change: transform;
    -webkit-animation: clipCloseReverse forwards .5s linear;
    animation: clipCloseReverse forwards .5s linear;
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.open-floating-main-menu .floating-full-menu-wrapper {
    left: 0;
}
.open-floating-main-menu .floating-full-menu-wrapper .before-in-wrap::before {
    /* -webkit-animation: clipOpen .5s forwards linear; */
    animation: clipOpenReverse .5s forwards linear;
} 
.floating-full-menu-wrapper .in-wrap {
    padding: 9rem 0;
    max-width: 101.6rem;
    margin: 0 auto;
    height: 100%;
    overflow: auto;
    position: relative;
    z-index: 100;
}
.floating-full-menu-wrapper .in-wrap .row {
    margin: 0;
}
.floating-full-menu-wrapper a {
    color: #FFF;
}
.floating-full-menu-wrapper a:hover {
    color: var(--light-blue);
}
.floating-full-menu-wrapper .title-elm {
    color: var(--light-blue);
    margin: 0 0 3rem;
}
.floating-full-menu-wrapper .title-elm a {
    color: var(--light-blue);
}
.floating-full-menu-wrapper .title-elm a span {
    display: none;
}
.floating-full-menu-wrapper .menu-wrap ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.floating-full-menu-wrapper .menu-wrap ul li {
    margin: 0 0 3rem;
}
.floating-full-menu-wrapper .menu-wrap ul li a { 
    font-size: 3.6rem;
    font-weight: 300;
}
.floating-full-menu-wrapper .menu-wrap.service-menu-wrap ul li {
    margin-bottom: 1.5rem;
}
.floating-full-menu-wrapper .menu-wrap.service-menu-wrap ul li a {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.3rem;
}
.floating-full-menu-wrapper .header-phone-wrap {
    margin-bottom: 2rem;
}
/**/
.floating-full-menu-wrapper .btn-close-main-menu {
    top: 4rem;
    right: 5rem;
    position: absolute;
    z-index: 150;
}
.floating-full-menu-wrapper  .btn-close-main-menu img {
    max-width: 4.2rem;
}
/**/
.gallery-slider-wrap {
    position: absolute;
    right: 5rem;
    bottom: 5rem;
    width: 43.5rem;
    height: 43.5rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: .7rem;
    /* border: .5rem solid #D9D9D9; */
    z-index: 100;
}
.gallery-slider-wrap .item-wrap {
    width: 41.2rem;
    height: 41.2rem;
}
.gallery-slider-wrap img {
    max-width: 41.2rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
/* FLOATING MAIN MENU */
body.open-floating-main-menu {
    height: 100%;
    overflow: hidden;
}
.floating-main-menu-wrapper {
    position: fixed;
    right: 100%;
    z-index: 100000;
    top: 0;
    width: 100%;
    height: 100vh;
    /* background-color: var(--blue); */
    transition: right .5s ease-in-out;
    -webkit-transition: right .5s ease-in-out;
}
.floating-main-menu-wrapper .in-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    position: relative;
}
.floating-main-menu-wrapper .in-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--blue);;
    will-change: transform;
    -webkit-animation: clipClose forwards .5s linear;
    animation: clipClose forwards .5s linear;
    -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 100%,0 100%);
}
.open-floating-main-menu .floating-main-menu-wrapper {
    right: 0;
}
.open-floating-main-menu .floating-main-menu-wrapper .in-wrap::before {
    -webkit-animation: clipOpen .5s forwards linear;
    animation: clipOpen .5s forwards linear;
} 
.floating-main-menu-wrapper .btn-close-main-menu {
    position: absolute;
    top: 1.3rem; top: 3rem;
    right: 1.3rem; right: 5rem;
    z-index: 1000;

    /* display: none; */
    opacity: 0;
    transition: none;
    -webkit-transition: none;
    
}
.open-floating-main-menu .floating-main-menu-wrapper .btn-close-main-menu {
    /* -webkit-transition-delay:1.1s,0s;
    transition-delay:1.1s,0s;
    display: block; */
    opacity: 1;
    transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
.floating-main-menu-wrapper .menu-wrap {
    padding: 5rem 14.5rem;
    max-width: 48rem;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.floating-main-menu-wrapper .menu-wrap ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.floating-main-menu-wrapper .menu-wrap ul li { 
    position: relative;

    opacity: 0;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: opacity .4s,-webkit-transform .4s;
    transition: opacity .4s,-webkit-transform .4s;
    transition: transform .4s,opacity .4s;
    transition: transform .4s,opacity .4s,-webkit-transform .4s;
    transition-timing-function: ease, ease, ease;
    transition-delay: 0s, 0s, 0s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1),cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1),cubic-bezier(.215,.61,.355,1);
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(1){
    -webkit-transition-delay:.47s,.47s;
    transition-delay:.47s,.47s
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(2){
    -webkit-transition-delay:.54s,.54s;
    transition-delay:.54s,.54s
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(2) a:after{
    -webkit-transition-delay:.54s,0s;
    transition-delay:.54s,0s
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(3){
    -webkit-transition-delay:.61s,.61s;
    transition-delay:.61s,.61s
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(3) a:after{
    -webkit-transition-delay:.61s,0s;
    transition-delay:.61s,0s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(4){
    -webkit-transition-delay:.68s,.68s;
    transition-delay:.68s,.68s
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(4) a:after{
    -webkit-transition-delay:.68s,0s;
    transition-delay:.68s,0s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(5){
    -webkit-transition-delay:.75s,.75s;
    transition-delay:.75s,.75s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(5) a:after{
    -webkit-transition-delay:.75s,0s;
    transition-delay:.75s,0s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(6){
    -webkit-transition-delay:.82s,.82s;
    transition-delay:.82s,.82s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(6) a:after{
    -webkit-transition-delay:.82s,0s;
    transition-delay:.82s,0s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(7){
    -webkit-transition-delay:.89s,.89s;
    transition-delay:.89s,.89s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(7) a:after{
    -webkit-transition-delay:.89s,0s;
    transition-delay:.89s,0s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(8){
    -webkit-transition-delay:.96s,.96s;
    transition-delay:.96s,.96s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(8) a:after{
    -webkit-transition-delay:.96s,0s;
    transition-delay:.96s,0s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(9){
    -webkit-transition-delay:1.03s,1.03s;
    transition-delay:1.03s,1.03s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(9) a:after{
    -webkit-transition-delay:1.03s,0s;
    transition-delay:1.03s,0s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(10){
    -webkit-transition-delay:1.1s,1.1s;
    transition-delay:1.1s,1.1s;
}
.open-floating-main-menu .floating-main-menu-wrapper .menu-wrap ul li:nth-child(10) a:after{
    -webkit-transition-delay:1.1s,0s;
    transition-delay:1.1s,0s;
}
.floating-main-menu-wrapper .menu-wrap ul li a {
    font-size: 4rem;
    padding: 1.4rem 0;
    line-height: 1.2;
    letter-spacing: -1.33px;
    font-weight: 700; font-weight: 400;
    color: #FFF;
    display: block;
    border: none;
}
.floating-main-menu-wrapper .menu-wrap ul li.menu-item.current-menu-item > a, .floating-main-menu-wrapper .menu-wrap ul li.menu-item a:hover {
    transform: translateX(-20px);
    color: var(--light-blue);
}
.floating-main-menu-wrapper .menu-wrap ul li.menu-item.current-menu-item::before, .floating-main-menu-wrapper .menu-wrap ul li.menu-item:not(.current-menu-item) a:hover::before {
    content: "";
    display: inline-block; display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -16rem;
    height: .5rem;
    width: 12.7rem;
    background: url('images/menu-active-line.svg') no-repeat center/cover;
    animation: move 1s ease-in-out forwards; 
}
.floating-main-menu-wrapper ul .sub-menu li a::before {
    display: none !important;
}
.floating-main-menu-wrapper ul .sub-menu {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(0,-50%);
    width: 300px;
    flex-direction: inherit;
    flex-wrap: wrap;
    align-items: center;
    margin: 6px 0 0;
    border: 0;
    display: none;
    background: transparent;
    right: inherit;
    padding: 0 0 0 130px;
    min-width: inherit;
}
.floating-main-menu-wrapper ul li.menu-item:hover .sub-menu {
    display: flex;
}
.floating-main-menu-wrapper ul .sub-menu::before {
    position: absolute;
    left: -20px;
    top: 50%;
    border: 0;
    right: inherit;
    transform: translate(0,-50%);
    content: "";
    background: url('images/menu-active-line.svg') no-repeat center / cover;
    animation: move 1s ease-in-out infinite;
    display: inline-block;
    width: 127px;
    height: 5px;

}
.floating-main-menu-wrapper ul .sub-menu li a {
    font-size: 2.1rem;
    padding: .9rem 0;
    line-height: normal;
    width: 100%;
    white-space: nowrap;
}
/* FLOATING MENU */
body.service-menu-is-open {
    height: 100%;
    overflow: hidden;
}
.floating-service-menu { 
    position: fixed;
    right: 100%;
    z-index: 100000;
    top: 6.6rem;
    top: 0;
    width: 100%;
    height: 100vh;
    /* background-color: var(--blue); */
    display: flex;
    align-items: start;
    justify-content: center;
    transition: right .5s ease-in-out;
    -webkit-transition: right .5s ease-in-out;
}
.service-menu-is-open .floating-service-menu {
    right: 0;
}
.service-menu-is-open .floating-service-menu .in-wrap::before {
    -webkit-animation: clipOpen .5s forwards linear;
    animation: clipOpen .5s forwards linear;
} 
/* .floating-menu .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: var(--blue);
    z-index: 10;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 100%,0 100%);
}
.floating-menu .in-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--blue);;
    will-change: transform;
    -webkit-animation: clipClose forwards .5s linear;
    animation: clipClose forwards .5s linear;
    -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 100%,0 100%);
}
.menu-is-open .floating-menu .in-wrap::before {
    -webkit-animation: clipOpen .5s forwards linear;
    animation: clipOpen .5s forwards linear;
} 
.floating-menu .in-wrap { 
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    min-width: 50rem;
    
}
.floating-menu .menu-vertical {
    padding: 10rem 3rem;
    position: relative;
    z-index: 10;
}*/
.floating-service-menu .in-wrap {
    /* max-width: 25rem; */
    width: 100%;
    height: 100%;
    padding: 4rem 0;
    background-color: transparent;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.floating-service-menu .in-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: var(--blue);;
    will-change: transform;
    -webkit-animation: clipClose forwards .5s linear;
    animation: clipClose forwards .5s linear;
    -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 100%,0 100%);
}
.service-menu-is-open .floating-service-menu .in-wrap::before {
    -webkit-animation: clipOpen .5s forwards linear;
    animation: clipOpen .5s forwards linear;
} 
.floating-service-menu nav {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 25rem;   
}
.floating-service-menu nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.floating-service-menu nav ul li { 
    display: block;

    position: relative;

    opacity: 0;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: opacity .4s,-webkit-transform .4s;
    transition: opacity .4s,-webkit-transform .4s;
    transition: transform .4s,opacity .4s;
    transition: transform .4s,opacity .4s,-webkit-transform .4s;
    transition-timing-function: ease, ease, ease;
    transition-delay: 0s, 0s, 0s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1),cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1),cubic-bezier(.215,.61,.355,1);
}
.service-menu-is-open .floating-service-menu nav ul li {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(1){
    -webkit-transition-delay:.47s,.47s;
    transition-delay:.47s,.47s
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(2){
    -webkit-transition-delay:.54s,.54s;
    transition-delay:.54s,.54s
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(2) a:after{
    -webkit-transition-delay:.54s,0s;
    transition-delay:.54s,0s
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(3){
    -webkit-transition-delay:.61s,.61s;
    transition-delay:.61s,.61s
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(3) a:after{
    -webkit-transition-delay:.61s,0s;
    transition-delay:.61s,0s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(4){
    -webkit-transition-delay:.68s,.68s;
    transition-delay:.68s,.68s
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(4) a:after{
    -webkit-transition-delay:.68s,0s;
    transition-delay:.68s,0s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(5){
    -webkit-transition-delay:.75s,.75s;
    transition-delay:.75s,.75s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(5) a:after{
    -webkit-transition-delay:.75s,0s;
    transition-delay:.75s,0s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(6){
    -webkit-transition-delay:.82s,.82s;
    transition-delay:.82s,.82s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(6) a:after{
    -webkit-transition-delay:.82s,0s;
    transition-delay:.82s,0s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(7){
    -webkit-transition-delay:.89s,.89s;
    transition-delay:.89s,.89s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(7) a:after{
    -webkit-transition-delay:.89s,0s;
    transition-delay:.89s,0s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(8){
    -webkit-transition-delay:.96s,.96s;
    transition-delay:.96s,.96s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(8) a:after{
    -webkit-transition-delay:.96s,0s;
    transition-delay:.96s,0s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(9){
    -webkit-transition-delay:1.03s,1.03s;
    transition-delay:1.03s,1.03s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(9) a:after{
    -webkit-transition-delay:1.03s,0s;
    transition-delay:1.03s,0s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(10){
    -webkit-transition-delay:1.1s,1.1s;
    transition-delay:1.1s,1.1s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(11){
    -webkit-transition-delay:1.17s,1.17s;
    transition-delay:1.17s,1.17s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(12){
    -webkit-transition-delay:1.24s,1.24s;
    transition-delay:1.24s,1.24s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(13){
    -webkit-transition-delay:1.31s,1.31s;
    transition-delay:1.31s,1.31s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(14){
    -webkit-transition-delay:1.38s,1.38s;
    transition-delay:1.38s,1.38s;
}
.service-menu-is-open .floating-service-menu nav ul li:nth-child(15){
    -webkit-transition-delay:1.45s,1.45s;
    transition-delay:1.45s,1.45s;
}
.floating-service-menu nav ul li a {
    font-size: 1.6rem;
    color: #FFF;
    font-weight: 600; font-weight: 400;
}
.floating-service-menu .menu-vertical li a:hover {
    color: #FFF;
    text-decoration: underline;
}
.floating-service-menu .btn-close-service-menu { 
    position: absolute;
    top: 1.3rem; top: 3rem;
    right: 1.3rem; right: 5rem;
    z-index: 20;
}
.floating-service-menu .link-wrapper {
    margin-top: 6rem;
    font-size: 1.6rem;
}
.floating-service-menu .link-wrapper a {
    color: #FFF;
    display: block;
}
.floating-service-menu .link-wrapper a:hover {
    text-decoration: underline;
}
.floating-service-menu .link-wrapper .header-phone-wrap {
    margin-bottom: 2.5rem;
}
.floating-service-menu .header-link-wrap a { 
    font-weight: 700;
}
.floating-service-menu .header-link-wrap img {
    margin-left: 1rem;
}
/*
FOOTER
*/
.site-footer { 
    color: #FFF;
    background-color: var(--blue);
    padding: 9.2rem 0 9.8rem;
    text-align: center;
    position: relative;
    font-weight: 300;
}
.site-footer a {
    color: #FFF;
    border: none;
}
.site-footer a:hover {
    text-decoration: underline;
}
.social-media-wrap {
    margin: 0 0 7rem;
}
.social-media-wrap ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 2.4rem;
    justify-content: center;
}
.social-media-wrap ul a {
    display: block;
    border: none;
}
.social-media-wrap ul a:hover { 
    opacity: .5;
}
/**/
.contact-info-wrap { 
    text-align: center;
    margin-bottom: 3.5rem;
}
/**/
footer .link-wrap {
    display: flex;
    justify-content: center;
    gap: 4.6rem;
}
/* FOOTER NAVIGATION */
#footer-navigation {
    margin:0 0 1rem;
}
.footer-nav-border { 
    margin: 0 auto 6.5rem;
    border-top: .1rem solid #FFF;
    border-bottom: .1rem solid #FFF;
    padding: 1.5rem 0;
    max-width: 96rem;
    width: 100%;
}
.footer-nav-border.first {
    margin-top: 6.5rem;
    margin-bottom: 0;
    border-bottom: none;
}
#footer-navigation ul, .footer-nav-border ul { 
    justify-content: center;
    display: flex;
    gap: 3rem;
    flex-wrap: wrap;
}
.footer-nav-border ul li a {
    text-transform: uppercase;
}
#footer-navigation ul li a:hover, .footer-nav-border ul li a:hover {
    text-decoration: underline;
    color: #FFF;
}
/**/
.testimonial-footer-section .in-wrap {
    max-width: 45em;
    overflow: hidden;
    font-size: 1.2rem;
    text-align: left;
    max-height: 7rem;
    margin: 3rem auto 0;
}
.testimonial-footer-section .marquee-elm {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    position: relative;
    top: 24rem;
    /* --offset: 40px;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset)); */
    --move-initial: calc(0 - 8rem);
    --move-final: calc(-100% - 8rem);
    -webkit-transform: translate3d(var(--move-initial), 0, 0);
    transform: translate3d(var(--move-initial), 0, 0);
    -webkit-animation: marquee 100s linear infinite;
    animation: marquee 100s linear infinite;
    line-height: 1.5;
}
.testimonial-footer-section .in-wrap:hover .marquee-elm {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
@-webkit-keyframes marquee{
    0%{
        -webkit-transform:translate3d(0, var(--move-initial), 0);
        transform:translate3d(0, var(--move-initial), 0)
    }
    100%{
        -webkit-transform:translate3d(0, var(--move-final), 0);
        transform:translate3d(0, var(--move-final), 0)
    }
}
@keyframes marquee{
    0%{
        -webkit-transform:translate3d(0, var(--move-initial), 0);
        transform:translate3d(0, var(--move-initial), 0)
    }
    100%{
        -webkit-transform:translate3d(0, var(--move-final), 0);
        transform:translate3d(0, var(--move-final), 0)
    }
}
/*
===================
SECTION
===================
*/
.section {
    padding: 6rem 0;
}
.section-title {
    color: var(--blue);
    margin: 0;
}
.section-subtitle {
    font-weight: 400;
    color: var(--blue);
    margin: 2rem 0 0;
}
body.single-post .section-subtitle {
    margin: 0;
}
.section .head-wrap { 
    text-align: center;
    margin: 0 auto 7rem;
    max-width: 75rem;
}
.section .s-link-wrap {
    min-width: 8.2rem;
}
.section .s-link-wrap a {
    font-weight: 700; 
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: none;
}
.section .s-link-wrap a img {
    position: absolute;
    left: -4rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.section .s-link-wrap a:hover img {
    left: -5rem;
}
.section .s-link-wrap.mode-2 a img {
    position: static;
    transform: none;
    -webkit-transform: none;
    margin-left: 2rem;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.section .s-link-wrap.mode-2 a:hover img {
    margin-left: 3rem;
}
.section .top-wrap .award-logo-wrap img {
    max-height: 21.5rem;
    display: inline-block;
}
.section .d-wrap { 
    display: flex;
    gap: 4.5rem;
    display: block;
}
/* .section .d-wrap h1 {
    color: #929090;
    font-size: 2rem;
} */
.section .d-wrap .content-wrap {
    max-width: 52rem;
    width: 100%;
    margin: 0 auto;
}
/**/
body.single-services .section .d-wrap {
    display: block;
}
.section .d-wrap .s-link-wrap {
    margin: 0 0 7rem;
}
/*
===================
HOMEPAGE
===================
*/
/* HOMEPAGE BANNER */
.banner-animation-section {
    position: relative;
    overflow: hidden;
}
/**/
.home-about-section .container, .home-celebrating-section .container, .home-company-section .container {
    max-width: 131.5rem;
}
.home-services-section .container, .home-packages-section .container {
    max-width: 192rem;
}
/* HOMEPAGE BANNER */
.homepage-banner-section { 
    background-color: #FFF;
    position: relative;
    margin-bottom: 4rem;
    margin-bottom: 0;
}
.homepage-banner-section .img-wrapper {
    height: calc(100vh - 8rem);
    position: relative;
}
.homepage-banner-section .img-wrapper .container {
    position: relative;
    height: 100%;
}
.homepage-banner-section .img-wrapper .banner-image-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.homepage-banner-section > .button-wrap {
    display: none;
}
.homepage-banner-section .text-wrapper { 
    position: absolute;
    top: 6.5rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 5rem;
    color: var(--blue);
    font-weight: 800;
    width: 100%;
    margin: 0 auto;
    z-index: 60;
}
.homepage-banner-section .text-wrapper .container {
    padding: 0 16.4rem;
}
.homepage-banner-section .text-wrapper .title-elm {
    margin:  0 ;
    line-height: 1;
}
.homepage-banner-section .c-c-wrap {
    overflow: hidden;
    position: relative;
    display: inline-block;
}
.homepage-banner-section .c-c-wrap span {
    right: 100%;
    transition: right .5s ease-in-out;
    -webkit-transition: right .5s ease-in-out;
    display: inline-block;
    position: relative;
}
.homepage-banner-section .c-c-wrap.show span {
    right: 0%;
    line-height: 1.2;
}
.homepage-banner-section .button-wrap {
    text-align: left;
    margin-top: 1.5rem;
    padding: 0 0;
}
.homepage-banner-section .button-3 {
    padding: 0.5rem 3rem;
    line-height: 1.6;
}
.homepage-banner-section canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.homepage-banner-section .main-image-elm { 
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 60;
}
.homepage-banner-section .image-container-wrap { 
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 0;
    width: 100%;
    max-width: 135rem;
    height: 100%;
    z-index: 50;
}
.homepage-banner-section .b-image { 
    position: absolute;
    z-index: 50;
}
.homepage-banner-section .b-image.b-image-1 {
    top: 25.7rem;
    left: 11.5rem;
}
.homepage-banner-section .b-image.b-image-2 {
    right: .5rem;
    bottom: 9rem;
}
.homepage-banner-section .b-image.b-image-3 {
    left: -1.5rem;
    bottom: .9rem;
}
/* HOMEPAGE ABOUT */
.home-about-section a { 
    position: relative;
    display: inline-block; display: block;
    border: none;
}
.home-about-section .section-subtitle a {
    display: inline-block;
}
.home-about-section .section-subtitle a::before, .home-about-section .section-subtitle a::after {
    content: "";
    left: 0;
    bottom: 0;
    height: .3rem;
    width: 0;
    background-color: #00A9D1;
    position: absolute;
    transition: width .5s ease-in-out;
    -webkit-transition: width .5s ease-in-out;
    z-index: 5;
}
.home-about-section .section-subtitle a::after {
    background-color: var(--blue);
    z-index: 10;
}
.home-about-section .section-subtitle a.active::before{
    width: 100%;
}
.home-about-section .section-subtitle a.active:hover {
    color: var(--blue);
}
.home-about-section .section-subtitle a.active:hover::after {
    animation: slideWidth .5s ease-in-out forwards; 
    -webkit-animation: slideWidth .5s ease-in-out forwards; 
}
.home-about-section .d-wrap {
    justify-content: center;
}
.home-about-section .d-wrap .content-wrap{
    width: 100%;
    text-align: center;
    max-width: 105.2rem;
}
.home-about-section .top-wrap {
    margin-bottom: 2.2rem;
}
.home-about-section .content-wrap {
    color: var(--blue);
    margin: 0 0 .9rem;
}
.home-about-section .gallery-wrap {
    padding-top: .6rem;
}
.home-about-section .gallery-wrap .img-elm { 
    padding-bottom: 75%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    opacity: 1;
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}
.home-about-section .gallery-wrap .img-elm:hover {
    opacity: .5;
}
.home-about-section .gallery-wrap .img-elm::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
}
.home-about-section .gallery-wrap.in-view .img-elm::before {
    -webkit-animation: .7s linear .5s 1 forwards imageOpen;
    animation: .7s linear .5s 1 forwards imageOpen;
}
.home-about-section .gallery-wrap .img-elm.big-img {
    padding-bottom: 88.7%;
}
.home-about-section .gallery-wrap .img-elm.medium-img {
    padding-bottom: 50%;
} 
.home-about-section .gallery-wrap .row {
    margin: 0 -.75rem;
}
.home-about-section .gallery-wrap .row > div { 
    padding: .75rem;
}
.home-about-section .gallery-wrap .row > div > .row > div.col-6 {
    padding-top: 0;
    padding-bottom: 1.5rem;
}
.home-about-section .gallery-wrap .row > div > .row > div.col-12 {
    padding-top: 0;
    padding-bottom: 0;
}
/* HOME CELEBRATING */
.home-celebrating-section .top-wrap .content-wrap { 
    max-width: 68.3rem;
    width: 100%;
    color: var(--blue);
    max-width: none;
}
.home-celebrating-section .d-wrap .s-link-wrap {
    margin-bottom: 4rem;
}
.home-celebrating-section .quote-wrap {
    font-size: 1.7rem;
    color: #253067;
    position: relative;
    font-style: italic;
    padding-left: 6rem;
    max-width: 40rem;
    height: 100%;
}
.home-celebrating-section .quote-wrap::before {
    position: absolute;
    left: 0;
    top: 0;
    width: .5rem;
    height: 100%;
    background-color: #DBEDF5;
    content: "";
}
.home-celebrating-section .quote-wrap .name-elm {
    margin: 3rem 0 0;
    font-weight: 700;
    font-style: normal;
}
.home-celebrating-section .top-wrap .image-wrap {
    max-width: 31.5rem;
    max-width: none;
    text-align: right;
}
.home-celebrating-section .bottom-wrap .in-wrap {
    display: flex;
    justify-content: center;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}
.home-celebrating-section .bottom-wrap .in-wrap::after {
    content: "";
    position: absolute;
    left: 38%;
    top: 5.5%;
    z-index: 5;
    width: 53rem;
    height: 53rem;
    background-color: var(--light-blue);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.home-celebrating-section .bottom-wrap {
    margin-top: 8rem;
}
.home-celebrating-section .bottom-wrap .image-wrap {
    max-width: 47.7rem; max-width: 45.7rem;
    width: 100%;
    margin-left: 8rem; margin-left: 15rem;
    position: relative; 
    z-index: 10;
    left: 5rem;
}
.home-celebrating-section .bottom-wrap .image-wrap img {
    width: 100%;
}
.home-celebrating-section .bottom-wrap .content-wrap {
    border-radius: 50%;
    background-color: var(--blue);
    color: #FFF;
    padding: 5rem 9rem;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 20;
}
.home-celebrating-section .bottom-wrap .content-wrap p {
    margin-bottom: 3rem;
}
.home-celebrating-section .bottom-wrap .content-wrap p:last-child {
    margin: 0;
}
.home-celebrating-section .bottom-wrap .content-wrap h2 {
    margin: 0 -0 1.2rem;
}
/* HOME SERVICE SECTION */
.home-services-section h2 {
    text-align: center;
    color: var(--blue);
}
.home-services-section .row {
    margin: 0 -.2rem;
}
.home-services-section .row > div {
    padding:.5rem .2rem;
}
.home-services-section .d-wrap {
    justify-content: center;
}
.home-services-section .d-wrap .content-wrap {
    width: 100%; text-align: center; max-width: 105.2rem;
}
.home-services-section .section .s-link-wrap {
    width: 22.7rem;
}
.home-services-section .top-wrap{
    margin-bottom: 1.5rem;
}
.home-services-section .button-2 {
    width: 100%;
}
.home-services-section .head-wrap { 
    margin-bottom: 2.8rem;
}
.home-services-section .item-wrap {
    padding: 5rem 3rem 8rem;
    color: var(--blue);
    height: 100%;
    border: .1rem solid #929090;
    box-shadow: 0px .4rem .4rem rgba(0, 0, 0, 0.25);
}
.home-services-section .item-wrap {
    text-align: center;
}
.home-services-section .text-wrap {
    text-align: left;
}
@media only screen and (min-width: 1560px){
    .home-services-section .item-wrap {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}
.home-services-section.bordered .item-wrap {
    border: .1rem solid #929090;
    border-top: 1.1rem solid #0099C8;
    padding: 4rem 3rem;
    background-color: #FFF;
}
.home-services-section .item-wrap .icon-wrapper {
    position: relative;
    margin-bottom: 2.4rem;
}
.home-services-section.bordered .item-wrap .icon-wrapper {
    margin-bottom: 4rem;
}
.home-services-section .item-wrap.mode-2 .icon-wrapper {
    float: right;
    margin: 0 0 1rem;
}
.home-services-section .item-wrap .icon-wrap {
    text-align: center;
    margin: 0 auto ;
    width: 15.4rem;
    height: 15.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    position: relative;
    z-index: 1;
}
.home-services-section.bordered .item-wrap .icon-wrap {
    width: 12.1rem;
    height: 12.1rem;
}
.home-services-section .item-wrap.mode-2 .icon-wrap{
    width: 7rem;
    height: 7rem;
}
.home-services-section .item-wrap .icon-wrapper .image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.home-services-section .item-wrap .icon-wrapper img {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.home-services-section .item-wrap.mode-2 .icon-wrapper img {
    max-width: 2rem;
}
.home-services-section .item-wrap:hover .icon-wrap {
    transform: scale(.7);
    -webkit-transform: scale(.7);
}
.home-services-section.bordered .item-wrap:hover .icon-wrap {
    transform: scale(.8);
    -webkit-transform: scale(.8);
}
.home-services-section .item-wrap:hover .icon-wrapper img {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
}
.home-services-section.bordered .item-wrap:hover .icon-wrapper img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.home-services-section .text-wrap {
    min-height: 27rem; min-height: inherit;
}
.home-services-section.bordered .text-wrap h3 { 
    font-size: 3.6rem;
    font-weight: 400;
    margin: 0 0 2.5rem;
}
.home-services-section.bordered .text-wrap p {
    margin: 0 0 2rem;
}
.home-services-section.bordered .text-wrap p:last-child {
    margin: 0;
}
.home-services-section .item-wrap .name-elm {
    font-size: 3.6rem;
    color: var(--blue);
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0 2.3rem;
    text-align: center;
}
.home-services-section .button-wrap {
    margin-top: 8.5rem;
}
.home-services-section.bordered .button-wrap {
    margin-top: 3.4rem;
}
.home-services-section .button-wrap .button-3 {
    width: 100%;
    max-width: 30rem;
    margin: 0 auto;
    display: block;
}
/**/
.home-services-section .item-wrap .name-elm { 
    position: relative;
    display: inline-block;
}
.home-services-section .item-wrap .name-elm::after {
    content: "";
    left: 0;
    bottom: 0;
    height: .3rem;
    width: 0;
    background-color: #00A9D1;
    position: absolute;
    transition: width .5s ease-in-out;
    -webkit-transition: width .5s ease-in-out;
    z-index: 5;
}
.home-services-section .item-wrap .name-elm::after {
    background-color: var(--blue);
    z-index: 10;
}
.home-services-section .item-wrap:hover .name-elm::after {
    animation: slideWidth .5s ease-in-out forwards; 
    -webkit-animation: slideWidth .5s ease-in-out forwards; 
}
/* HOME PACKAGE */
.home-packages-section .top-wrap {
    margin-bottom: 4rem;
}
.home-packages-section.section .d-wrap{
    justify-content: center;
}
.home-packages-section.section .d-wrap .content-wrap {
    width: 100%;
    text-align: center;
    max-width: 105.2rem;
}
.home-packages-section .row {
    margin: 0 -.2rem;
}
.home-packages-section .row > div {
    padding: 0 .2rem;
}
.home-packages-section .item-wrap {
    border: .1rem solid #929090;
    border-top: 1.1rem solid #0099C8;
    box-shadow: 0rem .4rem .4rem rgba(0, 0, 0, 0.25);
    padding: 3.7rem 7rem 8rem;
    background-color: #FFF;
    text-align: center;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.home-packages-section .item-wrap:hover {
    background-color: #F4F4F4;
}
.home-packages-section .item-wrap.mode-2 {
    border-top-color: #0568A2;
}
.home-packages-section .item-wrap.mode-3 {
    border-top-color: #2D3D84;
}
.home-packages-section .item-wrap .name-elm { 
    color: var(--blue);
    font-size: 3.6rem;
    line-height: 1.2;
    font-weight: 400;
    text-align: center;
    margin: 0 0 1rem;
}
.home-packages-section .item-wrap .icon-wrap { 
    height: 12rem;
    width: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #0099C8;
    margin: 0 auto 3rem;
}
.home-packages-section .item-wrap.mode-2 .icon-wrap {
    background: #0568A2;
}
.home-packages-section .item-wrap.mode-3 .icon-wrap {
    background: #253067;
}
.home-packages-section .item-wrap .list-wrap { 
    color: var(--blue);
    margin: 0 ;
    display: inline-block;
    text-align: left;
    width: 100%;
    max-width: 40rem;
}
.home-packages-section .item-wrap .list-wrap.show-more-list { 
    display: none;
}
.home-packages-section .item-wrap.show-more {
    height: 768px;
}
.home-packages-section .item-wrap.show-more .list-wrap.show-more-list { 
    display: inline-block;
}
.home-packages-section .item-wrap .list-wrap ul {
    margin: 0;
}
.home-packages-section .button-wrap {
    margin-top: 4rem;
}
.home-packages-section .button-wrap .button-3 {
    width: 100%;
    max-width: 30rem;
    margin: 0 auto;
    display: block;
}
.home-packages-section .award-logo-wrap {
    text-align: right;
}
.home-packages-section .award-logo-wrap img {
    max-height: 21.5rem;
    display: inline-block;
}
.home-packages-section .show-more-wrap {
    text-align: center;
}
.home-packages-section .show-more-wrap a {
    font-size: 2.5rem;
    color: #0099C8;
    border:none;
}
.home-packages-section .show-more-wrap a:focus, .home-packages-section .show-more-wrap a:visited {
    outline: none;
}
/* COMPANY SECTION */
.home-company-section { 
    padding-bottom: 20%;
}
.home-company-section .head-wrap {
    max-width: 92rem;
}
.home-company-section .slick-wrap {
    margin: 0 -3rem;
}
.home-company-section .slick-wrap .item-wrap { 
    padding:0 3rem;
}
.home-company-section .slick-wrap .item-wrap img {
    max-width: 20rem;
}
/* HOME POSTS SECTION */
.home-posts-section {
    position: relative;
    padding-bottom: 0;
}
.home-posts-section .shape-elm {
    position: absolute;
    z-index: 1;
    left: 0;
    top: -15rem;
    width: 50vw;
}
.home-posts-section .shape-elm img {
    width: 100%;
}
.home-posts-section .item-wrap {
    position: relative;
}
.home-posts-section .item-wrap .thumb-elm {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 45%;
    position: relative;
}
.home-posts-section .item-wrap .thumb-elm::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(37, 48, 103, .7);
}
.home-posts-section .item-wrap .meta-wrap {
    padding: 10rem 20rem 12rem 11rem;
    max-width: 50vw;
}
.home-posts-section .item-wrap .meta-wrap .link-wrap {
    display: flex;
}
.home-posts-section .item-wrap .meta-wrap h3 {
    font-size: 4rem;
    color: #FFF;
    line-height: 1.25;
    margin: 0 0 2rem;
    font-weight: 700; font-weight: 400;
}
.home-posts-section .item-wrap .meta-wrap a {
    font-size: 2.4rem;
    line-height: 1.3;
    font-weight: 700; font-weight: 400;
    display: flex;
    color: #FFF;
    border: none;
}
.home-posts-section .item-wrap .meta-wrap a:hover {
    text-decoration: underline;
}
.home-posts-section .item-wrap .meta-wrap a:first-child {
    margin-right: 5rem;
}
.home-posts-section .item-wrap .meta-wrap a img {
    margin-left: 2rem;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    max-width: 3.5rem;
}
.home-posts-section .item-wrap .meta-wrap a:hover img {
    margin-left: 3rem;
}
.home-posts-section .slick-nav-wrap { 
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    top: 0;
    height: 100%;
}
.home-posts-section .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 2;
    padding: 0;
    background-color: transparent;
    border: none;
}
.home-posts-section .slick-arrow.slick-prev {
    left: 10rem;
}
.home-posts-section .slick-arrow.slick-next {
    right: 10rem;
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
}
.home-posts-section .item-wrap[aria-hidden="true"] a {
    display: none;
}
/*
-=====================================
PAGE TEMPATE :: DEFAUT
======================================
*/
/* body.page-template-template-page-about-us .container, body.page-template-template-page-contact-us .container, body.page-template-template-page-services .container, body.single-services .container, body.single-post .container { 
    max-width: 125.6rem;
}
body.page-template-template-page-our-works header .container, body.page-template-template-page-our-works .project-banner-section .container, body.blog header .container, body.blog .project-banner-section .container, body.single-our-works header .container {
    max-width: 125.6rem;
} */
/**/
.page-content-section .container {
    position: relative;
}
.page-content-section .shape-element {
    position: absolute;
    top: -13.5rem;
    animation: flickerAnimation 2s infinite;
    -webkit-animation: flickerAnimation 2s infinite;
    right: 1.3rem;
    display: none;
}
.page-content-section .top-wrap .content-wrap { 
    /* max-width: 64rem;
    max-width: 77rem; */
    max-width: none;
    width: 100%;
    color: var(--blue);
}
body.single-post .page-content-section .top-wrap .content-wrap {
    max-width: none;
}
.page-content-section .top-wrap .content-wrap .s-link-wrap {
    margin-top: 3rem;
}
.page-content-section .quote-wrap {
    font-size: 1.7rem;
    color: #253067;
    color: var(--blue);
    position: relative;
    /* font-style: italic; */
    padding-left: 6rem;
    max-width: 34rem;
    /* height: 100%; */
}
.page-content-section .quote-wrap::before {
    position: absolute;
    left: 0;
    top: 0;
    width: .5rem;
    height: 100%;
    height: 30rem;
    background-color: #DBEDF5;
    content: "";
}
.page-content-section .quote-wrap .name-elm {
    margin: 3rem 0 0;
    font-weight: 700;
    font-style: normal;
    /* font-style: italic; */
}
.page-content-section .social-media-wrap {
    margin-top: 5rem;
}
/*
-=====================================
PAGE TEMPATE :: ABOUT US
======================================
*/
.page_about-us_circle-text-section {
    padding-bottom: 10rem;
}
.page_about-us_circle-text-section .in-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    position: relative;
    padding-top: 5rem;
}
.page_about-us_circle-text-section .in-wrap::after {
    content: "";
    position: absolute;
    left: 38%;
    top: 10%;
    z-index: 5;
    width: 55rem;
    height: 55rem;
    background-color: #2D3D84;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.page_about-us_circle-text-section .image-wrap {
    max-width: 47.7rem;
    max-width: 47rem;
    width: 100%;
    margin-left: 8rem; margin-left: 0rem;
    position: relative; 
    z-index: 30;
    margin-right: -15rem;   margin-right: 4rem;
    left: 4rem;
    top: 3rem;
}
.page_about-us_circle-text-section .image-wrap img {
    width: 100%;
}
.page_about-us_circle-text-section .content-wrap .text-wrap { 
    position: relative;
    z-index: 10;
}
.page_about-us_circle-text-section .content-wrap {
    border-radius: 50%;
    background-color: var(--blue); 
    /* background-color: #0099C8; */
    color: #FFF;
    padding: 5rem 9rem;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
    position: relative;
    margin-top: -4rem;
}
.page_about-us_circle-text-section .content-wrap p {
    margin-bottom: 3rem;
}
.page_about-us_circle-text-section .content-wrap p:last-child {
    margin: 0;
}
.page_about-us_circle-text-section .content-wrap h2 {
    margin: 0 -0 1.2rem;
    font-size: 3rem;
}
.page_about-us_circle-text-section .awards-slider-wrap {
    z-index: 50;
}
/**/
.awards-slider-wrap {
    width: 100%;
    position: relative;
    z-index: 20;
}
.awards-slider-wrap .i-wrap {
    margin: -16rem auto 0;
    width: 33.6rem;
    background: linear-gradient(177.78deg, #D9D9D9 29.55%, rgba(255, 255, 255, 0) 88.65%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.home-celebrating-section .awards-slider-wrap {
    margin-top: 6rem;
}
.home-celebrating-section .awards-slider-wrap .i-wrap {
    margin: 0;
    /* width: 25rem;
    background: none; */
}
.awards-slider-wrap .item-wrap {
    position: relative;
    width: 33.6rem;
    height: 33.6rem;
}
/* .home-celebrating-section .awards-slider-wrap .item-wrap {
    width: 25rem;
    height: 25rem;
} */
.awards-slider-wrap .item-wrap img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
/* SERVICE PAGE */
body.page-template-template-page-services .page-services-list-2-section .container { 
    max-width: 192rem;
}
.page-services-list-2-section {
    margin-bottom: 6rem;
    margin-bottom: 1rem;
    padding: 0;
}
.page-services-list-2-section .item-wrap .name-elm {
    text-align: left;
}
.page-services-list-2-section .item-wrap {
    /* max-width: 38.6rem; */
    width: 100%;
    border-top: 1.1rem solid #0099C8;
    box-shadow: 0rem .4rem .4rem rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0rem .4rem .4rem rgba(0, 0, 0, 0.25);
    margin-right: .4rem;
}
.page-services-list-2-section .item-wrap a { 
    color: var(--blue);
    border: none;
}
.page-services-list-2-section .text-wrap {
    min-height: 18rem;
}
.page-services-list-2-section .text-wrap p:last-child {
    margin: 0;
}
.page-services-list-2-section .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 2;
    padding: 0;
    background-color: transparent;
    border: none;
}
.page-services-list-2-section .slick-arrow.slick-disabled {
    display: none !important;
}
.page-services-list-2-section .slick-arrow.slick-prev {
    left: -10rem;
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
}
.page-services-list-2-section .slick-arrow.slick-next {
    right: -10rem;
    
}
@media only screen and (max-width: 1920px){
    .page-services-list-2-section .slick-arrow.slick-prev {
        left: -2.5rem;
    }
    .page-services-list-2-section .slick-arrow.slick-next {
        right: -2.5rem;
        
    }
}
.page-services-list-2-section .item-wrap .icon-wrap {
    width: 12.1rem;
    height: 12.1rem;
}
.page-services-list-2-section .item-wrap:hover .icon-wrapper img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
/* AWARD WINNING*/
.award-winning-section {
    padding-bottom: 3.7rem;
}
.award-winning-section .in-wrap {
    background-color: var(--blue);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.award-winning-section .in-wrap:hover {
    background-color: var(--light-blue);
}
.award-winning-section .image-wrap {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 55%;
}
.award-winning-section .link-wrap {
    height: 100%;
    padding: 2rem;
}
.award-winning-section .link-wrap a {
    display: flex;
    color: #FFF;
    align-items: center;
    font-size: 3.6rem;
    line-height: 1.5;
    justify-content: center;
    gap: 1.3rem;
    border: none !important;
    height: 100%;
}
.award-winning-section .link-wrap a span {
    display: block;
    width: 100%;
    max-width: 37rem;
}
/*
SERVICE PROJECT LIST
*/
.service-project-list-section {
    padding: 3.5rem 0 10rem;
}
.service-project-list-section .title-wrapper {
    max-width: 90rem;
    margin: 0 auto 6.5rem;
    color: var(--blue);
}
.service-project-list-section .title-wrapper h2 {
    margin: 0 auto 1rem;
    font-weight: 400;
    text-align: center;
    /* max-width: 61.1rem; */
}
.service-project-list-section .title-wrapper a {
    display: inline-block;
    position: relative;
    border: none;
}
.service-project-list-section .title-wrapper a::before, .service-project-list-section .title-wrapper a::after {
    content: "";
    left: 0;
    bottom: 0;
    height: .3rem;
    width: 0;
    background-color: #00A9D1;
    position: absolute;
    transition: width .5s ease-in-out;
    -webkit-transition: width .5s ease-in-out;
    z-index: 5;
}
.service-project-list-section .title-wrapper a::after {
    background-color: var(--blue);
    z-index: 10;
}
.service-project-list-section .title-wrapper a.active::before{
    width: 100%;
}
.service-project-list-section .title-wrapper a.active:hover {
    color: var(--blue);
}
.service-project-list-section .title-wrapper a.active:hover::after {
    animation: slideWidth .5s ease-in-out forwards; 
    -webkit-animation: slideWidth .5s ease-in-out forwards; 
}
/**/
.service-project-list-section .row {
    --bs-gutter-x: .5rem;
}
.service-project-list-section .item-wrap {
    padding: .25rem 0;
}
.service-project-list-section .item-wrap .image-wrap {
    padding-bottom: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.service-project-list-section .item-wrap .detail-wrap {
    padding: 1.5rem;
    text-align: center;
    background-color: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 14.7rem;
    overflow: hidden;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.service-project-list-section .item-wrap:hover .detail-wrap {
    background-color: var(--light-blue);
}
.service-project-list-section .item-wrap .detail-wrap h2 {
    margin: 0;
    color: #FFF;
}
.service-project-list-section .contact-section-wrap.button-wrap {
    margin-top: .75rem;
}
/**/
.contact-section-wrap.button-wrap {
    margin-top: .4rem;
    margin-top: 5rem;
}
.contact-section-wrap.button-wrap .row {
    --bs-gutter-x: .4rem;
}
.contact-section-wrap.button-wrap a {
    line-height: 8rem;
    color: #253067;
    padding: 4.8rem 1rem;
    text-align: center;
    font-size: 3.6rem;
    border: .1rem solid #929090;
    box-shadow: 0 .4rem .4rem rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 .4rem .4rem rgba(0, 0, 0, 0.25);
    display: block;
}
.contact-section-wrap.button-wrap a:hover {
    background-color: var(--light-blue);
    color: #FFF;
}
.contact-section-wrap.button-wrap .btn-start img {
    margin-left: 2rem;
    vertical-align: middle;
}
.contact-section-wrap.button-wrap .btn-start img.hover-elm {
    display: none;
}
.contact-section-wrap.button-wrap .btn-start .thumb-elm {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: var(--blue);
    display: inline-block;
    text-align: center;
    line-height: 5rem;
    vertical-align: middle;
    margin-right: 2.5rem;
}
.contact-section-wrap.button-wrap a:hover .thumb-elm {
    background-color: #FFF;
}
.contact-section-wrap.button-wrap .btn-start .thumb-elm img {
    margin: 0;
}
.contact-section-wrap.button-wrap a.btn-start:hover img {
    display: none;
}
.contact-section-wrap.button-wrap a.btn-start:hover img.hover-elm {
    display: inline-block;
}
.contact-section-wrap.button-wrap .btn-phone {
    background: #00A9D1;
    color: #FFF;
}
.contact-section-wrap.button-wrap .btn-phone img {
    margin-right: 1.7rem;
    max-width: 3.2rem;
}
/**/
.page-contact-content-section {
    padding: 12.5rem 0;
    color: var(--blue);
}
.page-contact-content-section .container { 
    position: relative;
}
.page-contact-content-section .shape-element {
    position: absolute;
    top: -19.5rem;
    animation: flickerAnimation 2s infinite;
    -webkit-animation: flickerAnimation 2s infinite;
    right: 1.3rem;
}
.page-contact-content-section .contact-info-wrap {
    text-align: left;
}
.page-contact-content-section .title-elm { 
    color: var(--blue);
    margin: 0 0 2rem;
    font-size: 3.6rem;
}
.page-contact-content-section .row {
    margin: 0 -10rem;
}
.page-contact-content-section .row > div {
    padding:  0 10rem;
    position: relative;
}
.page-contact-content-section .row > div:last-child::before{
    position: absolute;
    left: 0;
    top: 0;
    width: .5rem;
    height: 100%;
    height: 30rem;
    background-color: #DBEDF5;
    content: "";
}
.page-contact-content-section .address-wrap {
    margin-bottom: 3.5rem;
}
.page-contact-content-section .contact-link-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.page-contact-content-section .contact-link-wrap ul li {
    margin: 0 0 .5rem;
}
.page-contact-content-section .contact-link-wrap ul li * {
    vertical-align: middle;
}
.page-contact-content-section .contact-link-wrap ul li a {
    border-color: rgba(0, 0, 0, 0);
}
.page-contact-content-section .contact-link-wrap ul li a:hover {
    border-color: var(--light-blue);
}
/**/
.page-contact-content-section .contact-form-wrap .wpcf7-form-control-wrap {
    display: block;
    margin: 0 ;
}
.page-contact-content-section .contact-form-wrap .wpcf7-form-control {
    border: none;
    border-bottom: .1rem solid #929090;
    color: var(--blue);
    padding: 0;
    width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
}
.page-contact-content-section .contact-form-wrap textarea.wpcf7-form-control {
    height: 3.38rem;
} 
.page-contact-content-section .contact-form-wrap .wpcf7-form-control::placeholder {
    color: var(--blue);
    opacity: 1;
}
.page-contact-content-section .contact-form-wrap .wpcf7-form-control::-moz-placeholder {
    color: var(--blue);
    opacity: 1;
}
.page-contact-content-section .contact-form-wrap .wpcf7-form-control::-webkit-input-placeholder {
    color: var(--blue);
    opacity: 1;
}
.page-contact-content-section .contact-form-wrap .wpcf7-list-item {
    margin: 0;
}
.page-contact-content-section .contact-form-wrap .wpcf7-form-control.wpcf7-acceptance {
    border: none;
}
.page-contact-content-section .contact-form-wrap .wpcf7-form-control.wpcf7-acceptance label {
    display: flex;
    align-items: start;
    gap: 3rem;
}
.page-contact-content-section .contact-form-wrap .wpcf7-form-control.wpcf7-acceptance input {
    width: 3rem;
    height: 3rem;
    margin-top: .5rem;
}
.page-contact-content-section .contact-form-wrap .wpcf7-list-item-label {
    width: calc(100% - 6rem);
}
.page-contact-content-section .contact-form-wrap .button-wrap {
    margin-top: 3.5rem;
}
.page-contact-content-section .contact-form-wrap  .wpcf7-submit.button-3 {
    color: #FFF;
    font-size: 2.4rem;
    line-height: 2;
    padding: 2.5rem 9.8rem;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    background-color: var(--blue);
    border: .2rem solid var(--blue);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.page-contact-content-section .contact-form-wrap  .wpcf7-submit.button-3:visited, .page-contact-content-section .contact-form-wrap  .wpcf7-submit.button-3:focus {
    color: #FFF;
}
.page-contact-content-section .contact-form-wrap  .wpcf7-submit.button-3:hover {
    background-color: #FFF;
    color: var(--blue);
}
/* .page-contact-content-section .contact-form-wrap  .wpcf7-submit {
    padding: 2.5rem 9.8rem;
    background-color: var(--blue);
    color: #FFF;
    display: inline-block;
}
.page-contact-content-section .contact-form-wrap  .wpcf7-submit:hover {
    background-color: #000;
} */
/*
-=====================================
SINGLE PROJECT
======================================
*/
body.single-our-works main .container { 
    max-width: 124rem;
}
section .col-title-elm {
    font-size: 2.5rem;
    font-size: 3.6rem;
    color: var(--blue);
    font-weight: 800;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 1rem;
}
/* CONTACT MAP SECTION */
.contact-map-section #map {
    min-height: calc(100vh + 70px);
}
/* PROJECT BANNER */
.project-banner-section {
    position: relative;
    overflow: hidden; overflow: visible;
}
.project-banner-section.type-2 {
    background-color: #0568a2;
    background-color: var(--blue);
}
.project-banner-section.type-3 {
    overflow: hidden;
}
.project-banner-section .banner-img-elm {
    min-height: auto;
    padding-bottom: 31%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
    position: relative;
}
.project-banner-section.type-2 .banner-img-elm {
    /* background-size: auto 100%;
    background-position: right center ;
    background-size: auto 120%;
    background-position: calc(100% + 150px) center; */
    background-size: auto 100%;
    background-position: calc(100% + 6vw) center;
}
/* body.single-post .project-banner-section .banner-img-elm::before { */
.project-banner-section .banner-img-elm::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(37, 48, 103, .2);
    z-index: 5;
}
.project-banner-section.type-2 .banner-img-elm::before {
    display: none;
}
.project-banner-section.type-3 .banner-img-elm::before {
    background-color: rgba(5, 104, 162, 0.5);
}
.project-banner-section .desc-wrap {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 3.5rem 0;
    z-index: 10;
    color: #FFF;
}
.project-banner-section.type-3 .desc-wrap {
    background-color: #0568A2;
    border-radius: 30rem;
    -webkit-border-radius: 30rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 60.4rem;
    height: 60.4rem;
    left: -15.4rem;
    display: flex;
    align-items: end;
    padding-left: 20.4rem;
    padding-right: 15rem;
    padding-bottom: 14rem;
    font-size: 6rem;
    line-height: 1.2;
}
.project-banner-section .desc-wrap h1 {
    font-weight: 400;
    margin: 0 0 1rem;
    line-height: 1.2;
    max-width: 90.5rem;
}
.project-banner-section .desc-wrap h2 {
    /* font-size: 3.6rem; font-size: 2rem; */
    font-weight: 400;
    line-height: 1.3;
    max-width: 90.5rem;
    margin: 0;
}
.project-banner-section .link-wrap {
    position: relative;
}
.project-banner-section .link-wrap a {
    font-size: 2rem;
    font-weight: 700;
    color: #FFF;
    border:none;
}
.project-banner-section .link-wrap a:hover {
    color: var(--blue);
}
.project-banner-section .link-wrap img {
    position: absolute;
    left: 110%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.project-banner-section .container {
    position: relative;
}
.project-banner-section .btn-starter {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16.9rem;
    height: 16.9rem;
    color: #FFF;
    font-size: 2.4rem;
    position: absolute;
    bottom: -3.5rem;
    right: 6.5rem; right: 13%;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    background-color: var(--light-blue);
    z-index: 99999;
    border: none;
}
.project-banner-section .btn-starter:hover {
    background-color: var(--blue);
}
.project-banner-section .btn-starter::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-animation: demo-pulse 2s infinite;
    animation: demo-pulse 2s infinite;
}
@keyframes demo-pulse{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(37, 48, 103,.6);
        box-shadow:0 0 0 0 rgba(37, 48, 103,.6);
    }
    70%{
        -webkit-box-shadow:0 0 0 10px transparent;
        box-shadow:0 0 0 10px transparent;
    }
    100%{
        -webkit-box-shadow:0 0 0 0 transparent;
        box-shadow:0 0 0 0 transparent
    }
}
@-webkit-keyframes demo-pulse{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(37, 48, 103,.6);
    }
    70%{
        -webkit-box-shadow:0 0 0 10px transparent;
    }
    100%{
        -webkit-box-shadow:0 0 0 0 transparent;
    }
}
/* PROJECT APPROACH */
.project-approach-section .top-wrap {
    padding: 6.8rem 0 9.5rem;
    color: var(--blue);
}
.project-approach-section .detail-wrap {
    max-width: 58rem;
    max-width: 77rem;
}
.project-approach-section .links-wrapper {
    display: flex;
    justify-content: space-between;
    margin:  0 0 7rem;
    align-items: center;
}
.project-approach-section .link-wrap {
    position: relative;
    display: inline-block;
}
.project-approach-section .link-wrap a {
    font-size: 2rem;
    font-weight: 700;
    color: var(--blue);
    border: none;
}
.project-approach-section .link-wrap a:hover {
    color: #000;
}
.project-approach-section .link-wrap img {
    position: absolute;
    right: calc(100% + 1.4rem);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.project-approach-section .link-wrap.right-elm img {
    right: auto;
    left: calc(100% + 1.4rem);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.project-approach-section .image-quote-wrapper {
    text-align: right;
}
.project-approach-section .main-image-wrapper img {
    width: 100%;
    display:  block;
}
.project-approach-section .quote-wrap {
    font-size: 1.7rem;
    font-weight: 300;
    color: #253067;
    position: relative;
    /* font-style: italic; */
    padding-left: 6rem;
    left: 19.5rem;
    left: 0;
    max-width: 41.4rem;
    margin-bottom: 5rem;
    text-align: left;
    display: inline-block;
}
.project-approach-section .quote-wrap::before {
    position: absolute;
    left: 0;
    top: 0;
    width: .5rem;
    height: 20.7rem;
    background-color: #DBEDF5;
    content: "";
}
.project-approach-section .quote-wrap .name-elm {
    margin: 3rem 0 0;
    font-weight: 700;
    font-style: normal;
}
.project-approach-section .image-quote-wrapper .image-wrap {
    text-align: center;
}
.project-approach-section .image-quote-wrapper img {
    max-height: 60.5rem;
}
/**/
.project-approach-section .bottom-wrap {
    background-color: #DBD9D2;
    padding: 15rem 0 5.5rem;
}
.project-approach-section .gallery-slick-wrap .slick-list {
    overflow: visible;
}
.project-approach-section .gallery-slick-wrap .item-wrap {
    padding: 0; padding: 0 4rem;
    opacity: .4;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transform: scale(.8);
    -webkit-transform: scale(.8);
}
.project-approach-section .gallery-slick-wrap .item {
    padding: 0 4rem;
    opacity: .4;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transform: scale(.8);
    -webkit-transform: scale(.8);
}
.project-approach-section .gallery-slick-wrap .item.slick-current, .project-approach-section .gallery-slick-wrap .item-wrap.slick-current {
    opacity:1;
    transform:scale(1);
    -webkit-transform:scale(1);
}
.project-approach-section .gallery-slick-wrap .slick-slide {
    text-align: center;
}
.project-approach-section .gallery-slick-wrap .slick-slide img {
    display: inline-block;
}
/**/
.project-approach-section .owl-stage-outer .item {
    opacity: 0.4;
    transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    margin: 0 2rem;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    text-align: center;
}
.project-approach-section .owl-stage-outer {
    overflow: visible;
}
.project-approach-section .owl-stage-outer .item img {
    /* max-height: 30.8rem; */
    width: auto;
    display: inline-block;
}
@media(max-width:1000px){
    .project-approach-section .owl-stage-outer .item{
        margin:0; 
        transform:scale(.9)
    }
}
.project-approach-section .owl-stage-outer .center .item{
    opacity:1;
    transform:scale(1);
} 
.project-approach-section .owl-stage-outer .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.project-approach-section .owl-controls{ 
    position:absolute; 
    margin-top: 30rem;
}
.project-approach-section .owl-dots {
    text-align: center;
}
.project-approach-section .owl-dots {
    padding: 5rem 0 0;
}
.project-approach-section .owl-dots .owl-dot {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #FFF;
    margin: 1rem 1.5rem;
}
.project-approach-section .owl-dots .owl-dot.active {
    background-color: var(--light-blue);
}
/* 
PROJECT CHALLENGE
*/
.project-challenge-section {
    padding: 10rem 0 5rem;
    color: var(--blue);
}
.project-challenge-section .row {
    margin: 0 -3rem;
}
.project-challenge-section .row > div {
    padding: 0 3rem;
}
.project-challenge-section .image-wrap > img {
    width: 100%;
}
.project-challenge-section .links-wrapper {
    display: flex;
    justify-content: flex-end;
    margin:  0 0 7rem;
    align-items: center;
}
.project-challenge-section .link-wrap {
    position: relative;
    display: inline-block;
}
.project-challenge-section .link-wrap a {
    font-size: 2rem;
    font-weight: 700;
    color: var(--blue);
    border: none;
}
.project-challenge-section .link-wrap a:hover {
    color: #000;
}
.project-challenge-section .link-wrap img {
    position: absolute;
    right: calc(100% + 1.4rem);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.project-challenge-section .link-wrap.right-elm img {
    right: auto;
    left: calc(100% + 1.4rem);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/* 
PROJECT FEATURE LIST
*/
.project-challenge-section {
    padding: 10rem 0;
}
.project-challenge-section .item-wrap img {
    width: 100%;
}
/* PROJECT CONTACT */
.project-contact-section {
    padding: 5rem 0 10rem;
}
.project-contact-section .in-wrap {
    max-width: 57.5rem;
}
.project-contact-section .title-elm {
    font-size: 4rem;
    line-height: 1.5;
    color: #929090;
    margin: 0 0 3rem;
    font-weight: 400;
}
.project-contact-section .contact-form-wrap {
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.project-contact-section .contact-form-wrap.active {
    max-height: 40rem;
}
.project-contact-section .form-group {
    margin: 0 0 3rem;
}
.project-contact-section .form-control {
    font-size: 2rem;
    line-height: 1.75;
    color: #929090;
    font-weight: 400;
    padding: .8rem 0;
    border: none;
    border-bottom: .1rem solid #929090;
}
.project-contact-section .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
}
.project-contact-section .button-wrap {
    padding-top: .5rem;
}
.project-contact-section .button-3 {
    font-weight: 400;
}
.project-contact-section .button-3.submiting {
    opacity: .5;
}
.project-contact-section .button-contact-wrap {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
}
/*
PAGE TEMPLATE :: OUR WORKS
*/
.our-works-list-section {
    padding-top: 10rem;
}
.our-works-list-section .categories-wrapper {
    margin-bottom: 5rem;
}
.our-works-list-section .categories-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 5rem;
    justify-content: center;
    padding: 0;
    list-style: none;
    margin: 0;
}
.our-works-list-section .categories-wrapper ul li a {
    display: block;
    font-size: 1.8rem;
    font-weight: 700; font-weight: 400;
    color: var(--light-blue); color: var(--blue);
    /* border-bottom: .5rem solid rgba(0, 0, 0, 0); */
    border: none;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    position: relative;
}
.our-works-list-section .categories-wrapper ul li a::before, .our-works-list-section .categories-wrapper ul li a::after {
    content: "";
    left: 0;
    bottom: 0;
    height: .3rem;
    width: 100%;
    background-color: #00A9D1;
    position: absolute;
    transition: width .5s ease-in-out;
    -webkit-transition: width .5s ease-in-out;
    z-index: 5;
}
.our-works-list-section .categories-wrapper ul li a::after {
    background-color: var(--blue);
    z-index: 10;
    width: 0;
}
.our-works-list-section .categories-wrapper ul li a:hover::after {

    animation: slideWidth .5s ease-in-out forwards;
    -webkit-animation: slideWidth .5s ease-in-out forwards;

}
.our-works-list-section .categories-wrapper ul li a:hover {
    color: var(--blue);
    /* border-color: var(--blue); */
}
.our-works-list-section .row {
    margin: 0 -4rem;
}
.our-works-list-section .row > div {
    padding: 0 4rem 2rem;
}
.our-works-list-section .item-wrap {
    position: relative;
    padding: 2rem 2rem 3rem;
    transition: background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out;
}
.our-works-list-section .item-wrap:hover {
    background-color: var(--blue);
}
/* .our-works-list-section .item-wrap::before, .our-works-list-section .item-wrap::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    z-index: 0;
    transition: opacity .3s ease-in-out,left .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out,left .3s ease-in-out;
} */
/* .our-works-list-section .item-wrap:hover::before, .our-works-list-section .item-wrap:hover::after {
    opacity: 1;
} */
/* .our-works-list-section .item-wrap::before{
    border: .2rem dashed #cdd0e1;
    top: -1rem;
    left: -1rem;
    z-index: 1;
    display: none;
}
.our-works-list-section .item-wrap:hover::before {
    left: -1rem;
    border-color: #00a9d1;
} */
.our-works-list-section .item-wrap .thumb-wrap {
    margin-bottom: 3rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.our-works-list-section .item-wrap .thumb-wrap::before {
    content: "";
    padding-top: 60%;
    display: block;
}
.our-works-list-section .item-wrap .thumb-wrap .project-link-wrap {
    padding: 2.8rem 6rem 10rem 2rem;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url('images/view-project-shape.svg') no-repeat 0 0/100% auto;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.our-works-list-section .item-wrap .thumb-wrap .project-link-wrap a {
    color: #FFF;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    border: none;
}
.our-works-list-section .item-wrap .thumb-wrap .project-link-wrap a span {
    display: inline-block;
    border-bottom: .2rem solid rgba(0, 0, 0, 0);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
}
.our-works-list-section .item-wrap .thumb-wrap .project-link-wrap a img {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.our-works-list-section .item-wrap .thumb-wrap .project-link-wrap a:hover img {
    margin-left: 1rem;
}
.our-works-list-section .item-wrap .thumb-wrap .project-link-wrap a:hover span {
    border-color: #FFF;
}
.our-works-list-section .item-wrap:hover .thumb-wrap .project-link-wrap {
    opacity: 1;
}
.our-works-list-section .item-wrap > h3 {
    font-size: 3.2rem;
    font-weight: 700; font-weight: 400;
}
.our-works-list-section .item-wrap > h3 a {
    color: var(--blue);
    border: none;
}
.our-works-list-section .item-wrap:hover > h3, .our-works-list-section .item-wrap:hover > h3 a {
    color: #FFF;
}
.our-works-list-section .item-wrap > h3 a:hover {
    color: var(--light-blue);
}
.our-works-list-section .arrow-link {
    color: var(--blue);
    font-size: 1.4rem;
    letter-spacing: -.47px;
}
.our-works-list-section .item-wrap:hover .arrow-link {
    opacity: 0;
}
.our-works-list-section .loading-btn {
    visibility: hidden;
}
.our-works-list-section .loading-btn.loading {
    visibility: visible !important;
    animation-iteration-count: infinite;
    animation-duration: 1.5s;
}
.our-works-list-section .loading-btn h3 {
    text-align: center;
    color: #cceef6;
    font-size: 3.2rem;
    line-height: 4.5rem; 
}
.our-works-list-section .item-wrap .date-wrap {
    color: var(--blue);
}
.our-works-list-section .item-wrap:hover .date-wrap {
    color: #FFF;
}
/**/
.our-works-list-section.mode-2 .row {
    margin: 0 -3rem;
}
.our-works-list-section.mode-2 .row > div {
    padding: 3rem;
}
.our-works-list-section.mode-2 .item-wrap {
    padding: 0;
    overflow: hidden;
}
.our-works-list-section.mode-2 .item-wrap::before, .our-works-list-section.mode-2 .item-wrap::after {
    display: none;
}
.our-works-list-section.mode-2 .item-wrap::before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 20;
    display: block;
}
.our-works-list-section.mode-2 .item-wrap.in-view::before{
    -webkit-animation: .7s linear .5s 1 forwards imageOpen;
    animation: .7s linear .5s 1 forwards imageOpen;
}
.our-works-list-section.mode-2 .row > div:nth-child(3n+1) .item-wrap.in-view::before {
    animation-delay: 1s;
}
.our-works-list-section.mode-2 .row > div:nth-child(3n+2) .item-wrap.in-view::before {
    animation-delay: 1.5s;
}
.our-works-list-section.mode-2 .row > div:nth-child(3n) .item-wrap.in-view::before {
    animation-delay: 2s;
}
.our-works-list-section.mode-2 .item-wrap .thumb-wrap {
    min-height: 26.4rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-color: #0568A2;
    margin: 0;
}
/* .our-works-list-section.mode-2 .item-wrap:hover .thumb-wrap {
    background-image: none !important;
} */
.our-works-list-section.mode-2 .item-wrap .thumb-wrap .detail-wrap {
    position: absolute;
    padding: 3.2rem 1.5rem 1.5rem;
    bottom: 0;
    width: 100%;
}
.our-works-list-section.mode-2 .item-wrap .thumb-wrap .detail-wrap .icon-elm {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1000;
}
.our-works-list-section.mode-2 .item-wrap .thumb-wrap .detail-wrap .elm-wrap {
    position: relative;
    z-index: 10;
}
.our-works-list-section.mode-2 .item-wrap .thumb-wrap .detail-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(5, 104, 162, 0.3);
    width: 100%;
    height: 100%;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    z-index: 5;
}
.our-works-list-section.mode-2 .item-wrap:hover .thumb-wrap .detail-wrap::before {
    background-color: #0568A2;
    top: -25rem;
    height: 50rem;
}
.our-works-list-section.mode-2 .item-wrap.color-1:hover .thumb-wrap .detail-wrap::before {
    background-color: #0568A2;
}
.our-works-list-section.mode-2 .item-wrap.color-2:hover .thumb-wrap .detail-wrap::before {
    background-color: #135191;
}
.our-works-list-section.mode-2 .item-wrap.color-3:hover .thumb-wrap .detail-wrap::before {
    background-color: #2D3D84;
}
.our-works-list-section.mode-2 .item-wrap.color-4:hover .thumb-wrap .detail-wrap::before {
    background-color: #253067;
}
.our-works-list-section.mode-2 .item-wrap.color-5:hover .thumb-wrap .detail-wrap::before {
    background-color: #0099C8;
}
.our-works-list-section.mode-2 .item-wrap .thumb-wrap .detail-wrap h3, .our-works-list-section.mode-2 .item-wrap .thumb-wrap .detail-wrap h3 a {
    color: #FFF;
    font-size: 3.6rem;
    margin: 0 0 1.5rem;
    font-weight: 400;
    border: none;
}
.our-works-list-section.mode-2 .item-wrap .thumb-wrap .detail-wrap .btn-view-project {
    color: #FFF; 
    font-weight: 700;
    font-size: 2rem;
    border: none;
}
/*
=================
BLOG
=================
*/
.pagination-wrap {
    position: relative;
    z-index: 1000;
}
.pagination-wrap ul {
    display: flex;
    gap: .2rem;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
}
.pagination-wrap ul li a, .pagination-wrap ul li span {
    padding: .5rem;
    width: 3rem;
    height: 3rem;
    line-height: 2rem;
    text-align: center;
    color: var(--blue);
    font-weight: 700;
    font-size: 1.6rem;
    display: block;
}
.pagination-wrap ul li a:hover {
    color: var(--light-blue);
}
.pagination-wrap ul li .current {
    background-color: var(--blue);
    color: #FFF;
}
.grecaptcha-badge {
    display: none;
}
/*
404
*/
.error-404 {
    padding: 5rem 0;
    text-align: center;
}
.error-404 h2 { 
    font-size: 20rem;
    font-weight: 700;
    color: var(--blue);
}
/*
HOMEPAGE BANNER 2
*/
.home-banner-2-section {
    padding: 5rem 0 16rem;
    --circle-width:54.4rem;
    --circle-width-2:49.5rem;
    --circle-width-3:32rem;
    --circle-width-4:28.4rem;
    --image-container-width: 67rem;
    --image-margin-bottom: 4rem;
    --image-circle-2-left: 6.9rem;
    --image-circle-3-left: 2.04rem;

    --circle-width: 73.4rem;
    --circle-width-2: 67.5rem;
    --circle-width-3: 25rem;
    --circle-width-4: 36rem;
    --image-container-width: 112rem;
    --image-margin-bottom: 4rem;
    --image-circle-2-left: 6.9rem;
    --image-circle-3-left: -3.96rem;
}
.home-banner-2-section .row {
    align-items: center;
    justify-content: space-between;
}
.home-banner-2-section .text-wrapper {
    width: 100%;
    max-width: 53rem; max-width:58rem;
    color:#253067;
}
.home-banner-2-section .text-wrapper h1 {
    margin-bottom:1.3rem;
    font-size: 6.4rem;
}
.home-banner-2-section .button-wrap a {
    padding: 1.8rem 5.8rem;
}
.home-banner-2-section  .image-text-slide-wrap {
    position: relative;
}
.home-banner-2-section .image-wrapper {
    position: relative;
    width: var(--circle-width); 
    height: var(--circle-width);
}
.home-banner-2-section .image-wrap {
    width: var(--circle-width);
    height: var(--circle-width);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    /* border-radius:50%;
    -webkit-border-radius:50%; */
    margin-bottom: 4rem;
    z-index: 50;
}
/* @media only screen and (max-width: 600px) {
    .home-banner-2-section .image-wrap {
        width: 30rem; 
        height: 30rem;
    }
} */
.home-banner-2-section .image-wrapper .second-image-elm {
    content:'';
    width: var(--circle-width-2);
    height: var(--circle-width-2);
    border-radius:50%;
    -webkit-border-radius:50%;
    position: absolute;
    right:  calc(var( --image-circle-2-left) * -1);
    bottom: calc(var(--image-margin-bottom) * -1);
    background-color:#253067;
    z-index: 20;
}
.home-banner-2-section .image-wrapper .third-image-elm {
    content:'';
    width: var(--circle-width-3);
    height:var(--circle-width-3);
    position: absolute;
    left: calc(100% + var(--image-circle-3-left));
    bottom: calc(var(--image-margin-bottom) * -1); bottom: 20rem;
    background-color:#0068A2;
    z-index: 10;
    border-radius:50%;
    -webkit-border-radius:50%;
}
.home-banner-2-section .image-text-slide-wrap {
    width: var(--image-container-width);
}
.home-banner-2-section .list-item-wrapper {
    width:var(--circle-width-4);
    height:var(--circle-width-4);
    z-index: 50;
    position:absolute;
    color:#FFF;
    background-color: #0099C8;
    border-radius:50%;
    -webkit-border-radius:50%;
    font-size:3.6rem;
    text-align:center;
    left:0;
    bottom:0;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
}
.home-banner-2-section .list-item-wrapper .slick-wrap {
    opacity: 0;
    transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
}
.home-banner-2-section .list-item-wrapper .slick-wrap.slick-initialized {
    opacity: 1;
}
.home-banner-2-section .list-item-wrapper .slick-wrap, .home-banner-2-section .list-item-wrapper .slick-list, .home-banner-2-section .list-item-wrapper .slick-track {
    height:100%;
}
.home-banner-2-section .list-item-wrapper .slick-wrap .item-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height:1.5;
    padding: 1.5rem;
    text-transform: uppercase;
    font-size:3.6rem;
}
@media only screen and (max-width: 1850px) {
    .home-banner-2-section {
        --image-container-width: 83rem;
    }
}
@media only screen and (max-width: 1600px) {
    .home-banner-2-section {
        --circle-width:54.4rem;
        --circle-width-2:49.5rem;
        --circle-width-3:25rem;
        --circle-width-4:28.4rem;
        --image-container-width: 75rem;
        --image-margin-bottom: 4rem;
        --image-circle-2-left: 6.9rem;
        --image-circle-3-left: 2.04rem;
    }
}
@media only screen and (max-width: 1450px) {
    .home-banner-2-section {
        --image-container-width: 67rem;
    }
}
@media only screen and (max-width: 1310px) {
    .home-banner-2-section {
        padding:5rem 0;
    }
    .home-banner-2-section .row > div {
        width: 100%;
    }
    .home-banner-2-section .row > div:first-child {
        order:2;
    }
    .home-banner-2-section .row > div:last-child {
        order:1;
    }
    .home-banner-2-section .text-wrapper {
        margin: 18rem auto 0;
        text-align: center;
    }
    .home-banner-2-section .image-text-slide-wrap {
        margin: 0 auto;
    }
}
@media only screen and (max-width: 860px) {
    .home-banner-2-section .list-item-wrapper {
        left:50%;
        transform: translate(-50%, 100%);
        -webkit-transform: translate(-50%, 100%);
    }
    .home-banner-2-section .text-wrapper {
        margin: 33rem auto 0;
    }
    .home-banner-2-section .image-text-slide-wrap {
        width:100%;
    }
}