/* add your css rules here */

.key_facts{
text-align:center!important;
}


.fact_icon{

/* [BOX] */
border-radius:50%;
width:160px;
height:160px;
margin: 0 auto;

/* [COLOURS] */
background-color:#224188;
border:thin solid white;

/* [FX] */
transition:all 1s;

/* [BACKGROUND IMAGE PROPERTIES] */
background-repeat:no-repeat;
background-position:50% 50%;
background-size:50%;

}

.fact_icon:hover{
background-color:white;
border-color:#8ec0e7;
}

.fact_icon img{
width:150px;
height:150px;
}

#date{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/DSGN-463563-GDPR-Edu/calendar_white.png');
}

#date:hover{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/Techknow-security-update/DSGN-510100-GDPR/sme/calendar_blue.png');
}

#fine{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/DSGN-463563-GDPR-Edu/euro_white.png');
background-position:40% 50%;
}

#fine:hover{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/Techknow-security-update/DSGN-510100-GDPR/sme/euro_blue.png');
}

#rating{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/DSGN-463563-GDPR-Edu/graph_white.png');
}

#rating:hover{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/Techknow-security-update/DSGN-510100-GDPR/sme/graph_blue.png');
}


#dpo{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/DSGN-463563-GDPR-Edu/officer_white.png');
}

#dpo:hover{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/Techknow-security-update/DSGN-510100-GDPR/sme/officer_blue.png');
}


#brexit{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/DSGN-463563-GDPR-Edu/brexit_white_00.png');
background-size:70%;
}

#brexit:hover{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/Techknow-security-update/DSGN-510100-GDPR/sme/brexit_blue.png');
}


#deadline{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/DSGN-463563-GDPR-Edu/countdown_white.png');
}

#deadline:hover{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/Techknow-security-update/DSGN-510100-GDPR/sme/countdown_blue.png');
}


#proof{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/DSGN-463563-GDPR-Edu/proof_white_00.png');
}

#proof:hover{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/Techknow-security-update/DSGN-510100-GDPR/sme/proof_blue.png');
}

#replace{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/DSGN-463563-GDPR-Edu/replace_white.png');
}

#replace:hover{
background-image:url('https://www.businessdirect.bt.com/Images/vendors/PROJECTS/BTBD/Techknow-security-update/DSGN-510100-GDPR/sme/replace_blue.png');
}




.accordion-contentNK{
		display: none;
		padding:20px;
		margin-bottom:20px;
    margin-top: -14px;
border:thin solid #8ec0e7;
	}

/* [ THIS CLASS SETS THE ALTERNATING BORDER COLOUR FOR THE ACCORDION CONTENT ] */

.accordion-wrapNK:nth-child(even) > .accordion-contentNK{
border:thin solid #cccccc;
}

	.accordion-toggleNK{
		box-sizing: border-box;
		padding:20px;
		color: white!important;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
	}	
	
	.accordion-toggleNK:hover{
		cursor: pointer;
	}
	
	.accordion-toggleNK img{
		width:40px;
		float:right;
	}
	
	.appoint{
		background-color:#224188;
	}
	
	.research{
		background-color:#cccccc;
	}

	.data{
		background-color: #224188;
	}

	.tech{
		background-color: #cccccc;
	}

	.update{
		background-color: #224188;
	}

	.encrypt{
		background-color: #cccccc;
	}

	.plan{
		background-color: #224188;
	}





.slide{
padding:0!important;
margin-bottom:10px;

}

.slide img{
margin-bottom:0!important;
}

.slide_info{
position:absolute;
bottom:0;
height:30%;
background-color:rgba(100,0,170,0.8);
box-sizing:border-box;
padding:10px;
}

.slide_info h3 a, .slide_info p a{
color:white!important;
text-decoration:none;
}

.slide_info h3 a:hover, .slide_info p a:hover{
color:white!important;
text-decoration:underline;
}

/* RETINA AND HI RES */	
	
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
 

/**/	
}

/* 1.25 dpr */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 

  
/**/	
}

/* 1.3 dpr */
@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi){

 

/**/	
}

/* 1.5 dpr */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){ 

	
/**/	
}