/* CSS Document */
/*html {
    position: relative;
    height:100%;
    min-height: 100%;
}*/
body {
	font-family: 'Carrois Gothic SC', sans-serif;
	padding:0;
    margin: 0;
	/*
    height:100%;
    min-height:100%;
	*/
    background-color: #000;
	background-image: url(/tnb-new/images/honey_im_subtle_dark.png);
	/*
	background: -webkit-linear-gradient(to top, rgba(0,0,0,0.4) 1px, rgba(255,255,255,0) 10px),linear-gradient(to bottom, rgba(0,0,0,0.4) 1px, rgba(255,255,255,0) 10px),linear-gradient(90deg, #2d2d2d, #2d2d2d 5%, #2d2d2d 5%, #000000 45%, #2d2d2d);
	background: -o-linear-gradient(to top, rgba(0,0,0,0.4) 1px, rgba(255,255,255,0) 10px),linear-gradient(to bottom, rgba(0,0,0,0.4) 1px, rgba(255,255,255,0) 10px),linear-gradient(90deg, #2d2d2d, #2d2d2d 5%, #2d2d2d 5%, #000000 45%, #2d2d2d);
	background: -moz-linear-gradient(to top, rgba(0,0,0,0.4) 1px, rgba(255,255,255,0) 10px),linear-gradient(to bottom, rgba(0,0,0,0.4) 1px, rgba(255,255,255,0) 10px),linear-gradient(90deg, #2d2d2d, #2d2d2d 5%, #2d2d2d 5%, #000000 45%, #2d2d2d);
	background: linear-gradient(to top, rgba(0,0,0,0.4) 1px, rgba(255,255,255,0) 10px),linear-gradient(to bottom, rgba(0,0,0,0.4) 1px, rgba(255,255,255,0) 10px),linear-gradient(90deg, #2d2d2d, #2d2d2d 5%, #2d2d2d 5%, #000000 45%, #2d2d2d);
	*/
}
nav {
	padding: 20px;
	background-color: #000;
	text-align: center;
	box-shadow: 0px 2px 15px #171717;
	color:#FFF;
	font-size:26px;
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
	background-color:#dddddd;
}

.box-container{width:20%;float:left;}
.feature-container{width:80%;float:left;overflow:hidden;margin: 0 auto;}
.feature-container .padding{margin:10px;background-color: rgba(60, 60, 60, 0.9);border: 1px solid rgba(60, 60, 60,1);}
.feature-container .padding h1{color:#e31936;/*c1d42f*/margin:10px;}
.feature-container .padding h1 img{width:492px; max-width:100%;}
.feature-container .padding p {margin: 10px;font-family: Arial, Verdana, Helvetica, "Segoe UI Emoji", "Segoe UI Symbol";font-size: 13px;}

/*body::-webkit-scrollbar {width: 6px;background: #3a3a3a; }
body::-webkit-scrollbar-thumb {background: #e31936;}*/

  
.box{
	display:block;
    padding:30px 5px;
    /*background-color: #c1d42f;*/
    background-color: rgba(193,33,33,.5);
    margin: 10px;
    
    text-align: center;
    vertical-align: middle;
	font-size:16px;line-height:18px;
	
	transition:box-shadow .3s, color .3s, font-size .3s;
}  
a {text-decoration:none;font-weight:bold;color:#000;}
a.box:hover {/*color:#3D82AD;*/color:#eaeaea;background-color: #c12121;box-shadow: 2px 2px 5px #000;}
a.box:active {font-size:17px;}

  * {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    /* background-repeat:no-repeat; */
  }

  .wrapper {
   /* max-width: 960px;*/
    margin: 0 auto;
    overflow: hidden;
  }
  
  #toggleNav,#mySidenav{display:none;}
  
@media only screen and (max-width: 900px) {
	.box-container{width:100%;float:left;}
	.feature-container{width:100%;float:left;overflow:hidden;margin: 0 auto;}
	.feature-container .padding{margin:0;}
	.box{margin:1% !important;width:31.3%;float:left;}
}
@media only screen and (max-width : 640px ){
	.box{margin:0 !important;width:inherit;height:auto;line-height:auto;float:none;padding:20px 5px;border-bottom: 1px solid #380707;
		/* background: linear-gradient(to bottom,#771111 2%,#c12121 20%,#c12121 80%,#771111 98%); */
	}
	
  .box-container{display:none;}
  #toggleNav,#mySidenav{display:block;}
  #mySidenav{width:0;overflow:hidden;}
	
}