/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,600;1,9..40,600&display=swap');

:root {
    /* Colors */
    --dc-white-color: #FFFFFF;
    --dc-primary-color: #F2F1F1;
    --dc-border-color: #BCBCBC;
    /* Animations */
    --dc-anim-speed: 1s;
    --dc-anim-speed-slow: 1.25s;
    --dc-trans-speed: .15s;
    --dc-trans-speed-slow: .25s;
    --dc-trans-ease: ease;
}

/*-----------------*/
/*  General        */
/*-----------------*/
::-moz-selection{background: var(--fs-color-primary);color: var(--dc-primary-color);}
::selection{background: var(--fs-color-primary);color: var(--dc-primary-color);}
body{line-height: 1.45 !important;}
body.home #wrapper{background: linear-gradient(195deg, #1A1A1A 23.42%, #333560 37.8%, #333560 57.77%, #1A1A1A 75.31%) !important;}
body.home #main{background-color: transparent !important;}
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 600 !important;}
.align-equal .img,.align-equal .img-inner,.align-equal .img img{height: 100%;}
.align-equal .img img{-o-object-fit: cover;object-fit: cover;}
/*-----------------*/
/*  Header         */
/*-----------------*/
.header-inner{-webkit-animation: var(--dc-anim-speed) forwards;animation: var(--dc-anim-speed) forwards;-webkit-animation-timing-function: var(--dc-anim-ease);animation-timing-function: var(--dc-anim-ease);-webkit-animation-name: fade-in;animation-name: fade-in;}
.home .header-wrapper:not(.stuck) #logo{display: none;}
.header .stuck #logo img{max-height: 50px !important;}
.nav-spacing-xlarge>li{margin: 0 30px;}
.nav-line-bottom>li>a{padding: 0;background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);background-size: 100% 1px, 0 1px;background-position: 0 100%, 100% 100%;background-repeat: no-repeat;-webkit-transition: background-size var(--dc-trans-speed-slow) var(--dc-trans-ease);-webkit-transition: background-size var(--dc-trans-speed-slow) var(--dc-trans-ease);transition: background-size var(--dc-trans-speed-slow) var(--dc-trans-ease);}
.nav-line-bottom>li>a::before{display: none;}
.header-main .nav-size-medium>li>a{font-size: .81em;}
.header-main .nav>li>a{color: var(--fs-color-primary);letter-spacing: .1em;font-weight: 600;}
@media (hover: hover) {
.nav-line-bottom>li>a:hover{background-position: 100% 100%, 0 100%;background-size: 0 1px, 100% 1px;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
}
@media (max-width: 849px) {
.off-canvas-center.mfp-bg.mfp-ready{opacity: 1;}
}
@media (max-width: 549px) {
.transparent .header-main{height: 100px !important;}
}
/*-----------------*/
/*  Hero unit      */
/*-----------------*/
.hero-unit .bg-fill,.bg-page .bg-fill{height: 95vmin;background-size: contain !important;}
.hero-unit .section-content{min-height: inherit;}
.hero-unit .section-content>.row,.hero-unit .section-content>.row>.col,.hero-unit .section-content>.row>.col>.col-inner{min-height: inherit;}
.hero-unit .section-content>.row>.col>.col-inner{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
/*-----------------*/
/*  Scroll down    */
/*-----------------*/
.scroll-down{position: absolute;bottom: 0;left: 50%;-webkit-transform: translate(-50%, 50px);-ms-transform: translate(-50%, 50px);transform: translate(-50%, 50px);    z-index: 10;text-decoration: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;      -ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: opacity var(--dc-trans-speed-slow) var(--dc-trans-ease);transition: opacity var(--dc-trans-speed-slow) var(--dc-trans-ease);}
.scroll-down .scroll-down-label{color: var(--fs-color-primary);font-size: .81em;font-weight: 600;letter-spacing: 0.15em;text-transform: uppercase;display: none;margin-bottom: 24px;text-align: center;-webkit-animation: fade-in var(--dc-anim-speed-slow) cubic-bezier(0.5, 0, 0, 1) both 0.25s;animation: fade-in var(--dc-anim-speed-slow) cubic-bezier(0.5, 0, 0, 1) both 0.25s;-webkit-transition: letter-spacing 0.5s var(--dc-trans-ease);transition: letter-spacing 0.5s var(--dc-trans-ease);}
.home .scroll-down .scroll-down-label{display: block;}
.scroll-down .scroll-down-indicator{height: 160px;width: 2px;display: block;}
.scroll-down .scroll-down-indicator:after{height: 100%;width: 100%;background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #43419A), to(rgba(67, 65, 154, 0)));background: linear-gradient(180deg, #43419A 20%, rgba(67, 65, 154, 0) 100%);display: block;content: "";-webkit-animation: grow-height var(--dc-anim-speed) cubic-bezier(0.5, 0, 0, 1) both 0.65s;animation: grow-height var(--dc-anim-speed) cubic-bezier(0.5, 0, 0, 1) both 0.65s;}
.scroll-down:hover,.scroll-down:focus{outline: none;opacity: 0.7;}
.scroll-down:hover .scroll-down-label,.scroll-down:focus .scroll-down-label{font-weight: 600;letter-spacing: 0.2em;}
/*-----------------*/
/*  Services       */
/*-----------------*/
.services .icon-box{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.services .icon-box-left .icon-box-img+.icon-box-text{padding-left: 4.57em;}
.services .icon-box-text .text>*{margin-bottom: 1.09em;}
@media (max-width: 549px) {
.services .icon-box{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.services .icon-box-left .icon-box-img+.icon-box-text{padding-left: 0;margin-top: 25px;}
.services .icon-box-img img{max-width: 123px;}
}
/*-----------------*/
/*  Team           */
/*-----------------*/
.team .row+.row{row-gap: 75px;}
.team .col{padding-bottom: 0;}
.team .box-text{font-size: 1em;}
.team .box-text .text>*{margin-top: 0;margin-bottom: 0;}
@media (max-width: 849px) {
.team .row+.row{row-gap: 38px;}
}
@media (max-width: 549px) {
.team .row+.row{row-gap: 20px;}
}
/*-----------------*/
/*  Simple text    */
/*-----------------*/
.simple-text h2{font-size: 36px;margin-top: 1.78em;margin-bottom: .67em;}
.simple-text p a{text-decoration: underline;-webkit-transition: color var(--dc-trans-speed) var(--dc-trans-ease);transition: color var(--dc-trans-speed) var(--dc-trans-ease);text-underline-offset: .18em;}
@media (max-width: 549px) {
.simple-text h2{font-size: 1.2em;}
}
/*-----------------*/
/*  Lightbox       */
/*-----------------*/
.lightbox-content h2{margin-bottom: .36em;}
.mfp-bg.mfp-ready{opacity: .7;}
.mfp-ready .mfp-close{opacity: 1;}
/*-----------------*/
/*  Social         */
/*-----------------*/
.social-icons a{color: var(--fs-color-primary);}
.social-icons a:first-child{margin-left: 0;}
@media (hover: hover) {
.social-icons a:hover{color: var(--dc-border-color);}
}
/*-----------------*/
/*  UX logo        */
/*-----------------*/
.ux-logo-image{-o-object-fit: contain;object-fit: contain;}
/*-----------------*/
/*  Blog           */
/*-----------------*/
.navigation-post .bb,.navigation-post .bt,.next-prev-nav .flex-col+.flex-col{border-color: rgba(255,255,255,.2);}
@media (hover: hover) {
.entry-meta a,.navigation-post a{-webkit-transition: .2s;transition: .2s;}
}
/*-----------------*/
/*  Footer         */
/*-----------------*/
.absolute-footer{font-size: .81em;padding: 2.75em 0;-webkit-animation: var(--dc-anim-speed) forwards;animation: var(--dc-anim-speed) forwards;-webkit-animation-timing-function: var(--dc-anim-ease);animation-timing-function: var(--dc-anim-ease);-webkit-animation-name: fade-in;animation-name: fade-in;}
.absolute-footer.dark{color: var(--fs-color-primary);}
.copyright-footer{display: -webkit-box;display: -ms-flexbox;display: flex;line-height: 1.29em;}
.copyright-footer a{background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);   background-size: 100% 1px, 0 1px;background-position: 0 100%, 100% 100%;background-repeat: no-repeat;-webkit-transition: background-size var(--dc-trans-speed-slow) var(--dc-trans-ease);transition: background-size var(--dc-trans-speed-slow) var(--dc-trans-ease);}
.copyright-footer ul{list-style: none;border: none;opacity: 1;padding: 0;margin: 0 0 0 2.47em;display: -webkit-box;display: -ms-flexbox;display: flex;}
.copyright-footer li{margin: 0;}
.copyright-footer li+li::before{content: "・";padding: 0 .6em;}
@media (hover: hover) {
.copyright-footer a:hover{color: var(--fs-color-primary);background-position: 100% 100%, 0 100%;background-size: 0 1px, 100% 1px;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
}
@media (max-width: 849px) {
.copyright-footer{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;row-gap: 1em;}
.copyright-footer ul{margin-left: 0;}
}
/*-----------------*/
/*  Animation      */
/*-----------------*/
.i-a{-webkit-animation: var(--dc-anim-speed) forwards;animation: var(--dc-anim-speed) forwards;-webkit-animation-timing-function: var(--dc-anim-ease);    animation-timing-function: var(--dc-anim-ease);}
.a-del-100{-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.a-del-200{-webkit-animation-delay: .2s;animation-delay: .2s;}
.a-fade-up{opacity: 0;-webkit-transform: translateY(2.4rem);-ms-transform: translateY(2.4rem);transform: translateY(2.4rem);-webkit-animation-name: fade-up;       animation-name: fade-up;}
@-webkit-keyframes fade-in{0%{opacity: 0;}100%{opacity: 1;}}@keyframes fade-in{0%{opacity: 0;}100%{opacity: 1;}}
@-webkit-keyframes fade-up{0%{opacity: 0;-webkit-transform: translateY(2.4rem);transform: translateY(2.4rem);}100%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes fade-up{0%{opacity: 0;-webkit-transform: translateY(2.4rem);transform: translateY(2.4rem);}100%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes grow-height{0%{height: 0%;}100%{height: 100%;}}
@keyframes grow-height{0%{height: 0%;}100%{height: 100%;}}