html {
	overflow:hidden;
	overflow-y: scroll;
	}
html,
body {
  width:100% !important;
  height: 100% !important;
  background:#000;
  color: #fff;
  font-size:18px;
  font-family:'Roboto',sans-serif !important;
}
body.modal-open{
    width:100% !important;
    padding-right:0 !important;
    overflow-y:scroll !important;
    position:fixed !important;
}
main{margin-top:132px;}
input::-moz-focus-inner { border: 0; }
::-webkit-validation-bubble-message { display: none; }
img:focus {outline: none !important;}

h1{font-size:72px;}

h2{	font-size:48px;}
	
p{font-size:30px;}


a,
a:active,
a:link {
	  color:#fdb801;
	  -webkit-transition: all .35s ease-out;
      -moz-transition: all .35s ease-out;
       transition: all .35s ease-out;
	  
}
a:hover,
a:focus {
	color:#fff;
}

a.white,
a.white:active,
a.white:link {
	  color:#fff;
	  -webkit-transition: all .35s ease-out;
      -moz-transition: all .35s ease-out;
       transition: all .35s ease-out;
}
a.white:hover,
a.white:focus {
	color:#fdb801;
}
a, btn { 
outline:none !important;
cursor:pointer !important;
text-decoration: none !important;
background-color:transparent;}

.tnormal{text-transform:none !important;}

.fw300{font-weight:300 !important;}
.fw400{font-weight:400 !important;}
.fw500{font-weight:500 !important;}
.fw700{font-weight:700 !important;}

