
.nread-box1{
	background: #fbfbfb;
    overflow: hidden;
    border: 1px #e30e3f solid;
    width: 130px;
    padding-left: 8px;
   -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;
    cursor: pointer;
}

.nread-box1 a{
color: #444;
    text-decoration: none;
    line-height: 40px;
    padding-left: 2px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;
}

.nread-box1 span{
	float: right;
    color: #fff;
    width: 23%;
    text-align: center;
    line-height: 41px;
    padding: 0 0 0 20px;
    background: #e30e3f;
    position: relative;
    font-weight: 700;
    font-size: 15px;
    margin-right: -1px;
    margin-bottom: -1px;
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none;
    transition: .5s;
    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;
}
.nread-box1 span:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:0;
	height:0;
/*border-top: 20px solid transparent; */
    border-left: 26px solid #fbfbfb;
    border-bottom: 40px solid transparent
}

.nread-box1:hover{	 
	border: 1px #3f43cc solid;
}

.nread-box1:hover a{	 
	 color: #2e3192;
}

.nread-box1:hover span{
	 background: #3f43cc;
	 
}

/*.nread-box1:hover span:before{	
	 border-left: 26px solid #e30e3f;
	 border-bottom: 40px solid transparent
}*/	


.nread-box2{
	background: #f4f4f4;
    overflow: hidden;
    border: 1px #cccccc solid;
    width: 155px;
    padding-left: 8px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
    margin: 0 auto;
}

.nread-box2 a{
color: #474747;
    text-decoration: none;
    line-height: 40px;
    padding-left: 2px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;
}

.nread-box2 span{
	float: right;
    color: #ececec;
    width: 23%;
    text-align: center;
    line-height: 41px;
    padding: 0 0 0 20px;
    background: #4b4b4b;
    position: relative;
    font-weight: 700;
    font-size: 15px;
    margin-right: -1px;
    margin-bottom: -1px;
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none;
    transition: .5s;
    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;
}
.nread-box2 span:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:0;
	height:0;
/*border-top: 20px solid transparent; */
    border-left: 26px solid #f4f4f4;
    border-bottom: 40px solid transparent
}

.nread-box2:hover{	 
	border: 1px #ddd solid;
}

.nread-box2:hover a{	 
	 color: #c92618;
}

.nread-box2:hover span{
	 background: #c92618;
	 
}


.nread-box3{
	background: #fbfbfb;
    overflow: hidden;
    border: 1px #e30e3f solid;   
    padding-left: 8px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
    display: inline-block;
}

.nread-box3 a{
color: #444;
    text-decoration: none;
    line-height: 40px;
    padding-left: 2px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    float: left;   
    width: 121%;
}

.nread-box3 span{
	float: right;
    color: #fff;
    width: 23%;
    text-align: center;
    line-height: 41px;
    padding: 0 0 0 20px;
    background: #e30e3f;
    position: relative;
    font-weight: 700;
    font-size: 15px;
    margin-right: -1px;
    margin-bottom: -1px;
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none;
    transition: .5s;
    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;
}
.nread-box3 span:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:0;
	height:0;
/*border-top: 20px solid transparent; */
    border-left: 26px solid #fbfbfb;
    border-bottom: 40px solid transparent
}

.nread-box3:hover{	 
	border: 1px #767676 solid;
}

.nread-box3:hover a{	 
	 color: #1c1c1c;
}

.nread-box3:hover span{
	 background: #414141;
	 
}

.nread-box4{
	/*background: #fbfbfb;*/
    overflow: hidden;
    border: 1px #d5d5d5 solid;
    width: 130px;
    padding-left: 8px;
   -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;
    cursor: pointer;
}

.nread-box4 a{
	color: #eaeaea;
    text-decoration: none;
    line-height: 40px;
    padding-left: 2px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;
}

.nread-box4 span{
	float: right;
    color: #fff;
    width: 23%;
    text-align: center;
    line-height: 41px;
    padding: 0 0 0 20px;
    background: #ffd3dd;
    position: relative;
    font-weight: 700;
    font-size: 15px;
    margin-right: -1px;
    margin-bottom: -1px;
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none;
    transition: .5s;
    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;
}
.nread-box4 span:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:0;
	height:0;
	/*border-top: 20px solid transparent; */
    border-left: 26px solid #e62a55;
    border-bottom: 40px solid transparent
}

.nread-box4:hover{	 
	border: 1px #ccc solid;
}

.nread-box4:hover a{	 
	 color: #fcfcfc;
}

.nread-box4:hover span{
	 background: #f6f6f6;
	 
}

.nread-box4 i{
	color: #f03152;
}

.nread-box5{
	/*background: #fbfbfb;*/
    overflow: hidden;
    border: 1px #e30e3f solid;
    width: 130px;
    padding-left: 8px;
   -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;
    cursor: pointer;
    margin-top: 3%;
    float: right;
}

.nread-box5 a{
	color: #1c1c1c;
    text-decoration: none;
    line-height: 40px;
    padding-left: 2px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;
}

.nread-box5 span{
	float: right;
    color: #fff;
    width: 23%;
    text-align: center;
    line-height: 41px;
    padding: 0 0 0 20px;
    background: #e30e3f;
    position: relative;
    font-weight: 700;
    font-size: 15px;
    margin-right: -1px;
    margin-bottom: -1px;
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none;
    transition: .5s;
    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;
}
.nread-box5 span:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:0;
	height:0;
	/*border-top: 20px solid transparent; */
    border-left: 26px solid #EEEEEE;
    border-bottom: 40px solid transparent
}

