/*
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: #d42328;
	--sc-color: #303030;
	--hl-color: #6CC019;
    --color-black: #000000;
	--alert-color: #a50119;
    --color-white: #ffffff;
    --color-grey: #cccccc;
	--color-sale: #EB0000;
	--w-container: 100vw;	
	--font-hl: 'Zirkon';
}
.hidden-title {
	display: none
}

@font-face {
    font-family: 'Zirkon';
    src: url('/wp-content/themes/flatsome-child/fonts/UTM-Zirkon.ttf');
	font-weight: 400
}
blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: 1rem;
}
body {
	font-size: 1.1rem !important;
	line-height: 1.5 !important
}
html {
	font-size: 3.675vw;
	} 
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2 !important;
}
.hidden-title {
	display: none
}
.lh-1 {
	line-height: 1 !important
}
.z-99 {
	z-index: 99
}
.fs-1r {
	font-size: 1rem !important
}
.fs-18 {
	font-size: 1.125rem
}
.fs-12 {
	font-size: 0.75rem !important
}
.fs-2r {
	font-size: 2.2rem;
}
.fs-1d9r {
	font-size: 2.09rem
}
.fs-1d3r {
	font-size: 1.43rem
}
.fs-hl {
	font-size: 1.21rem
}
.abs {
	position: absolute
}
.fw-900 {
	font-weight: 900 !important
}
.fw-800 {
	font-weight: 800 !important
}

.fw-700 {
	font-weight: 700 !important
}

.fw-600 {
	font-weight: 600 !important
}

.fw-500 {
	font-weight: 500 !important
}
.fw-400 {
	font-weight: 400 !important
}
.fw-300 {
	font-weight: 300 !important
}
.fw-200 {
	font-weight: 200 !important
}
.fw-100 {
	font-weight: 100 !important
}
.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
}
.container, .row:not(.row-full-width) {
	max-width: var(--w-container) !important
}

.pb-0, .col-pb-0 > .col {
    padding-bottom: 0 !important;
}
.header.show-on-scroll, .stuck .header-main {
    height: auto!important;
}
/* .row.row-collapse {
		max-width: calc(var(--w-container) - 30px) !important
	} */
.row-full-width {
    max-width: 100vw!important;
}
.nav-small .image-icon {
     height: auto !important; 
     width: auto !important; 
}
.not__rl .section-content {
	position: unset !important
}
@media screen and (min-width: 564px) {
	html {
	font-size: 2vw;
	} 


}

@media screen and (min-width: 850px) {
	html {
	font-size: 1.6vw;
	} 
:root {
        --w-container: 100vw
    }
	
	.row__pd0 > .col {
		padding-bottom: 0 !important
	}
	
}

@media screen and (min-width: 998px) {
	html {
	font-size: 1.3333vw;
	} 

	
}
@media screen and (min-width: 1024px) {
:root {
        --w-container: 90rem
    }
	
}
@media screen and (min-width: 1240px) {
	html {
	font-size: 1.11333vw;
	} 	

}

@media screen and (min-width: 1440px) {
	html {
	font-size: 1vw;
	} 	
	:root {
        --w-container: 87.5rem
    }
	
}
@media screen and (min-width: 1600px) {
	:root {
        --w-container: 76.875rem
    }
	html {
	font-size: 0.83333vw;
	} 
	
	
}
@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: 997px) {

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

	
}

@media screen and (max-width: 768px) {
.Ss__footer {
		padding-bottom: 0 !important
	}
	.Ss__youtube.ptb-7 {
    padding: 4rem 0 !important;
}
}
@media screen and (max-width: 549px) {
	.slider-wrapper .flickity-prev-next-button {
    display: block !important;
}
}