#bf4weapons-equipped-box {
    margin-bottom: 8px;
}

    #bf4weapons-equipped-box .box-content {
        padding: 16px 16px;
        position: relative;
    }

        #bf4weapons-equipped-box .box-content .bf4weapons-chain {
            /*height: 130px;*/
            margin-bottom: 0px;
        }

    #bf4weapons-equipped-box .claim.box-content {
        padding-top: 32px;
        padding-bottom: 36px;
    }

        #bf4weapons-equipped-box .claim.box-content .btn {
            width: 100%;
            margin-bottom: 16px;
        }

        #bf4weapons-equipped-box .claim.box-content .progress-bar {
            margin-top: 16px;
            margin-bottom: 8px;
        }

        #bf4weapons-equipped-box .claim.box-content .progress-info {
            font-size: 14px;
            margin-top: 10px;
        }
		
#bf4weapons-body {
    margin-top: -15px;
}

    #bf4weapons-body .bf4weapons-list .box {
        margin-bottom: 8px;
    }

    #bf4weapons-body .bf4weapons-list .grid.box .box-content {
        background: inherit;
        padding: 0px;
    }

    #bf4weapons-body .dogtag-aside button {
        width: 100%;
        margin-top: 8px;
    }

    #bf4weapons-body .dogtag-aside .advanced-active.selected-dog-tags.box-content .bf4weapons-chain .advanced {
        position: relative;
        z-index: 3;
    }
	
    #bf4weapons-body .dogtag-aside .advanced-active.selected-dog-tags.box-content .bf4weapons-chain .basic {
        position: relative;
        z-index: 2;
    }
	
    #bf4weapons-body .dogtag-aside .description.box-content p {
        line-height: 1.4;
        font-size: 12px;
    }

    #bf4weapons-body .dogtag-aside .seen.box-content {
        padding: 8px 16px;
        text-transform: uppercase;
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 600;
    }

    #bf4weapons-body .dogtag-aside .box-content .name {
        text-transform: uppercase;
        font-family: Purista, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
    }
	
.profile-stats-bf4weapons li {
    margin: 0px 1px 1px 0px;
    padding: 4px 1px 1px;
    width: 130px;
    height: 130px;
    float: left;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .profile-stats-bf4weapons li:nth-child(5n) {
        width: 132px;
        margin-right: 0px;
    }

    .profile-stats-bf4weapons li.disabled .bf4weapons {
        opacity: 1;
        filter: brightness(20%);
        -webkit-filter: brightness(40%);
    }
	
	.profile-stats-bf4weapons li.basic {
		opacity: 1;
	}
	
	.profile-stats-bf4weapons li.disabled {
		opacity: 0.5;
	}
	
.cssfilters .profile-stats-bf4weapons li.disabled .bf4weapons {
    opacity: 1;
    -webkit-filter: brightness(40%);
    -moz-filter: brightness(40%);
    -o-filter: brightness(40%);
}

.profile-stats-bf4weapons li:hover {
    background-color: rgba(7, 7, 7, 0.6);
}

.profile-stats-bf4weapons li.equipped {
    box-shadow: inset 0px 0px 0px 1px #fff;
}

.profile-stats-bf4weapons li.active {
    background-color: rgb(255, 255, 255);
	color: black;
}

    .profile-stats-bf4weapons li.active:hover {
        background-color: rgb(255, 255, 255);
    }

/* .profile-stats-bf4weapons .dogtag-image {

} */

.bf4weapons-chain {
    margin: -20px 20px;
	width: 300px;
	height: 300px;
}

    .bf4weapons-chain .basic {
        position: relative;
        z-index: 2;
    }

.bf4weapon-chain {
    margin: -20px 20px;
	width: 300px;
	height: 300px;
}

    .bf4weapon-chain .basic {
        position: relative;
        z-index: -2;
    }
	
.vertical .bf4weapons-chain .basic {
    display: block;
}

.horizontal .bf4weapons-chain .basic {
    /*transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);*/
    margin-left: 25px;
}

#bf4weapons-equipped-box .box-content .name-bf4weapon {
	line-height: 10px;
	padding: 10px;
	margin-left: -16px;
	font-size: 120%;
	width: 314px;	
	text-transform: uppercase;
}

.box-content .name-weaponh {
	line-height: 20px;
	margin-top: 30px;
	margin-left: -16px;
	font-size: 100%;
	width: 303px;
	text-transform: uppercase;
}

.titleh-box {
	/*line-height: 0px;*/
} 

#bf4weapons-equipped-box .box-content .desc-bf4weapon {
	line-height: 0px;
	font-size: 80%;
	margin-left: -16px;
	padding: 12px;
	width: 314px;
}

.box-content .desc-weaponh {
	line-height: 15px;
	font-size: 80%;
	margin-left: -16px;
	width: 303px;
}

