/*==================================
Theme Color All Codes Variable
==================================*/
/* @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap');

:root {
	 --theme-general-color: #818386;  /* theme gray color */
}
:root {
	 --theme-primary-color: #16a02d;  /* theme primary color */
}
:root {
	 --theme-secondary-color: #000;  /* theme secondary color */
}
:root {
	 --theme-white-color: #fff;  /* theme white font color */
}
:root {
	 --theme-light-color: #f8f9fa;  /* theme light gray color */
}
:root {
	 --theme-gray-color: #efefef;  /* theme gray color */
}
:root {
	 --theme-text-gray: #c3c3c3; /* theme text gray color */
}
:root {
	 --theme-dark-color: #0f1011;  /* theme dark color ok*/
}
:root {
	 --theme-footer-color: #0f0f2a;  /* theme dark color ok*/
}
:root {
	 --theme-primary-opacity-color: rgba(231, 154, 21, .8);  /* theme secondary color */
}
:root {
	 --theme-secondary-opacity-color: rgba(37, 40, 43, .8);  /* theme secondary color */
}
:root {
	 --theme-white-opacity-color: rgba(255, 255, 255, 0.5);  /* theme light color */
}
:root {
	--theme-dark-opacity-color: rgba(16, 15, 18, .8);
	/* theme dark color used*/
}
:root {
	 --text-light-color: #a5a5a5;  /* text light color */
}

/*==================================
Font Variable
==================================*/
:root {
	 /* --theme-general-font: 'Lato', sans-serif; */
	/*--theme-general-font: 'Quicksand', sans-serif;  Font use for normal text and general text */
	--theme-general-font: 'Raleway', sans-serif;
}
:root {
	 --theme-hiperlink-font: 'Raleway', sans-serif; /* Font use for normal text and general text */
}
:root {
	 --theme-highlight-font: 'Raleway', sans-serif; /* Font used in title or special area */
}
body {
	font-weight: 500;
	font-size: 15px
}
.dropdown-item,
.navbar-expand-lg .navbar-nav .nav-link  {
	font-size: 14px;
	font-weight: 600
}
.simple-video-play a {
	background-color: var(--theme-white-opacity-color)
}
.btn-link,
.btn {
	border-radius: 0;
	font-weight: 500;
	font-size: 14px;
	border-radius: 3px;
	text-transform: uppercase
}
.tagline, .tagline-2 {
	font-weight: 600;
	font-size: 16px
}

.banner-title {
	font-size: 48px
}

.footer-widget {
	font-size: 14px
}
.sub-title{
	font-weight: 500;
}
.sub-title {
	font-size: 17px
}
#page_wrapper.overlay::before {
	background-color: var(--theme-dark-opacity-color);
}

h1, .h1, h1 a {
	font-size: 42px
}

h2, .h2, h2 a {
	font-size: 42px
}

h3, .h3, h3 a {
	font-size: 36px
}

h4, .h4, h4 a {
	font-size: 30px
}

h5, .h5, h5 a {
	font-size: 26px
}

h6, .h6, h6 a {
	font-size: 21px
}

h1, h2, h3, 
.h1, .h2, .h3,
h1 a, h2 a, h3 a,
.h1 a, .h2 a, .h3 a {
	font-weight: 700
}

h4, h5, h6, 
.h4, .h5, .h6,
h4 a, h5 a, h6 a, 
.h4 a, .h5 a, .h6 a {
	font-weight: 600
}

@media screen and (max-width: 767px){
	h1, .h1, h1 a {
		font-size: 34px
	}

	h2, .h2, h2 a {
		font-size: 26px
	}

	h3, .h3, h3 a {
		font-size: 21px
	}
}