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

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

}

.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
}
.d-none {
    display: none !important;
}
.container, .row:not(.row-full-width) {
	max-width: var(--w-container) !important
}
.row.row-large {
   max-width: calc(var(--w-container) + 30px) !important;
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border;
}
@media (prefers-reduced-motion: reduce) {
    .spinner-border, .spinner-grow {
        animation-duration: 1.5s;
    }
}
 @keyframes spinner-border {
                to {
                    transform: rotate(360deg)
                }
            }
div#register_consul {
    max-width: 850px !important;
    background-image: linear-gradient(to right bottom, #0c419a, #2e59b0, #4872c5, #608bdb, #79a5f0);
    border-radius: 7px;
    border: 2px solid #fff;
}
.form__popup__register {
    padding-top: 1.5rem;
}
.form__popup__register  form {
    margin-bottom: 0;
}
.text__sigup h4 {
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #fff;
}
.wpcf7-spinner {
	display: none
}
.card__sidebar.docs__maybe__like {
    margin-top: 2rem;
}
a#top-link {
    border-color: var(--main-color);
    background: var(--main-color);
}
a#top-link i{
    color: #fff
}
#content__body__docs iframe {
	width: 100%;
	min-height: 500px;
}
@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
	}
}

@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: 95vw
    }
	.container, .row:not(.row-full-width) {
		max-width: var(--w-container) !important
	}
}
@media screen and (min-width: 1400px) {
	html {
	font-size: 1vw;
	} 	
	.container, .row:not(.row-full-width) {
		max-width: var(--w-container) !important
	}
	.row.row-large {
   max-width: calc(var(--w-container) + 30px) !important;
}
}
@media screen and (min-width: 1600px) {
	:root {
        --w-container: 84.375rem
    }
	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) {
	.wrapper__box__docs .row {
		max-width: unset !important
	}
}

@media screen and (max-width: 1239px) {
	#docs__content .col__actions {
    padding-left: 0;
}
	.btn__actions__docs {
    font-size: 0.875rem;
}
	.btn__actions__docs i {
    margin-right: 0.25rem;
    font-size: 0.875rem;
}
}
@media screen and (max-width: 1025px) {

	
}
@media screen and (max-width: 992px) {
	
}
@media screen and (max-width: 849px) {
	.header-bottom.show-for-medium {
    background: var(--red-color);
}
	.header-bottom.show-for-medium input, .header-bottom.show-for-medium i.icon-search{
		border-color: #fff;
    color: #fff !important;
	}
	.header-bottom.show-for-medium input::placeholder {
		color: #fff
	}
	.sidebar-menu li > a > img {
    width: 23px;
}
	.off-canvas .nav-vertical>li>a {
    font-size: 1rem;
    color: #232323;
}
	.page-right-sidebar .large-3 {
    padding-left: 15px !important;
   
}
	.box__info__sidebar .row {
    margin: auto !important;
}
	.widget .box__info__sidebar ul li {
    font-size: 1.125rem;
}
	a.title__docs {
    margin-bottom: 1rem;
}
	.Ss__testimonial .col__left {
    margin-bottom: 1.25rem;
}
	.blog-archive .large-3 {
    padding-left: 15px !important;
}
}

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

}
@media screen and (max-width: 564px) {
.row__imgbox__stt2 .box-text {
    color: #fff;
    padding: 1.5rem 1rem;
}
	.iconbox__wcus .icon-box-img {
    width: 50% !important;
}
	.iconbox__wcus  p {
    font-size: 1.25rem;
    font-weight: 500;
}
	#logo img {
    max-height: 57px !important;
}
	i.icon-menu {
    color: var(--main-color);
}
	.wrapper__form__search .footer__form span {
    font-size: 1rem !important;
}
	.footer__form small span.txt__note__vali:not(:last-child) {
    margin-right: 0.5rem;
}
	.wrapper__form__search {
    padding: 1.125rem;
}
	.form__popup__register {
    padding-top: 2rem;
}
	.form__popup__register .row {
	max-width: unset !important
}
	
}