@font-face {
    font-family: Ptsans;
    src: url(../fonts/PTC55F.ttf);
}

@font-face{
	font-family: Monotype Corsiva;
    src: url(../fonts/Monotype Corsiva.ttf);
}
body{
	font-family: Ptsans;
}
.custom-container{
	padding-left:3rem;
	padding-right:3rem;
}
.gap{
	margin: 5rem auto;
}
/*=========header up design==========*/

.upper-header{
	background-color: #01171E;
	margin-bottom: 0px;
	border: none;
	border-radius: 0px;
	padding-left: 0px;
}

.title-container img{
	width: 7rem;
	float: left;
	margin-left: 4rem;
	margin-bottom: 0rem;
	
}

.title-container h1{
	float: right;
	margin: 0rem 0 0 auto;
	color: #FF0;
}

.title-container h1 span.tagline{
	
	font-size: 1rem;
}
.header-contact h4{
	color: #fff;
}

.title-container{
	width: auto;
	border-bottom: 5px solid #fff;
	margin-bottom: -6rem;
	display: inline-block
}

.title-container h1 span{
	color: upper-header;
}

@media screen and (max-width: 767px) {
	.title-container{
		margin-bottom: 0rem;
	}

	.title-container img{
		width: 5rem;
		float: left;
	}
	.title-container h1{
		float: right;
		font-size: 2rem;
	}
	.header-contact h4{
		margin-bottom: 0px;
	}

}

@media screen and (min-width: 768px) {
	.header-contact{
		margin-bottom: 2rem;
	}
}
/*========  navigation menu design ==========*/
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-custom .navbar-toggle {
    border-color: #ED1C24;
}

.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover {
    background-color: #3ecdd8;
}

.navbar-custom{
	border-radius: 0px;
	background-color: #141616;
	border: none;
	margin-bottom: 0rem;
}

.navbar-custom .navbar-nav > li > a:focus{
	color: #fff;
}

@media (min-width: 768px){
    .navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
        width: 100%;
    }
    .navbar-nav>li {
        display: table-cell;
        float: none;
        text-align: center;
    }

/*This style implemented in jquery*/
/*	.navbar-custom .navbar-nav > li{
		width: 12.5%;
	}
*/
	.navbar-custom .navbar-nav > li > a{
		color: #fff;
		border-right: 1px solid #fff;
	}

	.navbar-custom .navbar-nav > li:last-child a{
	    border-right:none;
	}

	.navbar-custom .container-fluid{
		padding-left: 0px;
		padding-right: 0px;
	}

	.navbar-collapse{
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
} 

.dropdown-menu:li {
    text-align: left;
}

.dropdown:hover .dropdown-menu {
    display: block!important;
    margin-top: 0; 
    width: auto;
}

.navbar-custom .navbar-nav > li > a:hover{
	background-color: #4C4C4C;
	color: #fff;
	transition: all ease 0.5s;
}

.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:focus, .navbar-custom .navbar-nav > .active > a:hover{
	color: #fff;
	background-color: #4C4C4C;
}

.custom-dropdown{
	border-radius: 0px;
	background-color: #232825;
	width: 100%;
	padding: 0px;
}

.custom-dropdown li a{
	color: #fff;
	padding: 1.5rem;
	border-bottom: 1px solid #fff;
}

.custom-dropdown li a:hover, .custom-dropdown li a:focus{
	background-color: #4C4C4C;
	color: #fff; 
	transition: all ease 0.5s;
}

.page-title span{
	margin-top: 3rem;
	font-size: 7rem;
	font-style: italic;
	color: #554BE6;
}
/*=========contact page design========*/

.address-box div p{
	font-size: 1.6rem;
}

.address-box .panel-heading{
	background-color: #5B2535;
	color: #fff;
}

.address-box .panel-body{
	background-color: #527A7A;
	color: #fff;
}

/*=========product management pages design============*/

.sidebar-menu{
    height: 30rem;
}

.list-group-custom a{
 	padding: 2rem;
 	background-color: #1E1E1E;
 	color: #fff;
}

.list-group-custom a:hover{
 	background-color: #4C4C4C;
 	color: #fff;
 	transition: all ease 1s;
}

.sidebar-menu-title{
	background-color: #011613!important; 
	font-size: 2rem;
	font-weight: 700;
	color:#fff!important;
}

.pro-cart {
  margin-top: 0.5rem;
  border-bottom: 1px solid green;
}

.close-cross{
  font-size:2.5rem;
  color:red;
}

.close-cross:hover{
  text-decoration:none;
  color:red;
}

#product_cart>div>label{
  text-align: left!important;
}

/*======================== mpdf design custom =======================*/

table.table-invoice>thead>tr>th{
  text-align: center!important;
  padding: 1rem;
}


.padding-lr-few{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.padding-lr-vfew{
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

.padding-lr-less{
	padding-left: 0;
	padding-right: 0;
}

.padding-r-less{
	padding-right: 0;
}

.padding-l-less{
	padding-left: 0;
}

.margin-b-less{
	margin-bottom: 0;
}

.margin-bt-less{
	margin-bottom: 0;
	margin-top: 0;
}

.margin-b-few{
	margin-bottom: 0.2rem;
}

.margin-b-1{
	margin-bottom: 1rem;
}

.notification-list{
	position: absolute;
	z-index: 100;
	width: 25rem;
	height: 35rem;
	display: none;
	overflow-y:auto;
	overflow-x:hidden;
	border-radius: 0;
}

.notification-list li{
	padding: 1rem 1rem;
	background-color: #D91C24;
	color: #fff;
	border-radius: 0!important;
}

.stock-table{
	display: none;
}

.form-control, .btn, .panel, .panel-heading, .panel-body, .panel-footer{
	border-radius: 0;
}