.box-content .desc-bf4weapon .img-rank-bf4weapon {
	margin-top: -4px; 
	margin-left: -5px; 
	position: absolute;
	background-image: url("../bf4/img/assignments/icon-rank.png");
}
/*
.box-content .desc-bf4weapon .img-xp0-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bf4/img/expansionpacks/xp0-1.gif");
}

.box-content .desc-bf4weapon .img-xp1-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bf4/img/expansionpacks/xp1-1.gif");
}

.box-content .desc-bf4weapon .img-xp2-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bf4/img/expansionpacks/xp2-1.gif");
}

.box-content .desc-bf4weapon .img-xp3-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bf4/img/expansionpacks/xp3-1.gif");
}

.box-content .desc-bf4weapon .img-xp4-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bf4/img/expansionpacks/xp4-1.gif");
}

.box-content .desc-bf4weapon .img-depend-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bf4/img/assignments/icon-depend.png");
}*/

.accessories4-box {
    margin-top: 140px;
	margin-left: -16px;
	line-height: 25px;	
    width: 335px;
    height: 24px;
	background-color: rgba(7, 7, 7, 0.9);
}

.weaponsaccessories4 {
	margin-left: -16px;
	margin-top: -15px;
	width: 356px;
	position: relative;
	z-index: 2;
}

.accessoriesBattlepack4-box {
	margin-left: -16px;
	line-height: 25px;	
    width: 335px;
    height: 24px;
	background-color: rgba(7, 7, 7, 0.9);
}

.weaponsaccessoriesBattlepack4 {
	margin-left: -16px;
	margin-top: -15px;
	width: 356px;
}

.weaponBoxAccess {
    display: inline-block;
    width: 55px;
    height: 40px;
	  margin: 0px 1px 1px 0px;
    padding: 7px 1px 1px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	opacity: 0.1;
}

.weaponBoxAccessunhide{
    display: inline-block;
    width: 55px;
    height: 40px;
	  margin: 0px 1px 1px 0px;
    padding: 7px 1px 1px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	z-index: 3;
}
/*Accessories from Kills*/

