:root {
  --redtheme: #cc392f;
  --bluetheme: #2c6bbb;
}
*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none !important;
}
.top-bar{
	background-color: var(--redtheme);
	padding: 8px 0;
}
.top-bar ul li,
.top-bar ul li a{
	color: #fff;
}
.top-bar ul li a:hover{
	opacity: 0.8;
}
.header{
	background-color: #fff;
	padding: 5px 0;
}
.header.header-theme{
	background-color: var(--bluetheme);
}
.header .logo{
	/*width: 80px;*/
	height: 80px;
	text-align: left;
}
.header .logo img{
	height: 100%;
	object-fit: contain;
	-webkit-object-fit: contain;
	-moz-object-fit: contain;
	-ms-object-fit: contain;
	-o-object-fit: contain;
}
.header .menu ul li{
	margin-left: 15px;
}
.theme-btn{
	display: block;
	background-color: var(--bluetheme);
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	padding: 10px 15px;
}
.theme-btn:hover{
	color: #fff;
	opacity: .8;
}
.header .menu ul li a.bars{
	font-size: 24px;
	color: var(--bluetheme);
}
.theme-bar{
	height: 5px;
	background-color: var(--redtheme);
}