/*==================================
Theme Color All Codes Variable
==================================*/
:root {
	--theme-general-color: #5a5a5a;  /* theme gray color */
}
:root {
	/*--theme-primary-color: #f8b004;  /* theme primary color */
	--theme-primary-color: #e32c1b;
}
:root {
	--theme-secondary-color: #1b1b1b;  /* theme secondary color */
}
:root {
	--theme-white-color: #ffffff;  /* theme white font color */
}
:root {
	--theme-extra1-color: #acacac;  /* theme extra1 font color */
}
:root {
	--theme-gray-color: #f5f5f5;  /* theme gray color */
}
:root {
	--theme-dark-color: #0f1011;  /* theme dark color */
}
:root {
	--theme-footer-color: #0f0f2a;  /* theme dark color */
}
:root {
	--theme-primary-opacity-color: rgba(231, 154, 21, .8);  /* theme secondary color */
}
:root {
	--theme-secondary-opacity-color: rgba(0, 0, 0, .9);  /* 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*/
}


/*==================================
Font Variable
==================================*/
:root {
	--theme-general-font: 'Open Sans', sans-serif; /* Font use for normal text and general text */
}
:root {
	--theme-hiperlink-font: 'Montserrat', sans-serif; /* Font use for normal text and general text */
}
:root {
	--theme-highlight-font: 'Montserrat', sans-serif;  /* Font used in title or special area */
}
body {
	color: var(--theme-general-color);
}
p {
	line-height: 26px;
}
h1, 
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: var(--theme-highlight-font);
	text-transform: uppercase;
}
h1, 
.h1 {
	font-size: 34px;
	font-weight: 700;
}
h2, 
.h2 {
	font-weight: 700;
	font-size: 30px;
}
h3, 
.h3 {
	font-weight: 700;
	font-size: 24px;
}
h4, 
.h4 {
	font-weight: 700;
	font-size: 21px;
}
h5, 
.h5 {
	font-weight: 700;
	font-size: 18px;
}
h6, 
.h6 {
	font-weight: 700;
	font-size: 16px;
}