.cocre{color:#fdb801;}
.cwhite{color:#fff;}
.cblack{
	color:#000 !important;
	font-weight:600;}

.btn.btn-order{
	color:#000 !important;
	background-color:#fdb801;
	padding:0 10px;
	margin-top:6px;
	font-size:30px;
	font-weight:700;
	font-family:'Roboto',sans-serif !important;
}
.btn.btn-order:hover{
	color:#fff !important;
}
.ileft{
	float:left;
	margin-right:10px;
	}
.sep{
	width:92%;
	height:3px;
	background-color:#fdb801;
	margin:50px auto;
}	
.cont{
	display:block;
	clear: left;
}
.navbar{
	border-bottom:4px solid #ffe100;
	padding:0;
	margin:0;

}
.nav-item{position:relative;}
header{
	position:relative;
	width:100%;
	height:auto;
}
.ecenter{
	 position: absolute;
  top: 80%;
  left:25%;
  transform: translateY(-50%);

}




a.nav-link{
	font-size:36px;
	font-weight:600;
	color:#fdb801;
	display:inline-block;
	margin:0 20px;
	font-family:'Roboto Condensed',sans-serif !important;
}
ul li:last-child{
	margin:0;
}
a.nav-link:hover{
  color:#fff;
}
ul.navbar-ul{
	list-style: none;
}

.nav-item.icon img{
	margin:18px 0 0 30px;
	height:45px;
}





.tborder{
	color:#ffe100;
	text-shadow: 3px 0 #c70d12, -3px 0 #c70d12, 0 3px #c70d12, 0 -3px #c70d12,
               2px 2px #c70d12, -2px -2px #c70d12, 2px -2px #c70d12, -2px 2px #c70d12;
}
.iborder{
	border:5px solid #c70d12;
	border-radius: 5px;
}

.cartb{
	border:2px solid #fdb801;
	color:#fdb801;
	font-weight:600;
}
.excontrol{
	display:none !important;
}
.econtrol{
	display:inline-block !important;
}


/***************** carousel ****************/
.carousel {
 border:none;
 border-top:4px solid #dc0000;
 border-bottom:4px solid #dc0000;
}
.carousel-control-prev-icon {
  background-image:none;
  font-size:70px;
}

.carousel-control-next-icon {
  background-image:none;
  font-size:70px;
}
.form-control.inp,.form-select.inp{
	display:inline-block !important;
}
.hidden{
	display:none !important;

}
.btn.breturn{
	background-color:#fc0012;
	color:#fff;
	width:135px;
	height:50px;
	
}
div.lshirt,div.rshirt{
	display:inline-block;
	width:120px;
}
div.lshirt{
text-align:left;
}
div.rshirt{
text-align:right;
}
div.hatclass{
	display: flex;
	align-items: flex-end;
	height:100%;
}
div.hatclass div{
	margin:0 auto;
	vertical-align: bottom
}

footer .instaicon{
	 position: absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
}
footer .nvfoot{
	 position: absolute;
  top:60%;
  left:0;
  transform: translateY(-50%);
}
		

/***************** foot ****************/


footer{
	position:relative;
	width:100%;
	padding:15px 2px 20px 2px;
	background-color:#231f20;
	text-align:center;
	
}
footer .navbar-nav{
	border:none;
	 border-top:4px solid #fdb801;
	 border-bottom:4px solid #fdb801;
	 padding:20px 0;
}

footer .navbar-nav,
footer .navbar-nav li,
footer .navbar-nav li a{
	display:inline-block;
	line-height:10px;
}


footer a.nav-link{
	font-size:36px !important;
	font-weight:700;
	color:#fdb801;	
	margin:0 20px;
}
footer div.ecenter{
	 position: absolute;
  top: 50%;
  left:19%;
  transform: translateY(-50%);
}
footer .navbar-nav a.nav-link:hover {
  color:#fff;
}

footer .copyright{
	display:block !important;
	margin-top:20px;
}
footer .copyright,
footer .copyright a{
	font-size:16px;
	display:inline-block;
	color:#fff;
}

footer .copyright a:hover{
	color:fdb801;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 767px){ 

h1{font-size:32px;}
h2{	font-size:26px;}
h3{	font-size:22px;}
p{font-size:15px;}



.table.table-dark{
	font-size:12px !important;

}
#addform{
	margin:0 20px !important;
	font-size:12px !important;
}

.navbar-toggler {

	  border:1px solid transparent;
	  background-color:#e80000;

	}
	.fas.fa-align-justify {
	  color:#fff !important;
	}
	
	.cartb{
	border:2px solid #fdb801;
	color:#fdb801;
	font-weight:600;


}
	
	
	.collapse.navbar-collapse{
		position:relative;
			width:100%;
		background-color:#e80000;
		margin:0;
		padding:0;
		z-index:100 !important;
	}
	
	.ecenter{
	 position: relative;
	  top:0;
	  left:0;
	  transform:none;
	  text-align:center;
}
		
	.collapse.navbar-collapse .navbar-nav{	
		margin:0 auto;
		padding:0;
		background-color:#e80000;
		text-align:center;
        width:100%;
	
	}
			
	.collapse.navbar-collapse .nav-item {
		border-bottom:2px solid #ffe222;
	}
	
	.collapse.navbar-collapse .nav-item:last-child{
		border-bottom:none;
	}
	
	.collapse.navbar-collapse  .nav-link{
		color:#fff !important;
		font-size:18px;
		font-weight:700;
	}
	ul.navbar-ul {
		margin-top:3px;
	}
	
	
	.navbar-toggler:focus {
	  box-shadow:none;
	  
	}


	.carousel-control-prev-icon,
	.carousel-control-next-icon {
	  font-size:30px;
	}
	
	.imgleft{
		margin-bottom:10px;
	}
	.ileft, .ileft2{
		display:block;
		float:none;
		margin:0 auto !important;
		width:50%;
		height:auto;
	}
	.ileft2{
		margin-bottom:25px!important;
	}
	

div.hatclass{
	display: block;
	align-items:none;
	height:auto;
	padding:25px;
}
div.hatclass div{
	margin:0 auto;
	vertical-align: bottom
}

footer .instaicon{
	 position:relative;
  top:0;
  left:0;
  transform:none;
}
footer .nvfoot{
	 position:relative;
  top:0;
  left:0;
  transform:none;
}
		
	
	.nav-item.icon img{
	margin:18px 0 30px 30px;
	height:45px;
}

	
	
	
	
 }
 

 @media (min-width: 764px) and (max-width: 880px){
a.nav-link{
	font-size:20px;
	margin:0 15px;
}
 }
 @media (min-width: 880px) and (max-width: 1230px){
a.nav-link{
	font-size:26px;
	margin:0 15px;
}

 }
@media (max-width: 1230px){


footer{
	height:200px;
}
footer .navbar-nav{
	 border-top:2px solid #fdb801;
	 border-bottom:2px solid #fdb801;
	 padding:5px 0;
}

footer .navbar-nav,
footer .navbar-nav li,
footer .navbar-nav li a{
	display:inline-block;
	line-height:10px;
}
footer div.ecenter{
	 position: relative;
  top:0;
  left:0;
  transform:none;
  text-align:center;
}
		

footer a.nav-link{
	font-size:16px !important;
	font-weight:400;
	margin:0 10px;
}
	footer .copyright{
	margin-top:10px;
}
	footer .copyright,
	footer .copyright a{
		font-size:12px;
		display:inline-block;
		color:#fff;
	}

}
@media (min-width: 764px) and (max-width: 1230px){

h1{font-size:32px;}
h2{	font-size:26px;}
h3{	font-size:22px;}
p{font-size:15px;}
.ileft, .ileft2{
		width:20%;
	}
a.nav-link{
	font-size:15px;
	margin:0 10px;
}
}

 @media (min-width: 1231px) and (max-width: 1682px){

h1{font-size:32px;}
h2{	font-size:26px;}
h3{	font-size:22px;}
p{font-size:15px;}
a.nav-link{
	font-size:26px;
	margin:0 10px;
}

footer a.nav-link{
	font-size:26px !important;
	font-weight:400;
	margin:0 10px;
}
	footer .copyright{
	margin-top:10px;
}
	footer .copyright,
	footer .copyright a{
		font-size:12px;
		display:inline-block;
		color:#fff;
	}

}