@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
h1,h2,h3,h4,h5,h6,p,ul,li,a,p{
	padding: 0;
	margin: 0;
}
.container{
	widows: 1170px;
}
.header{
	position: absolute;
    z-index: 545454545;
    width: 100%;
}
.header .top_bar{
	padding: 10px 0;
}
.header .top_bar ul{
	display: flex;
	float: right;
}
.header .top_bar ul li{
	list-style-type: none;
	padding: 0 15px;
}
.header .top_bar ul li a{
	color: white;
	letter-spacing: 1px;
	text-decoration: none;
	transition: 0.9s;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}
.header .top_bar ul li a:hover{
	color: #d32038;
}
.header .top_bar ul li a span{
	margin-right: 5px;
}
.header .menu{
	background-image: url('../img/header_bg.png');
	background-size: 100%;
	padding: 15px 15px;
}
.header .search_input{
	background-image: url('../img/search_bg.png');
	background-size: 100%;
	height: 25px;
	padding-right: 32px;
}
.navbar{
    padding: 35px 0;
    margin: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
    margin: 0 20px;
    color: black;
    transition: all 0.4s;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 400;
}
.nav-item span{
    border: solid 1px black;
    padding: 10px;
    transition: all 0.4s;
}
.nav-item span:hover{
    border: solid 1px #d32038;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #d32038;
}
.header nav input{
	border-radius: 0;
	border: none;
	padding: 0;
	margin: 0;
}
.header nav form{
	position: relative;
}
.display_none_in_lg{
	display: none;
}
.header .submit_button{
	position: absolute;
	right: 0;
	border: none;
	background-color: #ff4e3c;
	color: white;
	border-radius: 0;
	font-size: 9px;
	transition: 0.9s;
}
.header .submit_button:hover{
	background-color: black;
	color: #ff4e3c;
}
.header nav ul{
	margin: auto;
}
.dropdown-slide > .dropdown-menu {
  opacity: .3;
  display: block;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform: scale(1, 0);
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}

.show.dropdown-slide > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .0rem;
}
.dropdown-menu a:hover{
	color: red;
}

.about_us{
	background-image: url('../img/about_us_bg.png');
	padding-bottom: 30px;
	    padding-top: 60px;
}
.about_us h1{
	font-family: 'Roboto Condensed', sans-serif;
	color: #000000;
	font-size: 35px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.about_us h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 35px;
	color: #d31f37;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.about_us a{
	float: right;
	background-color: #d31f37;
	padding: 8px 25px;
	border-radius: 35px;
	color: white;
	text-decoration: none;
	transition: 0.9s;
}
.about_us a:hover{
	color: black;
}
.about_us p{
	font-size: 14px;
	color: black;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 1px;
	padding-top: 10px;
	font-weight: 200;
}
.our_categories{
	width: 100%;
	background-image: url('../img/ourcategories_bg.jpg');
	background-size: 100%;
	padding-top: 10px;
	padding-bottom: 100px;
	background-repeat: no-repeat;
}
.our_categories{
	background-color: white;
}
.our_categories .cat_bot{
	background-color: #d31f37;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 10px;
	text-decoration: none;
	margin-top: 15px;
}
.our_categories .cat_bot :hover .detail{
	color: black;
}
.our_categories .images{
	widows: 100%;
}
.our_categories .images img{
	width: 100%;
	border-radius: 10px;
}
.our_categories .detail{
	text-align: center;
	widows: 100%;
	color: white;
	text-decoration: none;
	transition: 0.9s;
	padding: 5px 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
}
.more2:hover{
	color: black;
}
.feature_prd{
	background-image: url('../img/featured_prd_bg.jpg');
	background-size: 100%;
	padding-bottom: 100px;
}
.feature_prd .feature_prd_title{
	text-align: center;
	width: 100%;
}
.feature_prd .feature_prd_title h1{
	font-size: 28px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}
.feature_prd .feature_prd_title p{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}
.feature_prd .feature_prd_box{
	border: solid 2px #d1d1d1;
	border-radius: 20px;
	padding: 10px;
	transition: 0.9s;
	background-color: white;
}
.feature_prd .feature_prd_box:hover{
	border: solid 2px #d31f37; 
}
.feature_prd .feature_prd_box:hover .detail h1{
	color: #d31f37;
}
.feature_prd .feature_prd_box:hover .detail h2{
	color: #d31f37;
}
.feature_prd .feature_prd_box .images{
	width: 100%;
	border-radius: 20px;
}
.feature_prd .feature_prd_box .images img{
	width: 100%;
	border-radius: 20px;
}
.feature_prd .feature_prd_box .detail{
	text-align: center;
}
.feature_prd .feature_prd_box .detail h1{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	padding-top: 10px;
	transition: 0.9s;
	font-weight: 500;
}
.feature_prd .feature_prd_box .detail h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	padding-top: 5px;
	transition: 0.9s;
	font-weight: 500;
}
.feature_prd .feature_prd_link{
	text-decoration: none;
	color: black;
}
.map .section_title{
	text-align: center;
}
.map .section_title h1{
	font-size: 28px;
	padding-top: 50px;
	padding-bottom: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}
.map .section_title p{
	padding-bottom: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}
.footer{
	background-image: url('../img/footer_bg.png');
	background-size: 100%;
	padding-top: 30px;
	padding-bottom: 15px;
}
.footer .footer_about h1{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	font-size: 30px;
	padding-bottom: 10px;
}
.footer .footer_about p{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #787878;
	line-height: 23px;
}
.footer .footer_about img{
	padding-top: 5px;
}
.footer_our_products h1{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	font-size: 30px;
	padding-bottom: 10px;
}
.footer_our_products ul{
}
.footer_our_products ul li{
	list-style-type: none;
	float: left;
	margin: 11px 30px 0 0;
}
.footer_our_products ul li a {
    color: #787878;
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    transition: 0.9s;
    font-weight: 400;
}
.footer_our_products ul li a:hover{
	color: #d31f37;
}
.footer_contcat h1{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	font-size: 30px;
	padding-bottom: 10px;
}
.footer_contcat_detail{
	
}
.footer_contcat_detail li{
	list-style-type: none;
	padding-top: 8px;
}
.footer_contcat_detail li a{
	font-size: 12px;
	color: #787878;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
}
.footer_contcat_detail li a:hover{
	
}
.footer_contcat_detail li a span{
	color: #d31f37;
	margin-right: 5px;
	padding-right: 15px;
}
.our_categories .left h1{
        text-align: center;
    color: black;
    text-decoration: none;
    transition: 0.9s;
    padding: 5px 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    padding-top: 67px;
}
.footer_social{
	display: flex;
	padding-top: 30px;
}
.footer_social li{
	list-style-type: none;
	width: 40px;
	height: 40px;
	background-color: #e4e4e4;
	text-align: center;
	line-height: 40px;
	border-radius: 50px;
	margin-right: 20px;
	display: block;
	transition: 0.9s;
}
.footer_social li a{
	color: #333333;
}
.footer_social li li a span{
	font-size: 14px;
	
}
.footer_social li:hover{
	background-color: #d31f37;
}
.inquiery_page input{
	width: 340px;
}
.copyright{
    background-color: #ed0020;
    padding: 10px 0;
}
.copyright p{
    color: white;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1.2px;
}
.copyright p a{
    color:  white;
    transition: 0.9s ease;
    
}
.copyright p a:hover{
    color: white;
}