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

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
    --ff-monserrat: "Montserrat", sans-serif;
    --ff-roboto-flex: "Roboto Flex", sans-serif;
    --fw300: 300;
    --fw400: 400;
    --fw500: 500;
    --fw700: 700;
    --fw800: 800;
    --fw900: 900;
    --white: #fff;
    --white-80: #ffffffcc;
    --black: #000;
    --red: #e7242a;
    --red-40: #c00017;
    --red-50: #e7242a;
    --red-60: #c70013;
    --green: #6ca84e;
    --yellow: #f3cd0f;
    --blue: #277bb1;
    --neutral-10: #1a1c1e;
    --neutral-20: #2f3033;
    --neutral-25: #3a3b3e;
    --neutral-30: #45474a;
    --neutral-50: #76777a;
    --neutral-60: #c6c6c9;
    --neutral-70: #aaabae;
    --neutral-70-50: #aaabae80;
    --neutral-80: #c6c6c9;
    --neutral-90: #e2e2e5;
    --neutral-95: #f0f0f4;
    --neutral-98: #f9f9fc;
    --neutral-100: #ffffff;
    --orange: #ff6900;
    --pink: #b43a4c;
    --silver: #c0c0c0;
    --system-red-30: #93000f;
    --system-red-40: #c00017;
    --system-red-50: #e7242a;
    --bg-header: rgba(252, 251, 251, 0.85);
    --bg-line: #f3f3f3;
    --bg-float-menu: #000000bf;
    --transparent: #ffffff00;
    --bg-neutral-gradient: linear-gradient(0deg, #000000, #000000), linear-gradient( 180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 35.55%, rgba(255, 255, 255, 0.04) 46.11%, rgba(255, 255, 255, 0.100896) 64.04%, rgba(255, 255, 255, 0.13) 70.42%, rgba(255, 255, 255, 0.133333) 76.59%, rgba(255, 255, 255, 0) 100% );
    --box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.1);
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-color: #e10012;
    --swiper-pagination-bullet-horizontal-gap: 2px;
    --swiper-theme-color: #e10012;
    --swiper-pagination-bullet-width: 6px;
    --swiper-pagination-bullet-height: 6px;
    --bs-table-border-color: #d3d3d380;
    --bs-border-width: 1px;
    --bs-gutter-x: 2.4rem;
    --6px: 0.25rem;
    --8px: 0.5rem;
    --9px: 0.565rem;
    --10px: 0.625rem;
    --12px: 0.75rem;
    --14px: 0.875rem;
    --16px: 1rem;
    --18px: 1.125rem;
    --20px: 1.25rem;
    --24px: 1.5rem;
    --28px: 1.125rem;
    --30px: 1.875rem;
    --32px: 2rem;
    --36px: 2.25rem;
    --40px: 2.5rem;
    --48px: 3rem;
    --60px: 3.75rem;
    --64px: 4rem;
    --72px: 4.5rem;
    --80px: 5rem;
    --100px: 6rem;
    --ltt1: 0.01em;
    --ltt10: 0.1em;
    --ltt20: 0.2em;
    --hotline-height: 36px;
    --header-height: 72px;
    --menu-height: 108px;
    --float-menu-height: 0px;
    --model-menu: 57px;
	--slide-distance: 70px;
    --animation-duration: 0.7s;
	--animated-offset: 50px;
    --animated-offset-n: -50px;
	--neutral-10: #1a1c1e;
    --neutral-20: #2f3033;
    --neutral-25: #3a3b3e;
    --neutral-30: #45474a;
    --neutral-50: #76777a;
    --neutral-60: #c6c6c9;
    --neutral-70: #aaabae;
    --neutral-70-50: #aaabae80;
	--8px: 0.5rem;

}
.wow {
    opacity: 0;
    -webkit-transform: translateY(var(--slide-distance));
    transform: translateY(var(--slide-distance));
    will-change: transform,opacity;
}
.wow.is-visible {
    -webkit-animation: slideInUpAnimation var(--animation-duration) ease-out forwards;
    animation: slideInUpAnimation var(--animation-duration) ease-out forwards;
}
@-webkit-keyframes slideInUpAnimation{from{opacity:0;-webkit-transform:translateY(var(--slide-distance));transform:translateY(var(--slide-distance))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUpAnimation{from{opacity:0;-webkit-transform:translateY(var(--slide-distance));transform:translateY(var(--slide-distance))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}