@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Light.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

/* Global styles*/
body{
	font-family: 'Lato';
}
h1,h3,p{
	font-weight: 400;
	font-style: normal;
	color: white;
}
h1{ 
	font-weight: 700;
	font-size: 40px;
	text-align: center;
	text-transform: uppercase;
}
h3{
	font-size: 36px;	
}

ul li{
	font-weight: 200;
	margin: 0px;
}

ul{
	padding-left: 20px;
}

/*Top bar*/
.hifi-logo{
	width: 23%;
	height: auto;
	padding: 10px;
	float: left;

}
.debug-logo{
	width: 40%;
	height: auto;
	padding: 10px;
	float: right;		
		
}
.debug-project-logo {
	width: 40%;
	height: auto;
	padding: 10px;
	margin-left: -60px;
			
}
.debug-project-logo-div {	
	text-align: center;	
			
}

@media (min-width: 992px){
	.hifi-logo {
		width: 23%;			
	}
	.debug-logo {
		width: 40%;				
	}
	.debug-project-logo {
	width: 40%;
}
}
@media (max-width: 768px){
	.hifi-logo {
		width: 60%;			
	}
	.debug-logo {
		width: 100%;				
	}
	.debug-project-logo {
	width: 100%;
	margin-left: -70px;
}
}
@media (max-width: 575px){
	.hifi-logo {
		width: 70%;			
	}
	.debug-logo {
		width: 100%;				
	}
	.debug-project-logo {
	width: 100%;
	margin-left: -25px;		
}
}



/*Navigation bar styles*/
.navbar-custom{
	margin-right: 30px;
}
#main-navbar.navbar-light .navbar-nav .nav-link{
	color: white;
	font-size: 24px;
	line-height: 48px;
	font-weight: 400;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 1px;	
	background-color: transparent;
}
#main-navbar.navbar-light .navbar-nav .nav-link:hover{
	background-color: #a8a8a8;
}
#navbar-bg{
	background-color: #989696;
	height: 65px;
}
.dropdown-menu-custom{
	border-radius: 0rem;
	font-size: 20px;
}
#main-navbar.navbar-light .navbar-nav .nav-link.active{
	background-color: #848383;
}
.dropdown-item.active{
	background-color: #989696;
}
.dropdown-item:active{
	background-color:  #989696;
}
@media (max-width: 991px){
	#main-navbar.navbar-light .navbar-nav .nav-link:hover{
		color: darkgrey ;
		background: white;
		width: 100%;
		height: auto;
	}
	.navbar-custom{
		margin-right: 0px;
	}
	#navbar-bg{
		background-color: #b1a9a9;
		height: auto;
	}
	#main-navbar.navbar-light .navbar-nav .nav-link{	
		line-height: 20px;		
	}
}

/*Main Banner*/
.main-banner-img{
	padding: 0px;
	width:100%;
	border-radius: 0rem;
}
.main-banner-text{
	text-align: center;
	margin:auto;
}
.custom-banner-overlay{
	background-color: #00000061;
	display: flex;
}
.main-title{
	margin-top: 69px;
	margin-bottom: 50px;
	color: #b1a9a9;
}
#main-slider p{
	text-align: center;
	color: #fff;
}
.solutions-title{
	color: #ed1b23;
	text-align: center;
	text-transform: uppercase;
	line-height: 26px;
	margin-bottom: 0px;
	margin-top: 69px;
}
.solutions-underline{
	height: 4px;
	background-color: #b91a1f;
	width: 34px;
	margin: auto;
	margin-top: 8px;
	margin-bottom: 69px;
}
.solutions-image img{
	width: 100%;	
}
.solutions-image .card{
	margin-bottom: 30px;
	border-radius: 0px;
	border: 0px;	
}
.solutions-image .card-title{
	text-align: center;
	font-size: 24px;
	margin:auto;
}
.solutions-image .card-title a{
	color: white;
}
.solutions-image .card-title a:hover{
	text-decoration: none;
	color: white;
}
.solutions-overlay{
	background-color: #00000061;
	display: flex;
	padding: 60px;
}
.solutions-overlay:hover{
	background-color: #00000071;	
}
.solutions-image{
	margin-bottom: 69px;
}
@media (max-width: 991px){
	.main-banner-img .card-img {
		width: 100%;
		height: auto;
	}
	.main-title{
		font-size: 36px;
	}
	.main-banner-text{
		font-size: 14px;
		margin-bottom: 10px;
	}
}
@media (max-width: 575px){
	.solutions-title{
	font-size: 26px;
}
}