.nread-box5:hover{	 
	border: 1px #767676 solid;
}

.nread-box5:hover a{	 
	 color: #1c1c1c;
}

.nread-box5:hover span{
	 background: #414141;
	 
}


/*.nread-box1:hover span:before{	
	 border-left: 26px solid #e30e3f;
	 border-bottom: 40px solid transparent
}*/	



.read-box3{
	display: inline-block;  background-color:#fff;border:2px;border-color:#0064f6;border-style:solid; height:38px;display:inline-block; line-height: 38px;cursor: pointer;text-align: center; padding: 0 2% 0 2%;float: left;margin: 2%;margin-left: 0;
		    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;color:#4a4a4a;text-decoration: none;
}

.read-box3:hover{
	background-color:#0064f6;border:2px;border-color:#0064f6;border-style:solid;color: #fff;
}

.read-box4{
	background-color:#fff;border:2px;border-color:#4267B2;border-style:solid;width: 110px; height:38px;display:inline-block; line-height: 38px;cursor: pointer;text-align: center;margin: 2%;text-decoration: none;float: right;
		    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;color:#4a4a4a;font-size: 15px;
}

.read-box4:hover{
	background-color:#0064f6;border:2px;border-color:#0064f6;border-style:solid;color: #fff;
}


.read-box5{
	display: inline-block;  background-color:#fff;border:2px;border-color:#0064f6;border-style:solid; height:38px;display:inline-block; line-height: 38px;cursor: pointer;text-align: center; padding: 0 2% 0 2%;float: left;margin-right: 4%;
		    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;color:#4a4a4a;text-decoration: none;
}

.read-box5:hover{
	background-color:#0064f6;border:2px;border-color:#0064f6;border-style:solid;color: #fff;
}


.read-box6{
	display: inline-block;  background-color:#fff;border:2px;border-color:#0064f6;border-style:solid; height:38px;display:inline-block; line-height: 38px;cursor: pointer;text-align: center; padding: 0 1.1% 0 1.1%;float: none;margin: 1.5%;margin-bottom: 1%;
		    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;color:#4a4a4a;text-decoration: none;font-size: 15px;
}

.read-box6:hover{
	background-color:#0064f6;border:2px;border-color:#0064f6;border-style:solid;color: #fff;
}

.read-box7{
	background-color: #4267B2;
    border: 2px;
    border-color: #4267B2;
    border-style: solid;
    width: 221px;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #4a4a4a;
    font-size: 23px;
    padding: 0 12px;
    font-weight: 700;
    font-family: 'Lato';
    color: #fff;
    margin: 0 auto;
    margin-top: 5%;
    text-transform: uppercase;
    
}

.read-box7:hover{
	background-color:#004fc1;border:2px;border-color:#004fc1;border-style:solid;color: #fff;
}
.read-box8{
	background-color: #4267B2;
    border: 2px;
    border-color: #4267B2;
    border-style: solid;
    display: block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #4a4a4a;
    font-size: 15px;
    padding: 5px 5px;
    font-weight: 700;
    font-family: 'Lato';
    color: #fff;
    margin: 0 auto;
    text-transform: uppercase;
    border-radius: 20px;
    width: 110px;
}

.read-box8:hover{
	background-color:#004fc1;border:2px;border-color:#004fc1;border-style:solid;color: #fff;
}

.read-box9{
  background-color: #f6f6f6;
    border: 2px;
    border-color: #999999;
    border-style: solid;
    height: 38px;
    display: inline-block;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    padding: 0.2% 2%;
    float: none;
    margin: 1.5%;
    margin-bottom: 1%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #2f2f2f;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.read-box9:hover{
	background-color:#fa3d3d;border:2px;border-color:#fa3d3d;border-style:solid;color: #fff;
}

.btn_mng{
	    box-sizing: border-box;border-radius: 2px;background-color:#fff;border:2px;border-color:#0064f6;border-style:solid;width: 110px; height:38px;display:inline-block; cursor: pointer;text-align: center;color: #333;text-decoration: none;float: none;line-height: 31px;
	    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;font-size: 16px;
}
.btn_mng:hover{
	background-color:#0064f6;border:2px;border-color:#0064f6;border-style:solid;color: #fff;
}

.btn_mng2{
	    box-sizing: border-box;border-radius: 2px;background-color:#fff;border:2px;border-color:#0064f6;border-style:solid;width: 110px; height:38px;display:inline-block; cursor: pointer;text-align: center;color: #333;text-decoration: none;float: none;line-height: 31px;margin-top: 4%;
	    -webkit-transition:  .5s;
    -moz-transition: .5s;
    -o-transition:  .5s;
    transition:  .5s;font-size: 16px;
}
.btn_mng2:hover{
	background-color:#0064f6;border:2px;border-color:#0064f6;border-style:solid;color: #fff;
}

.btn_mng3{
	   box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
    border: 2px;
    border-color: #0064f6;
    border-style: solid;
    width: 110px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    color: #333;
    text-decoration: none;
    float: none;
    line-height: 31px;
    /* margin-top: 4%; */
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 16px;
    
    vertical-align: middle;
}
.btn_mng3:hover{
	background-color:#0064f6;border:2px;border-color:#0064f6;border-style:solid;color: #fff;
}

@media handheld, only screen and (max-width: 667px) {
	
	.read-box5{
	display: inline-block; float: none;margin: 0 auto;
}

.btn_mng3{
	margin-top:4%;
}
	
	
}