.weaponBoxAccessunhide .rds {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .rds {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .rds::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .rds {
/*word-break: break-word;*/
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .laser_targetpointer {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .laser_targetpointer {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .laser_targetpointer::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .laser_targetpointer {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .foregrip_ergo {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .foregrip_ergo {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}
.weaponBoxAccessunhide .foregrip_ergo::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .foregrip_ergo {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .muzzlebreak {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;  
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .muzzlebreak {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;  
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .muzzlebreak::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .muzzlebreak {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .pist_ghost {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;  
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .pist_ghost {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;  
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .pist_ghost::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_ghost {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .pist_rds {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;  
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .pist_rds {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;  
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .pist_rds::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_rds {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .pist_duckbill {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;  
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .pist_duckbill {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;  
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .pist_duckbill::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_duckbill {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .pist_supp {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;  
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .pist_supp {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;  
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .pist_supp::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_supp {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .pist_delta {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;  
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .pist_delta {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;  
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .pist_delta::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_delta {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .acog {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .acog {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .acog::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .acog {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .ironsight {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .ironsight {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .ironsight::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .ironsight {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .angledgrip {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .angledgrip {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .angledgrip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .angledgrip {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .heavybarrel {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .heavybarrel {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .heavybarrel::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .heavybarrel {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .m145 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .m145 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .m145::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .m145 {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .flashlight {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .flashlight {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .flashlight::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .flashlight {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .tacticallight {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .tacticallight {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .tacticallight::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .tacticallight {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .bipod {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .bipod {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .bipod::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .bipod {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .compensator {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .compensator {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .compensator::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .compensator {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .eotech {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .eotech {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .eotech::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 15px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .eotech {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .magnifier {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .magnifier {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .magnifier::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .magnifier {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .foregrip_stuby {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .foregrip_stuby {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .foregrip_stuby::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .foregrip_stuby {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .suppressor_fh762mg {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .suppressor_fh762mg {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhide .suppressor_fh762mg::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .suppressor_fh762mg {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessunhide .battlepack {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccess .battlepack {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessunhidde .battlepack::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}
.weaponBoxAccessunhide:hover .battlepack {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccess .battlepack {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

/*Accessories from Battlepack*/

.weaponBoxAccessunhide .atn {	
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .atn {	
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .atn::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .atn {
  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .cp1_pri {	
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .cp1_pri {	
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .cp1_pri::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .cp1_pri {
  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .comp {	
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .comp {	
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .comp::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .comp {
  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .jgm4 {	
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .jgm4 {	
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .jgm4::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .jgm4 {
  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .coyote {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .coyote {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .coyote::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .coyote {
  visibility: visible;
  opacity: 1;
}

.weaponBoxAccessunhide .fore_fol {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .fore_fol {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .fore_fol::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .fore_fol {
  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .fore_pot {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .fore_pot {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .fore_pot::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .fore_pot {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .gree {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .gree {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .gree::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .gree {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .ls06 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .ls06 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .ls06::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .ls06 {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pbs {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pbs {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pbs::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pbs {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .prisma {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .prisma {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .prisma::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .prisma {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .peq15 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .peq15 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .peq15::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .peq15 {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .r_II_sil {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .r_II_sil {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .r_II_sil::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .r_II_sil {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .tact_lig {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .tact_lig {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .tack_lig::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .tact_lig {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .trib {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .trib {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .trib::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .trib {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .trub {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .trub {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .trub::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .trub {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .flas_supp {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .flas_supp {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .flas_supp::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .flas_supp {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .fore_vert {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .fore_vert {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .fore_vert::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .fore_vert {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .irnv {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .irnv {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .irnv::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .irnv {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .kobra {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .kobra {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .kobra::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .kobra {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pkas {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pkas {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pkas::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pkas {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pka {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pka {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pka::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pka {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pso1 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pso1 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pso1::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pso1 {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .sile {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .sile {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .sile::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .sile {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .eotech {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .eotech {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .eotech::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .eotech {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .rx01 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .rx01 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .rx01::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .rx01 {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .compensator {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .compensator {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .compensator::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .compensator {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .tgpa {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .tgpa {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .tgpa::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .tgpa {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .cl6x {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .cl6x {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .cl6x::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .cl6x {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pks07 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pks07 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pks07::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pks07 {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .visionking20 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .visionking20 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .visionking20::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .visionking20 {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .riflescope8 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .riflescope8 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .riflescope8::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .riflescope8 {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pist_flash {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pist_flash {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pist_flash::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_flash {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pist_laser {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pist_laser {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pist_laser::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_laser {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pist_green {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pist_green {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pist_green::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_green {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pist_combo {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pist_combo {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pist_combo::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_combo {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pist_qsw06 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pist_qsw06 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pist_qsw06::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_qsw06 {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pist_tgpa {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pist_tgpa {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pist_tgpa::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_tgpa {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pist_trib {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pist_trib {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pist_trib::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_trib {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pist_peq15 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pist_peq15 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pist_peq15::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_peq15 {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pist_tacticallight {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pist_tacticallight {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pist_tacticallight::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_tacticallight {

  visibility: visible;
  opacity: 1; 
}

.weaponBoxAccessunhide .pist_muzzlebreak {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccess .pist_muzzlebreak {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  padding-text: 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.weaponBoxAccessunhide .pist_muzzlebreak::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessunhide:hover .pist_muzzlebreak {

  visibility: visible;
  opacity: 1; 
}

.stats4-box {
    margin-top: 100px;
	margin-left: -16px;
	line-height: 25px;	
    width: 335px;
    height: 24px;
	/*background-color: rgba(7, 7, 7, 0.9);*/
}

.weaponsstats4 {
	margin-left: 0px;
	margin-top: -90px;
	width: 356px;
	position: absolute;	
}

.unlock-img {
    margin-top: 0px;
	margin-left: 45px;
}

.unlockh-img {
    margin-top: 0px;
	margin-left: 12px;
}

 .span18 {
    width: 335px;
}

/*
.weapon_name {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background
}*/
 
/* was for Hover name of the weapons

 .profile-stats-bf4weapons-bf4weapon-image .weapon_name {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.profile-stats-bf4weapons-bf4weapon-image .weapon_name::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.profile-stats-bf4weapons-bf4weapon-image:hover .weapon_name {
  visibility: visible;
  opacity: 1;  
} */
#bc2weapons-equipped-box {
    margin-bottom: 8px;
}

    #bc2weapons-equipped-box .box-content {
        padding: 16px 16px;
        position: relative;
    }

        #bc2weapons-equipped-box .box-content .bc2weapons-chain {
            /*height: 130px;*/
            margin-bottom: 0px;
        }

    #bc2weapons-equipped-box .claim.box-content {
        padding-top: 32px;
        padding-bottom: 36px;
    }

        #bc2weapons-equipped-box .claim.box-content .btn {
            width: 100%;
            margin-bottom: 16px;
        }

        #bc2weapons-equipped-box .claim.box-content .progress-bar {
            margin-top: 16px;
            margin-bottom: 8px;
        }

        #bc2weapons-equipped-box .claim.box-content .progress-info {
            font-size: 14px;
            margin-top: 10px;
        }
		
#bc2weapons-body {
    margin-top: -15px;
}

    #bc2weapons-body .bc2weapons-list .box {
        margin-bottom: 8px;
    }

    #bc2weapons-body .bc2weapons-list .grid.box .box-content {
        background: inherit;
        padding: 0px;
    }

    #bc2weapons-body .dogtag-aside button {
        width: 100%;
        margin-top: 8px;
    }

    #bc2weapons-body .dogtag-aside .advanced-active.selected-dog-tags.box-content .bc2weapons-chain .advanced {
        position: relative;
        z-index: 3;
    }
	
    #bc2weapons-body .dogtag-aside .advanced-active.selected-dog-tags.box-content .bc2weapons-chain .basic {
        position: relative;
        z-index: 2;
    }
	
    #bc2weapons-body .dogtag-aside .description.box-content p {
        line-height: 1.4;
        font-size: 12px;
    }

    #bc2weapons-body .dogtag-aside .seen.box-content {
        padding: 8px 16px;
        text-transform: uppercase;
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 600;
    }

    #bc2weapons-body .dogtag-aside .box-content .name {
        text-transform: uppercase;
        font-family: Purista, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
    }
	
.profile-stats-bc2weapons li {
    margin: 0px 1px 1px 0px;
    padding: 4px 1px 1px;
    width: 216px;
    height: 130px;
    float: left;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .profile-stats-bc2weapons li:nth-child(5n) {
        width: 216px;
        margin-right: 0px 1px 1px 0px;
    }

    .profile-stats-bc2weapons li.disabled .bc2weapons {
        opacity: 1;
        filter: brightness(20%);
        -webkit-filter: brightness(40%);
    }
	
	.profile-stats-bc2weapons li.basic {
		opacity: 1;
	}
	
	.profile-stats-bc2weapons li.disabled {
		opacity: 0.5;
	}
	
.cssfilters .profile-stats-bc2weapons li.disabled .bc2weapons {
    opacity: 1;
    -webkit-filter: brightness(40%);
    -moz-filter: brightness(40%);
    -o-filter: brightness(40%);
}

.profile-stats-bc2weapons li:hover {
    background-color: rgba(7, 7, 7, 0.6);
}

.profile-stats-bc2weapons li.equipped {
    box-shadow: inset 0px 0px 0px 1px #fff;
}

.profile-stats-bc2weapons li.active {
    background-color: rgb(255, 255, 255);
	color: black;
}

    .profile-stats-bc2weapons li.active:hover {
        background-color: rgb(255, 255, 255);
    }

/* .profile-stats-bc2weapons .dogtag-image {

} */

.bc2weapons-chain {
    margin: -20px 5px;
	width: 300px;
	height: 300px;
}

    .bc2weapons-chain .basic {
        position: relative;
        z-index: 2;
    }

.bc2weapon-chain {
    margin: -20px 20px;
	width: 300px;
	height: 300px;
}

    .bc2weapon-chain .basic {
        position: relative;
        z-index: -2;
    }
	
.vertical .bc2weapons-chain .basic {
    display: block;
}

.horizontal .bc2weapons-chain .basic {
    /*transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);*/
    margin-left: 25px;
}

#bc2weapons-equipped-box .box-content .name-bc2weapon {
	line-height: 10px;
	padding: 10px;
	margin-left: -16px;
	font-size: 120%;
	width: 321px;	
	text-transform: uppercase;
}

.box-content .name-weaponh {
	line-height: 20px;
	margin-top: 30px;
	margin-left: -16px;
	font-size: 100%;
	width: 303px;
	text-transform: uppercase;
}

.titleh-box {
	/*line-height: 0px;*/
} 

#bc2weapons-equipped-box .box-content .desc-bc2weapon {
	line-height: 0px;
	font-size: 80%;
	margin-left: -16px;
	padding: 12px;
	width: 317px;
}

.box-content .desc-weaponh {
	line-height: 15px;
	font-size: 80%;
	margin-left: -16px;
	width: 303px;
}

.box-content .desc-bc2weapon .img-rank-bc2weapon {
	margin-top: -4px; 
	margin-left: -5px; 
	position: absolute;
	background-image: url("../bfbc2/img/assignments/icon-rank.png");
}


.statsbc2-box {
    margin-top: 100px;
	margin-left: -16px;
	line-height: 25px;	
    width: 335px;
    height: 24px;
	/*background-color: rgba(7, 7, 7, 0.9);*/
}

.weaponsstatsbc2 {
	margin-left: 0px;
	margin-top: -120px;
	width: 356px;
	position: absolute;	
}

.unlockbc2-img {
    margin-top: 0px;
	margin-left: 45px;
}

.accessoriesbc2-box {
    margin-top: 200px;
	margin-left: -16px;
	line-height: 25px;	
    width: 335px;
    height: 24px;
	/*background-color: rgba(7, 7, 7, 0.9);*/
}

.weaponsaccessoriesbc2 {
	margin-left: -16px;
	margin-top: -15px;
	width: 356px;
	position: relative;
	z-index: 2;
}

 .span20 {
    width: 341px;
}


.weaponBoxAccessunhide2{
    display: inline-block;
    width: 55px;
    height: 40px;
	margin: 0px 1px 1px 0px;
    padding: 7px 1px 1px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	z-index: 3;
}

/*  Weapons mohw*/

#mohwweapons-equipped-box {
    margin-bottom: 8px;
}

    #mohwweapons-equipped-box .box-content {
        padding: 16px 16px;
        position: relative;
    }

        #mohwweapons-equipped-box .box-content .mohwweapons-chain {
            /*height: 130px;*/
            margin-bottom: 0px;
        }

    #mohwweapons-equipped-box .claim.box-content {
        padding-top: 32px;
        padding-bottom: 36px;
    }

        #mohwweapons-equipped-box .claim.box-content .btn {
            width: 100%;
            margin-bottom: 16px;
        }

        #mohwweapons-equipped-box .claim.box-content .progress-bar {
            margin-top: 16px;
            margin-bottom: 8px;
        }

        #mohwweapons-equipped-box .claim.box-content .progress-info {
            font-size: 14px;
            margin-top: 10px;
        }
		
#mohwweapons-body {
    margin-top: -15px;
}

    #mohwweapons-body .mohwweapons-list .box {
        margin-bottom: 8px;
    }

    #mohwweapons-body .mohwweapons-list .grid.box .box-content {
        background: inherit;
        padding: 0px;
    }

    #mohwweapons-body .dogtag-aside button {
        width: 100%;
        margin-top: 8px;
    }

    #mohwweapons-body .dogtag-aside .advanced-active.selected-dog-tags.box-content .mohwweapons-chain .advanced {
        position: relative;
        z-index: 3;
    }
	
    #mohwweapons-body .dogtag-aside .advanced-active.selected-dog-tags.box-content .mohwweapons-chain .basic {
        position: relative;
        z-index: 2;
    }
	
    #mohwweapons-body .dogtag-aside .description.box-content p {
        line-height: 1.4;
        font-size: 12px;
    }

    #mohwweapons-body .dogtag-aside .seen.box-content {
        padding: 8px 16px;
        text-transform: uppercase;
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 600;
    }

    #mohwweapons-body .dogtag-aside .box-content .name {
        text-transform: uppercase;
        font-family: Purista, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
    }
	
.profile-stats-mohwweapons li {
    margin: 0px 1px 1px 0px;
    padding: 4px 1px 1px;
    width: 130px;
    height: 130px;
    float: left;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .profile-stats-mohwweapons li:nth-child(5n) {
        width: 132px;
        margin-right: 0px;
    }

    .profile-stats-mohwweapons li.disabled .mohwweapons {
        opacity: 1;
        filter: brightness(20%);
        -webkit-filter: brightness(40%);
    }
	
	.profile-stats-mohwweapons li.basic {
		opacity: 1;
	}
	
	.profile-stats-mohwweapons li.disabled {
		opacity: 0.5;
	}
	
.cssfilters .profile-stats-mohwweapons li.disabled .mohwweapons {
    opacity: 1;
    -webkit-filter: brightness(40%);
    -moz-filter: brightness(40%);
    -o-filter: brightness(40%);
}

.profile-stats-mohwweapons li:hover {
    background-color: rgba(7, 7, 7, 0.6);
}

.profile-stats-mohwweapons li.equipped {
    box-shadow: inset 0px 0px 0px 1px #fff;
}

.profile-stats-mohwweapons li.active {
    background-color: rgb(255, 255, 255);
	color: black;
}

    .profile-stats-mohwweapons li.active:hover {
        background-color: rgb(255, 255, 255);
    }

/* .profile-stats-mohwweapons .dogtag-image {

} */

.mohwweapons-chain {
    margin: 20px 20px;
	width: 300px;
	height: 300px;
}

    .mohwweapons-chain .basic {
        position: relative;
        z-index: 2;
    }

.mohwweapon-chain {
    margin: -20px 20px;
	width: 300px;
	height: 300px;
}

    .mohwweapon-chain .basic {
        position: relative;
        z-index: -2;
    }
	
.vertical .mohwweapons-chain .basic {
    display: block;
}

.horizontal .mohwweapons-chain .basic {
    /*transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);*/
    margin-left: 25px;
}

#mohwweapons-equipped-box .box-content .name-mohwweapon {
	line-height: 10px;
	padding: 10px;
	margin-left: -16px;
	font-size: 120%;
	width: 314px;	
	text-transform: uppercase;
}

#mohwweapons-equipped-box .box-content .unlock-mohwweapon {
    position: absolute;	
	line-height: 10px;
	padding: 10px;
	margin-left: 190px;
	margin-top: -20px;
	font-size: 100%;
	width: 314px;
	text-transform: lowercase;
	right: -4px;
	text-align: right;
}

#mohwweapons-equipped-box .box-content .desc-mohwweapon {
	padding: 10px;
	margin-left: -16px;
	width: 314px;	
}

.box-content .desc-mohwweapon .img-rank-mohwweapon {
	margin-top: -4px; 
	margin-left: -5px; 
	position: absolute;
	width: 314px;	
	background-image: url("../mohw/img/assignments/icon-rank.png");
}

.accessoriesmohw-box {
    margin-top: 180px;
	margin-left: -16px;
	line-height: 25px;	
    width: 335px;
    height: 24px;
	/*background-color: rgba(7, 7, 7, 0.9);*/
}

.weaponsaccessoriesmohw {
	margin-left: -16px;
	margin-top: -15px;
	width: 356px;
	position: relative;
	z-index: 2;
}

.accessoriesBattlepackmohw-box {
	margin-left: -16px;
	line-height: 25px;	
    width: 335px;
    height: 24px;
	background-color: rgba(7, 7, 7, 0.9);
}

.weaponsaccessoriesBattlepackmohw {
	margin-left: -16px;
	margin-top: -15px;
	width: 356px;
}

.statsmohw-box {
    margin-top: 100px;
	margin-left: -16px;
	line-height: 25px;	
    width: 335px;
    height: 24px;
	/*background-color: rgba(7, 7, 7, 0.9);*/
}

.weaponsstatsmohw {
	margin-left: 0px;
	margin-top: -70px;
	width: 356px;
	position: absolute;	
}

 .span21 {
    width: 335px;
}

.weaponBoxAccessMohw {
    display: inline-block;
    width: 55px;
    height: 40px;
	margin: 0px 1px 1px 0px;
    padding: 7px 1px 1px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	opacity: 0.1;
}

.weaponBoxAccessMohwunhide{
    display: inline-block;
    width: 55px;
    height: 40px;
	margin: 0px 1px 1px 0px;
    padding: 7px 1px 1px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	z-index: 3;
}

.weaponBoxAccessMohwunhide .star_20 {
  visibility: hidden;
  position: absolute;
  /*width: 120px;*/
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 60px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessMohw .star_20 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0; 
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessMohwunhide .star_20::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.weaponBoxAccessMohwunhide:hover .star_20 {
  visibility: visible;
  opacity: 1;
}

.weaponBoxAccessMohwunhide .star_200 {
  visibility: hidden;
  position: absolute;
  /*width: 120px;*/
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 60px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessMohw .star_200 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}
.weaponBoxAccessMohwunhide .star_200::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessMohwunhide:hover .star_200 {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessMohwunhide .star_500 {
  visibility: hidden;
  position: absolute;
  /*width: 120px;*/
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 60px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessMohw .star_500 {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}
.weaponBoxAccessMohwunhide .star_500::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessMohwunhide:hover .star_500 {
  visibility: visible;
  opacity: 1;  
}

.weaponBoxAccessMohwunhide .accessories {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.weaponBoxAccessMohw .accessories {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}
.weaponBoxAccessMohwunhide .accessories::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.weaponBoxAccessMohwunhide:hover .accessories {
  visibility: visible;
  opacity: 1;  
}

/* nations and class */
.profile-stats-mohwweapons-mohwweapon-star-nationgroup {
    display: inline-block;
    height: 40px;
	margin: 0px 1px 1px 0px;
    padding: 1px 1px 1px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	opacity: 1;
}

.profile-stats-mohwweapons-mohwweapon-star-nationgroup .class_groups {
  visibility: hidden;
  position: absolute;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 100%;
  left: 30px;
  margin-left: -64px;
  opacity: 0;
  white-space: nowrap;
  /*transition: opacity 0.3s; animate background*/
}

.profile-stats-mohwweapons-mohwweapon-star-nationgroup .class_groups {
  visibility: hidden;
  position: absolute;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 100%;
  margin-bottom: 5px;
  left: 30px;
  margin-left: -64px;
  opacity: 0;
  white-space: nowrap;
  /*transition: opacity 0.3s; animate background*/
}

/*.profile-stats-mohwweapons-mohwweapon-star-nationgroup .class_groups::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}*/

.profile-stats-mohwweapons-mohwweapon-star-nationgroup:hover .class_groups {
  visibility: visible;
  opacity: 1;  
}

.profile-stats-mohwweapons-mohwweapon-star-nationgroup .class_nations {
  visibility: hidden;
  position: absolute;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 100%;
  left: 40px;
  margin-left: -64px;
  opacity: 0;
  white-space: nowrap; 
  /*transition: opacity 0.3s; animate background*/
}

.profile-stats-mohwweapons-mohwweapon-star-nationgroup .class_nations {
  visibility: hidden;
  position: absolute;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 100%;
  margin-bottom: 5px;
  left: 40px;
  margin-left: -66px;
  opacity: 0;
  white-space: nowrap;
  /*transition: opacity 0.3s; animate background*/
}

/*.profile-stats-mohwweapons-mohwweapon-star-nationgroup .class_nations::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}*/

.profile-stats-mohwweapons-mohwweapon-star-nationgroup:hover .class_nations {
  visibility: visible;
  opacity: 1;  
}

.profile-stats-mohwweapons-mohwweapon-star-unlockrank {
    display: inline-block;
    height: 40px;
	margin: -5px 0px 1px 0px;
    padding: 1px 1px 1px;
    float: right;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	opacity: 1;
}

.profile-stats-mohwweapons-mohwweapon-star-unlockrank .unlockrank {
  visibility: hidden;
  position: absolute;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 100%;
  left: 40px;
  margin-left: -64px;
  opacity: 0;
  white-space: nowrap; 
  /*transition: opacity 0.3s; animate background*/
}

.profile-stats-mohwweapons-mohwweapon-star-unlockrank .unlockrank {
  visibility: hidden;
  position: absolute;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 100%;
  margin-bottom: 5px;
  left: 40px;
  margin-left: -66px;
  opacity: 0;
  white-space: nowrap;
  /*transition: opacity 0.3s; animate background*/
}

/*.profile-stats-mohwweapons-mohwweapon-star-unlockrank .class_nations::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}*/

.profile-stats-mohwweapons-mohwweapon-star-unlockrank:hover .unlockrank {
  visibility: visible;
  opacity: 1;  
}

/*    ----         Hasrdline        ----    */
#bfhweapons-equipped-box {
    margin-bottom: 8px;
}

    #bfhweapons-equipped-box .box-content {
        padding: 16px 16px;
        position: relative;
    }

        #bfhweapons-equipped-box .box-content .bfhweapons-chain {
            /*height: 130px;*/
            margin-bottom: 0px;
        }

    #bfhweapons-equipped-box .claim.box-content {
        padding-top: 32px;
        padding-bottom: 36px;
    }

        #bfhweapons-equipped-box .claim.box-content .btn {
            width: 100%;
            margin-bottom: 16px;
        }

        #bfhweapons-equipped-box .claim.box-content .progress-bar {
            margin-top: 16px;
            margin-bottom: 8px;
        }

        #bfhweapons-equipped-box .claim.box-content .progress-info {
            font-size: 14px;
            margin-top: 10px;
        }
		
#bfhweapons-body {
    margin-top: -15px;
}

    #bfhweapons-body .bfhweapons-list .box {
        margin-bottom: 8px;
    }

    #bfhweapons-body .bfhweapons-list .grid.box .box-content {
        background: inherit;
        padding: 0px;
    }

    #bfhweapons-body .dogtag-aside button {
        width: 100%;
        margin-top: 75px;
        margin-left: -24px;		
    }

    #bfhweapons-body .dogtag-aside .advanced-active.selected-dog-tags.box-content .bfhweapons-chain .advanced {
        position: relative;
        z-index: 3;
    }
	
    #bfhweapons-body .dogtag-aside .advanced-active.selected-dog-tags.box-content .bfhweapons-chain .basic {
        position: relative;
        z-index: 2;
    }
	
    #bfhweapons-body .dogtag-aside .description.box-content p {
        line-height: 1.4;
        font-size: 12px;
    }

    #bfhweapons-body .dogtag-aside .seen.box-content {
        padding: 8px 16px;
        text-transform: uppercase;
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 600;
    }

    #bfhweapons-body .dogtag-aside .box-content .name {
        text-transform: uppercase;
        font-family: Purista, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
    }
	
.profile-stats-bfhweapons li {
    margin: 0px 1px 1px 0px;
    padding: 4px 1px 1px;
    width: 130px;
    height: 130px;
    float: left;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .profile-stats-bfhweapons li:nth-child(5n) {
        width: 132px;
        margin-right: 0px;
    }

    .profile-stats-bfhweapons li.disabled .bfhweapons {
        opacity: 1;
        filter: brightness(20%);
        -webkit-filter: brightness(40%);
    }
	
	.profile-stats-bfhweapons li.basic {
		opacity: 1;
	}
	
	.profile-stats-bfhweapons li.disabled {
		opacity: 1;
	}
	
.cssfilters .profile-stats-bfhweapons li.disabled .bfhweapons {
    opacity: 1;
    -webkit-filter: brightness(40%);
    -moz-filter: brightness(40%);
    -o-filter: brightness(40%);
}

.profile-stats-bfhweapons li:hover {
    background-color: rgba(7, 7, 7, 0.6);
}

.profile-stats-bfhweapons li.equipped {
    box-shadow: inset 0px 0px 0px 1px #fff;
}

.profile-stats-bfhweapons li.active {
    background-color: rgb(255, 255, 255);
	color: black;
}

    .profile-stats-bfhweapons li.active:hover {
        background-color: rgb(255, 255, 255);
    }

/* .profile-stats-bfhweapons .dogtag-image {

} */

.bfhweapons-chain {
    margin: -20px 25px;
	width: 300px;
	/*height: 352px;*/
}

    .bfhweapons-chain .basic {
        position: relative;
        z-index: 2;
    }

.bfhweapon-chain {
    margin: -20px 20px;
	width: 300px;
	height: 300px;
}

    .bfhweapon-chain .basic {
        position: relative;
        z-index: -2;
    }
	
.vertical .bfhweapons-chain .basic {
    display: block;
}

.horizontal .bfhweapons-chain .basic {
    /*transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);*/
    margin-left: 25px;
}

#bfhweapons-equipped-box .box-content .name-bfhweapon {
	line-height: 10px;
	padding: 10px;
	margin-left: -16px;
	font-size: 120%;
	width: 315px;	
	text-transform: uppercase;
}

.box-content .name-weaponh {
	line-height: 20px;
	margin-top: 30px;
	margin-left: -16px;
	font-size: 100%;
	width: 303px;
	text-transform: uppercase;
}

.titleh-box {
	/*line-height: 0px;*/
} 

#bfhweapons-equipped-box .box-content .desc-bfhweapon {
	line-height: 0px;
	font-size: 80%;
	margin-left: -16px;
	padding: 12px;
	width: 314px;
}

.box-content .desc-weaponh {
	line-height: 15px;
	font-size: 80%;
	margin-left: -16px;
	width: 303px;
}

.box-content .desc-bfhweapon .img-rank-bfhweapon {
	margin-top: -4px; 
	margin-left: -5px; 
	position: absolute;
	background-image: url("../bfh/img/assignments/icon-rank.png");
}
/*
.box-content .desc-bfhweapon .img-xp0-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bfh/img/expansionpacks/xp0-1.gif");
}

.box-content .desc-bfhweapon .img-xp1-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bfh/img/expansionpacks/xp1-1.gif");
}

.box-content .desc-bfhweapon .img-xp2-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bfh/img/expansionpacks/xp2-1.gif");
}

.box-content .desc-bfhweapon .img-xp3-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bfh/img/expansionpacks/xp3-1.gif");
}

.box-content .desc-bfhweapon .img-xp4-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bfh/img/expansionpacks/xp4-1.gif");
}

.box-content .desc-bfhweapon .img-depend-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bfh/img/assignments/icon-depend.png");
}*/

.weaponaccessoriesh-box {
    margin-top: 218px;
	margin-left: -16px;
	line-height: 25px;	
    width: 335px;
    height: 24px;
	/*background-color: rgba(7, 7, 7, 0.9);*/
}

.weaponsaccessoriesh {
	margin-left: -16px;
	margin-top: -15px;
	width: 356px;
	position: relative;
	z-index: 2;
}

.accessoriesBattlepackh-box {
	margin-left: -16px;
	line-height: 25px;	
    width: 335px;
    height: 24px;
	background-color: rgba(7, 7, 7, 0.9);
}

.weaponsaccessoriesBattlepackh {
	margin-left: -16px;
	margin-top: -15px;
	width: 356px;
}

.weaponBoxAccess {
    display: inline-block;
    width: 55px;
    height: 40px;
	margin: 0px 1px 1px 0px;
    padding: 7px 1px 1px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	opacity: 0.1;
}

.weaponBoxAccessunhide{
    display: inline-block;
    width: 55px;
    height: 40px;
	margin: 0px 1px 1px 0px;
    padding: 7px 1px 1px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	z-index: 3;
}

.statsh-box {
    margin-top: 100px;
	margin-left: -16px;
	line-height: 25px;	
    width: 335px;
    height: 24px;
	/*background-color: rgba(7, 7, 7, 0.9);*/
}

.weaponsstatsh {
	margin-left: 0px;
	margin-top: -112px;
	width: 356px;
	position: absolute;	
}

.unlockh-img {
    margin-top: 0px;
	margin-left: 45px;
}

.unlockh-img {
    margin-top: 0px;
	margin-left: 12px;
}

/*  .span18 {    unlock and change span to the diferent one!
    width: 335px;
} */


.profile-stats-bfhweapons-bfhweapon-title weapon_nameh {
  visibility: unhidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}
 
/* was for Hover name of the weapons

 .profile-stats-bfhweapons-bfhweapon-image .weapon_name {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
}

.profile-stats-bfhweapons-bfhweapon-image .weapon_name::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; 
}

.profile-stats-bfhweapons-bfhweapon-image:hover .weapon_name {
  visibility: visible;
  opacity: 1;  
}