/*
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.   ***************/

@font-face {
    font-family: 'Montserrat';
    src: url(fonts/Montserrat-Regular.ttf);
} 

@font-face {
    font-family: 'Montserrat-Bold';
    src: url(fonts/Montserrat-Bold.ttf);
}


:root{
	--color:#e9e700;
	--color-hover:#d90101;
    --family :'Montserrat' !important;
    --family-bold :'Montserrat-Bold' !important;
}



body{
    font-size: 15px !important;
    font-family: var(--family) !important;
    overflow: hidden;
}
h1,h2,h3,h4,h5,h6,p,ul,li,a{
    color: #000;
    font-family: var(--family) !important;
}

.header-button a {
	background: var(--color-hover);
	color: #fff;
}

.sidebar-menu.no-scrollbar {
	background: var(--color-hover);
}
.sidebar-menu.no-scrollbar li a{color: #fff}

.header-main  .header-inner.flex-row.container{
    background: #ffffff14;
}
.sidebar-menu.no-scrollbar .html_topbar_left a {
	margin-bottom: 10px;
	display: block;
	text-align: center;
}

.sidebar-menu.no-scrollbar .html_topbar_left a.btn-yellow {
	margin-left: 0px;
}

.header-nav-main li {
	padding: 0px 10px;
}
.header-nav-main li a {
	color: #fff;
	font-family: var(--family-bold) !important;
}
.header-nav-main li:hover a {
	color: var(--color);
}
.html_topbar_left a.btn-outline-white {
	padding:10px;
	border: 2px solid #fff;
	font-weight: 700;
	border-radius: 30px;
}
.html_topbar_left a.btn-yellow {
	padding:10px;
	font-weight: 700;
	color: #000 !important;
	border-radius: 30px;
	background:var(--color);
	margin-left: 15px;
}

/***********************************************/

.sec-banner h3{
	font-family: var(--family-bold) !important;
}
.sec-banner h5{
	color: var(--color);
	font-weight: 300;
}

.sec-banner p{color: #fff}

.sec-banner a {
	color: #fff !important;
	font-family: var(--family-bold) !important;
}
.sec-banner a.button.white {
	border:2px solid var(--color) !important;
}
.sec-banner a.button.alert {
	border:2px solid var(--color-hover) !important;
}

.sec-1 .row {
	padding-top: 20px;
}

.sec-1 h6,
.sec-1 h5,
.sec-1 h4,
.sec-1 h3,
.sec-1 h2,
.sec-1 h1{color: #fff}

.sec-1 h5{
	margin-bottom: 0px;
	font-size: 20px;
}
.sec-1 h3 {font-size: 30px;}

.sec-1 .cot-6-1 {margin-top: 4%;}

.title-home h6{
	background: var(--color-hover);
	color: #fff;
	padding: 5px 15px;
	border-radius: 30px;
	display: inline;
}

.title-home h4{
	color: #fff;
	margin-bottom: 0px;
}
.title-home h2{
	color: var(--color);
}
.title-home p{
	color: #fff;
}

.dream-team .title-home h2{
	margin-top: 20px;
	color: var(--color-hover);
}

.dream-team .box-image {
	border-radius: 50%;
	border: 10px solid var(--color);
}
.dream-team .box-image img {
	border: 5px solid #fff;
	border-radius: 50%;
}
.dream-team .box-text h4.name {
    color: var(--color-hover);
    font-size: 20px;
    margin: 15px 0px;
}
.dream-team p,
.dream-team .box-text h4 {color: #fff;}
.dream-team p {
	margin-top: 10px;
}

.sec-3 .featured-box {
	margin-bottom: 15px;
	background: #060f2c;
    padding: 10px;
    border-radius: 25px;

}
.sec-3 .featured-box h3 {
	color: #fff;
	padding-top: 15px;
	font-family: var(--family-bold) !important;
}

.communtiny h5 {
	color: #fff;
	font-size: 20px;
}
.communtiny h2{
	color: var(--color-hover);
	border-bottom: 2px solid;
    display: inline;
}

.home-roadmap .row {
	background-repeat: no-repeat;
    background-size: 100%;
    height: 1000px;
}

.home-roadmap .content-text {
	color: #fff;
	font-size: 11px;
	text-align: center;
}

.class-12,
.class-11,
.class-10,
.class-9,
.class-8,
.class-7,
.class-6,
.class-5,
.class-4,
.class-3,
.class-2,
.class-1 {
	position: absolute;
	top: 100px;
}

.class-2,.class-5 {margin-left: 13px}
.class-3 {margin-left: 16px}
.class-4 {left: 44%}
.class-7 {left: 35%}
.class-8 {left: 42%}
.class-10 {left: 70%}
.class-11 {left: 39%}
.class-12 {left: 18%}

.class-6 {
	left: -50px;
}

.class-18,
.class-17,
.class-16,
.class-15,
.class-14,
.class-13{
	position: absolute;
	top: 160px;
}

.class-13 {left: 40%}
.class-14 {left: 50%}
.class-18 {left: -80%}

.class-24,
.class-23,
.class-22,
.class-21,
.class-20,
.class-19{
	position: absolute;
	top: 140px;
}

.class-19{left: 42%}
.class-20{left: 34%}
.class-21{left: 72%}
.class-23{left: -30%}
.class-24{left: -50%;width: 100%}

.class-25{
	position: absolute;
	top: 58px;
	left: 65%;
	min-width: 100%;
}


/*************************************************/
.cot-footer a {
	color: #fff;
}
.cot-footer a i{
	margin-right: 10px;
}
.share-footer a:hover,
.cot-footer a:hover{
	color:var(--color)
}

.share-footer br{display: none;}
.share-footer a {
	color: #fff;
	padding: 0px 10px;
}

.content-bottom.text-center {
    color: #fff;
    width: 635px;
    margin: 0px auto;
}

.scroll-to-bullets,
.absolute-footer {display: none;}




@media only screen and (max-width: 991px) {
	.home-roadmap .row{background: transparent !important;height: 100%}
	.class-25,
	.class-24,
	.class-23,
	.class-22,
	.class-21,
	.class-20,
	.class-19,
	.class-18,
	.class-17,
	.class-16,
	.class-15,
	.class-14,
	.class-13,
	.class-12,
	.class-11,
	.class-10,
	.class-9,
	.class-8,
	.class-7,
	.class-6,
	.class-5,
	.class-4,
	.class-3,
	.class-2,
	.class-1 {
		position: inherit;
		margin-left: 0px;
		left: 0px;
		top: 0px;
	}
	.col-22-col,
    .col-16-col,
    .col-17-col,
	.col-9-col{
		display: none;
	}

	
}

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

} 

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}