.xIcon {
    //display:inline-block;
	display:table;
	position: absolute;
	//right: 0;
	//float: right;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	//transform: translateY(-10px) translateX(15px) rotate(45deg);
    //transform: translateY(-90px) translateX(-7px) rotate(45deg);
	cursor: pointer;
	//z-index: 1000;
	//width: 100%;
}

.xIcon:before{
    content:"";
    position: absolute;
    width:6px;
    height:18px;
    background-color: #ff2121;
    left:10px;
    top:7px;
}

.xIcon:after{
    content:"";
    position: absolute;
    width:6px;
    height:18px;
    background-color: #ff2121;
    left:10px;
    top:7px;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.xIcon:hover::before{
	background-color: #b20000;
}
.xIcon:hover::after{
	background-color: #b20000;
}