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

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
	--main-color: #3b69b4;
	--sc-color: #000b48;
	--hl-color: #6CC019;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-grey: #cccccc;
	--w-container: 100vw
}
body {
	letter-spacing: -1px
}
html {
	font-size: 3.3333vw;
	} 
h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
    margin: 0 0 1.25rem;
    line-height: 1.4;
}

.lh_125 {
	line-height: 1.25
}
.fs-2125 {
	 font-size: 2.125rem;
}
.fs-15 {
	font-size: 1.5rem
}
.fs-1125 {
	font-size: 1.125rem
}
.fw-400 {
	font-weight: 400
}
.fw-100 {
	font-weight: 100
}
.m-0 {
	margin: 0;
}
.mb-0 {
	margin-bottom: 0;
}
.p-0 {
	padding: 0 !important
}
.h-full {
	height: 100%
}
.w-full {
	width: 100%
}
.mb-0d75 {
	margin-bottom: 0.75rem
}
.mb-0d5 {
	margin-bottom: 0.5rem
}
.mb-1 {
	margin-bottom: 1rem
}
.mb-1d5 {
	margin-bottom: 1.5rem
}
.mb-2 {
	margin-bottom: 2rem
}
.mb-2d5 {
	margin-bottom: 2.5rem
}
.mb-3 {
	margin-bottom: 3rem
}
.mb-3d5 {
	margin-bottom: 3.5rem
}
.pb-1 {
	padding-bottom: 1rem !important
}
.pt-1 {
	padding-top: 1rem !important
}
.ptb-1 {
	padding: 1rem 0 !important
}
.pb-2 {
	padding-bottom: 2rem !important
}
.pt-2 {
	padding-top: 2rem !important
}
.ptb-2 {
	padding: 2rem 0 !important
}
.pb-3 {
	padding-bottom: 3rem !important
}
.pt-3 {
	padding-top: 3rem !important
}
.ptb-3 {
	padding: 3rem 0 !important
}
.pb-4 {
	padding-bottom: 4rem !important
}
.pt-4 {
	padding-top: 4rem !important
}
.ptb-4 {
	padding: 4rem 0 !important
}
.pb-5 {
	padding-bottom: 5rem !important
}
.pt-5 {
	padding-top: 5rem !important
}
.pb-6 {
	padding-bottom: 6rem !important
}
.pt-6 {
	padding-top: 6rem !important
}
.pb-7 {
	padding-bottom: 7rem !important
}
.pt-7 {
	padding-top: 7rem !important
}
.ptb-1 {
	padding: 1rem 0 !important
}
.ptb-2 {
	padding: 2rem 0 !important
}
.ptb-3 {
	padding: 3rem 0 !important
}
.ptb-4 {
	padding: 4rem 0 !important
}
.ptb-5 {
	padding: 5rem 0 !important
}
.ptb-6 {
	padding: 6rem 0 !important
}
.ptb-7 {
	padding: 7rem 0 !important
}
.ptb-8 {
	padding: 8rem 0 !important
}
.ml-0, .mx-0 {
    margin-left: 0 !important;
}
.mr-0, .mx-0 {
    margin-right: 0 !important;
}

.z-1 {
	z-index: -1
}
.z-1 {
	z-index: 1
}
.z-2 {
	z-index: 2
}
.z-3 {
	z-index: 3
}
.z-4 {
	z-index: 4
}
.z-5 {
	z-index: 5
}
.z-6 {
	z-index: 6
}
.z-7 {
	z-index: 7
}
.z-8 {
	z-index: 8
}
.z-9 {
	z-index: 9
}
.fw_600 {
	font-weight: 600 !important
}
.fw_500 {
	font-weight: 500 !important
}
.container, .row:not(.row-full-width) {
		max-width: var(--w-container) !important
	}

.rl {
	position: relative
}
.lts-0 {
	letter-spacing: 0 !important
}
@media screen and (min-width: 564px) {
	html {
	font-size: 2vw;
	} 
	.hide__desk {
		display: none
	}

}

@media screen and (min-width: 850px) {
	html {
	font-size: 1.6vw;
	} 
:root {
        --w-container: 97vw
    }
	.container, .row:not(.row-full-width) {
		max-width: var(--w-container) !important
	}
	.row__pd0 > .col {
		padding-bottom: 0 !important
	}
}
@media screen and (min-width: 998px) {
	html {
	font-size: 1.3333vw;
	} 
:root {
        --w-container: 94vw
    }
	.container, .row:not(.row-full-width) {
		max-width: var(--w-container) !important
	}
	.menu__sidebar {
		display: none
	}
}
@media screen and (min-width: 1024px) {

}

@media screen and (min-width: 1240px) {
	html {
	font-size: 1.11333vw;
	} 
	:root {
        --w-container: 92vw
    }
	.container, .row:not(.row-full-width) {
		max-width: var(--w-container) !important
	}

}

@media screen and (min-width: 1440px) {
	html {
	font-size: 1vw;
	} 	
	:root {
        --w-container: 90vw
    }
	.container, .row:not(.row-full-width) {
		max-width: var(--w-container) !important
	}
}
@media screen and (min-width: 1600px) {
	:root {
        --w-container: 88vw
    }
	html {
	font-size: 0.83333vw;
	} 
	.container, .row:not(.row-full-width) {
		max-width: var(--w-container) !important
	}
}
@media screen and (max-width: 1599px) { }
@media screen and (max-width: 1439px) {}

@media screen and (max-width: 1239px) {}
@media screen and (max-width: 1025px) {

}
@media screen and (max-width: 849px) {
.medium-logo-center .logo {
    order: 0 !important;
}
	.header-main {
    margin-bottom: 2rem;
}
}

@media screen and (max-width: 768px) {

}
@media screen and (max-width: 563px) {
	.hide__mb {
		display: none
	}
	body {
    font-size: 140% !important;
}
	
}