/*Footer styles*/
footer{
	background-color: #989696;
	color: white;
	height: 69px;
	display: flex;
	text-align: center;
	font-size: 18px;
}
footer p{
	margin:auto;
	color: white;
	font-weight: 400;
}
@media (max-width: 767px){
	footer p{
		text-align: center;
		font-size: 12px;
	}
}

/*About Us Styles*/
.aboutus-title-one{
	color: #ed1b23;
	text-align: center;
	text-transform: uppercase;
	line-height: 26px;
	margin-bottom: 0px;
}
.aboutus-title-two{
	color: #ed1b23;
	text-align: center;
	text-transform: uppercase;
	line-height: 26px;
	margin-top: 69px;
}
.aboutus-underline{
	height: 4px;
	background-color: #b91a1f;
	width: 34px;
	margin: auto;
	margin-top: 8px;
	margin-bottom: 69px;
}
.aboutus-sub-titles{
	color: #b5b6b9;
	text-align: left;
	margin-top: 35px;
	margin-bottom: 20px;
	font-size: 24px;
}
.aboutus-sub-titles-first{
	color: #b5b6b9;
	text-align: left;
	margin-bottom: 20px;
	font-size: 24px;
}
p{
	font-weight: 200;
	font-style: normal;
	color:  #434343;
	font-size: 18px;
	text-align: justify;
}
.sub-title{
	color: #ed1b23;
	text-align: center;
	text-transform: uppercase;
	margin-top:40px;
}

/*Soutions Pages Common*/

.solutions-projects-single,
.solutions-products-single
{
	text-align: center;
	margin-bottom: 30px;
}

.solutions-projects-single img
{
	width: 100%;
	margin-bottom: 20px;
}

.solutions-projects-single h5,
.solutions-projects-single p,
.solutions-projects-single ul li,
.solutions-products-single h5,
.solutions-products-single p,
.solutions-products-single ul li{
	text-align: left;
}

/*ELV Solutions Styles*/
.elv-sub-titles{
	color: #b5b6b9;
	text-align: left;
	margin-top: 35px;
	margin-bottom: 20px;
	font-size: 24px;
}

#elv-products .solutions-products-single h5{
	text-align: center;
}

/*Professional AV Styles*/
.pro-sub-titles{
	color: #b5b6b9;
	text-align: left;
	margin-top: 35px;
	margin-bottom: 20px;
	font-size: 24px;	
}
.pv-projects-images{
	width: 100%;
	margin-top: 2px;
	margin-bottom: 30px;
	text-align: center;
}
.pv-projects-brand-images {
	width: 50%;
	margin-top: 2px;
	margin-bottom: 0px;
	text-align: center;
}

#av-nav-tab{
	margin-top: 50px;
}

#av-tab-content{
	margin-top: 50px;
}
.custom-style{
	margin-top: 40px;
	margin-bottom: 30px;
	display: flex;
}

/*Contact Us Page*/
.contactus-sub-title{
	color: #ed1b23;
	text-align: left;
	font-size: 18px;
	margin-bottom: 10px;
	
}
.contactus-three-div{
	margin-bottom: 10px;
}
.contactus-three-div-last {
	border-right: 0px;
}
#debug-branches-map {
	height: 600px;
	width: 100%;
	margin-bottom: 50px;
}
.contactus-three-div .para-text a{
	color: darkblue;
}
.contactus-three-div .para-text a:hover{
	text-decoration: none;
	color: blue;
}
.contactus-three-div-last .para-text a{
	color: darkblue;
}
.contactus-three-div-last .para-text a:hover{
	text-decoration: none;
	color: blue;
}

.title-logo{
	width: 15%;
	margin-top: 40px;
	margin-bottom: 40px;
}

@media (max-width: 575px){
	.contactus-sub-title{	
		text-align: center;		
	}
	.contactus-three-div .para-text {
		text-align: center;
	}
	.contactus-three-div-last .para-text {
		text-align: center;
	}
}