/*
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: #2C37A3;
	--sc-color: #1F8BC9;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-grey: #cccccc;
	--color-sale: #EB0000;
	--w-container: 100%;
}
body {
	font-size: 1rem;
	letter-spacing: 0 !important;
	line-height: 1.5
}

html {
	font-size: 3.3333vw;
	} 
h1, h2, h3, h4, h5, h6 {

}
ul {
    margin: 0;
    padding: revert;
}
.fs-14 {
	font-size: 0.875rem
}
.mr-2, .mx-2 {
    margin-right: 0.5rem !important;
}
.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;
}
.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;
}
td:first-child, th:first-child {
    padding-left: 0 !important;
}
.pd-0 {
	padding: 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
}
.d-none {
    display: none!important;
}
.container, .row:not(.row-full-width) {
	max-width: var(--w-container) !important
}
select {
    -webkit-appearance: auto !important;

}
/* Animation for fadeInDown */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    animation: fadeInDown 0.3s ease forwards;
}

/* Animation for fadeUpDown */
@keyframes fadeUpDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.fadeUpDown {
    animation: fadeUpDown 0.35s ease forwards;
}
.lobibox-notify .lobibox-delay-indicator>div {
    background-color: #fff !important
}
.lobibox-notify {
    -webkit-box-shadow: 2px 2px 5px rgba(225, 225, 225, .3);
    box-shadow: 2px 2px 5px rgba(225, 225, 225, .3);
    transition: all .2s;
}
.flatpickr-current-month {
    display: flex;
    justify-content: center;
}
input.numInput.cur-year {
    box-shadow: none;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.modal-body {
    position: relative;
    padding: 15px;
    font-size: 0.932rem;
}
.table 
 th {
    letter-spacing: 0;
    color: #2e2e2e;
    text-transform: none;
    font-size: 0.932rem;
}
#module1009 button.btn-close {
    float: right;
    margin: 0;
}
button.close.modal-btn-close {
    min-height: auto;
    margin: 0;
}
.form-group.row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 15px !important;
    padding-left: 15px !important;
}
.p-0 {
	padding: 0 !important
}
.group-input-inline>label {
        display: table-cell !important;
        width: 1%;
        white-space: nowrap;
        vertical-align: middle;
        padding-right: 2px;
    }
	.group-input-inline {
    position: relative;
    display: table !important;
    border-collapse: separate;
    width: 100%;
}
form#form__main {
    max-width: 50%;
    padding: 0 15px;
}
.form-group {
    display: flex;
	margin-bottom: 12px
}
.form-group .col__label {
    width: 33.33333%;
}
.form-group .col__value {
    flex: 1;
}
.row__details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.wrapper__info {
    display: flex;
    flex-direction: column;
}
.no__scroll {
	overflow: hidden
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
    background-color: hsla(0,0%,100%,1);
}
button.mfp-close {
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}
.mfp-close-btn-in .mfp-close {
    top: 5px !important;
    right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
}
.mfp-close svg {
    width: 20px !important;
    height: 20px;
}
.sidebar-menu .nav li a {
    color: #212121;
    text-transform: none;
    font-size: 1.125rem;
    font-weight: 500;
}
.sidebar-menu .nav li.current-menu-item a {
	text-decoration: underline
}
a.link__account i {
    font-size: 1rem !important;
}
.lobibox-notify-wrapper.top {
    top: 10%;
}
@media screen and (min-width: 564px) {
	html {
	font-size: 2vw;
	} 


}

@media screen and (min-width: 850px) {
	html {
	font-size: 1.6vw;
	} 
:root {
        --w-container: 100%
    }
	.container, .row:not(.row-full-width) {
		max-width: var(--w-container) !important
	}
	.row__pd0 > .col {
		padding-bottom: 0 !important
	}
	.modal-dialog{
    margin: 60px auto;
}
}

@media screen and (min-width: 992px) {
	html {
	font-size: 1.3333vw;
	} 
:root {
        --w-container: 100%
    }
	.container, .row:not(.row-full-width) {
		max-width: var(--w-container) !important
	}
    .d-lg-block {
        display: block !important;
}
}
@media screen and (min-width: 1024px) {

}
@media screen and (min-width: 1200px) {
	html {
	font-size: 1.11333vw;
	} 	
:root {
        --w-container: 73.125rem
    }
	.container, .row:not(.row-full-width) {
		max-width: var(--w-container) !important
	}
}
@media screen and (min-width: 1400px) {
	html {
	font-size: 1vw;
	} 	
	:root {
        --w-container: 78.125rem
    }
	.container, .row:not(.row-full-width) {
		max-width: var(--w-container) !important
	}
}
@media screen and (min-width: 1600px) {
	:root {
        --w-container: 73.75rem
    }
	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) {
.form-main {
    background-position: 30% 50% !important;
}
	
}
@media screen and (max-width: 997px) {
}
@media screen and (max-width: 849px) {
	.row__details {
    grid-template-columns: repeat(1, 1fr);
}
	.header-bottom .nav-icon a {
	padding: 3px
}
.header-bottom .nav-icon a i.icon-menu {
	font-size: 2.125rem;
	color: #fff
}
	.header-bottom-nav {
		justify-content: flex-end !important
	}
	.sidebar-menu a.link__account {
    padding: 0 !important;
}
	a.link__account i {
    font-size: 1.5rem !important;
    opacity: 1 !important;
}
}

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

}
@media screen and (max-width: 564px) {
.modal-body {
    font-size: 1rem;
}
	form#form__main {
    max-width: 100%;
}
	.form-group {
    flex-direction: column;
}
	.form-group .col__label {
    width: 100%;
}
	.form-captcha__secure input {
    flex: 0 0 30%;
}
	.form-control {
    height: 40px !important;
}
	.wrapper__info > .row {
		margin: auto !important
	}
	.content__footer > .info__footer {
    flex-direction: column;
    gap: 0;
}
	form#form__main {
    padding: 0 10px;
}
	.modal-dialog {
		top: 50% ; 
		transform: translateY(-50%) !important
	}
	.lobibox-notify-wrapper.top {
    top: 0;
}
	.group-input-inline>label {
    display: block !important;
	width:100%;
	font-size: 1rem;
    margin-bottom: 0;
}
	div#modalDetailGroup9 {
	padding-right: 0 !important
}
	.modal-dialog {
    margin: 0 !important;
}
	.group-input-inline span.text-content {
    font-size: 1.125rem;
}
}
@media screen and (min-width: 564px) {
    
}
@media (min-width: 544px) and (max-width: 1199px) {
    form#form__main {
    max-width: 75%;
}
}