@charset "utf-8";

/**

#################################

==== CSS FOR DESKTOP/TABLETS ====

#################################

**/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
#breadcrumb, .column h1, #wrapper h1, img.content-panel, .hide-on-desktop {
display: none;
}
	#breadcrumb, #column h1, #wrapper h1, img.content-panel, #hide-on-mobile {
display: none;
}
.showtime {
display: block!important;
}
div.content-panel {
border: none;
}

/**** BUTTONS ****/

.purple-btn, .purple-background {
background-color: #5514b4;
}
.purple-btn:hover {
background-color: #5514b4;
}
.magenta-btn, .magenta-background {
background-color: rgb(230, 0, 80);
}
.magenta-btn:hover {
background-color: rgb(170, 0, 60);
}
.blue-btn, .blue-background {
background-color: rgb(0, 170, 220);
}
.blue-btn:hover {
background-color: rgb(0, 120, 160);
}
.green-btn, .green-background {
background-color: rgb(80, 175, 80);
}
.green-btn:hover {
background-color: rgb(55, 147, 55);
}
.yellow-btn, .yellow-background {
background-color: rgb(255, 220, 0);
}
.yellow-btn:hover {
background-color: rgb(224, 192, 0);
}
.dark-grey-btn, .dark-grey-background {
background-color: rgb(51, 51, 51);
}
.dark-grey-btn:hover {
background-color: rgb(35, 35, 35);
}
.medium-grey-btn, .medium-grey-background {
background-color: rgb(102, 102, 102);
}
.medium-grey-btn:hover {
background-color: rgb(70, 70, 70);
}
.light-grey-btn, .light-grey-background {
background-color: rgb(221, 221, 221);
}
.light-grey-btn, .light-grey-background-b {
background-color: #eee;
	    padding: 60px;
}
.light-grey-btn:hover {
background-color: rgb(178, 178, 178);
}
.red-btn, .red-background {
background-color: rgb(230, 0, 20);
}
.red-btn:hover {
background-color: rgb(186, 0, 16);
}
.purple_secondary_btn {
    background: transparent;
border: thin solid rgb(85, 20, 180)!important;
color: rgb(85, 20, 180)!important;
}
.white_secondary_btn {
    background: transparent;
border: thin solid rgb(255, 255, 255)!important;
color: rgb(255, 255, 255)!important;
}
.white_secondary_btn:hover {
background-color: rgb(255, 255, 255);
color: black!important;
}
.button.white-secondary {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}

.purple_secondary_btn:hover {
background-color: #5514b4;
color: white!important;
}
.magenta_secondary_btn {
background-color: white;
border: thin solid rgb(230, 0, 80)!important;
color: rgb(230, 0, 80)!important;
}
.magenta_secondary_btn:hover {
background-color: rgb(230, 0, 80);
color: white!important;
}

.magenta_secondary_btn_2 {
    background: transparent;
    border: thin solid rgb(230, 0, 80)!important;
    color: rgb(230, 0, 80)!important;
}

.more-info-btn {
display: inline-block;
padding: 10px 20px;
text-decoration: none;
font-size: 16px;
font-weight: 100!important;
border-radius: 5px;
transition: all, 0.5s;
-moz-transition: all, 0.5s;
-wekbkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
-ms-transition: all, 0.5s;
}
.more-info-btn:hover {
text-decoration: none!important;
}
.more-info-btn span {
display: inline-block;
margin-left: 10px;
transform: translateY(0.5px)!important;
}

.purple_background {
background-color: #5514b4;
	padding 20px;

}

/**** TEXT LINKS ****/

.cta_email, .text_link, .cta_email:hover, .text_link:hover, .phone_number {
color: #5514b4!important;
font-weight: normal!important;
}
.cta_email, .text_link {
text-decoration: none;
}
.cta_email:hover, .text_link:hover {
text-decoration: underline;
}
.purple_secondary_btn span, .magenta_secondary_btn span, .text_link span {
display: inline-block;
margin-left: 10px;
transform: translateY(0.5px)!important;
}
.text_link span, .text_link span:hover {
text-decoration: none!important;
}

.btn{
	display:block;
	    color: #5514b4;
	padding:0 20px;
	height:40px;
	line-height:
	40px;border-radius:
	5px;border:1px solid transparent;
	margin:0 10px 0 0;font-size:1rem;
	text-decoration:none;
	cursor:pointer;
	min-width:120px;
	text-align:center;
}

.btn:hover {
    transition: all .25s;
}

.btn:after {
    content: url('/Images/images/svg/arrow-right-purple.svg');
   
    width: 6px;
    height: auto;
    display: block;
	margin-bottom: -3px;
	text-align:center;
}



.btn.basic {
    border: 0;
    background: transparent;
    color: #5514b4;
    display: flex;
    align-items: center;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
	min-width: auto;
}

.btn.basic:hover {
    color: #540e85;
    text-decoration: underline;
}

.btn:hover {
    transition: all .25s;
}



.btn:hover {
    transition: all .25s;
}

.btn.basic:after {
    content: url('/Images/images/svg/arrow-right-purple.svg');
    margin-left: 10px;
    width: 6px;
    height: auto;
    display: block;
	margin-bottom: -3px;
}

#btn-center {
	display:block;
	    color: #5514b4;
	padding:0 20px;
	height:40px;
	line-height:40px;
	border-radius:5px;
	border:1px solid transparent;
	margin:0 10px 0 0;font-size:1rem;
	text-decoration:none;
	cursor:pointer;
	min-width:120px;
	text-align:center;
}

#btn:hover-center {
    transition: all .25s;
}

#btn:after-center {
    content: url('/Images/images/svg/arrow-right-purple.svg');
   
    width: 6px;
    height: auto;
    display: block;
	margin-bottom: -3px;
	text-align:center;
}
	
/* === back to the top button === */
		 
#backtotop {
  display: inline-block;
  background-color: #5514b4;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#backtotop::after {
  content: url('/Images/images/svg/arrow-up-1.svg');
  
}
#backtotop:hover {
  cursor: pointer;
  background-color: #6315a7;
}
#backtotop:active {
  background-color: #555;
}
#backtotop.show {
  opacity: 1;
  visibility: visible;
}
	



/**** FORCE THE TEXT COLOURS, IF REQUIRED ****/

.white-text {
color: white!important;
}
.blue-text {
color: rgb(0, 170, 220)!important;
}
.purple-text {
color: rgb(85, 20, 180)!important;
}
.grey-text {
color: rgb(51, 51, 51)!important;
}
.magenta-text {
color: rgb(230, 0, 80)!important;
}
.green-text 
{
color: rgb(80, 175, 80)!important;
}

/**** STAT BOXES, SHOULD BE REMOVED -THAT COMPONENT IS OLD AND NOT VERY ATTRACTIVE ****/

.stat-padding 
{
padding: 10px;
}


/**** VIDEO CONTAINER ****/

.video-container 
{
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}

.video 
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/**** USE WITH HTML5 VIDEO, THE ABOVE IS FOR IFRAMES AND SRC ****/

.video_container 
{
position: relative;
width: 100%;
}


#video-img {
width: 100%;
}


/**** QUOTE BOX ****/

.quote-box {}
.quote-border-right {
border-right: 5px solid;
}
.quote-border-left {
border-left: 5px solid;
}
.quote-border-top {
border-top: 5px solid;
}
.quote-border-bottom {
border-bottom: 5px solid;
}
.quote-border-full {
border: 5px solid;
}
.quote-border-purple {
border-color:#5514b4;
}
.quote-border-magenta {
border-color: rgb(230, 0, 80);
}
.quote-border-blue {
border-color: rgb(0, 170, 220);
}
.quote {font-family: 'bt-font-reg', sans-serif;font-size: 16px;padding: 60px;color: #3b3c3a;}
blockquote {background: #f1f1f1;margin: 1.5em 0;quotes: "\201C""\201D""\2018""\2019";}
	
blockquote i::before {
color: #3b3c3a;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.3em;
vertical-align: -0.4em;
}
blockquote i::after {
color: #3b3c3a;
content: close-quote;
font-size: 4em;
line-height: 0.1em;
margin-left: 0em;
vertical-align: -0.6em;
}


/*** REMAINING DESKTOP STYLES ***/

/*** FULL WIDTH HEADER ***/

.full-width-header-600
	{
		overflow: hidden;
		position: relative;
		height:600px;
		background-image:url('http://www.placehold.it/1920x600?text=Full-width-header');
		background-repeat:no-repeat;
		background-size:cover;
		background-position:0 0; 
	}
		
.full-width-header-400
	{
		overflow: hidden;
		position: relative;
		height:400px;
		background-image:url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/Public-Sector-header-pn.jpg');
		background-repeat:no-repeat;
		background-size:cover;
		background-position:0 0; 
	}
			
			

.full-width-header-400-government
	{
		overflow: hidden;
		position: relative;
		height:400px;
		background-image:url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/Government-and-Defence-header-2.jpg');
		background-repeat:no-repeat;
		background-size:cover;
		background-position:0 0; 
	}
			

.full-width-header-400-education
	{
		overflow: hidden;
		position: relative;
		height:400px;
		background-image:url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/Education-header-3.jpg');
		background-repeat:no-repeat;
		background-size:cover;
		background-position:0 0; 
	}
		
			
.full-width-header-400-healthcare
	{
		overflow: hidden;
		position: relative;
		height:400px;
		background-image:url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/Healthcare-header-pn.jpg');
		background-repeat:no-repeat;
		background-size:cover;
		background-position:0 0; 
	}
			
			
			
.full-width-header-400-bluelight
	{
		overflow: hidden;
		position: relative;
		height:400px;
		background-image:url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/Microsoft-bluelight-header.jpg');
		background-repeat:no-repeat;
		background-size:cover;
		background-position:0 0; 
	}
		
		
		
		

.header-content-container
	{
		width: 100%;
		display: flex;
		 /*justify-content: center;*/
		/*position: absolute;*/
		top:0;
		height:100%;
	}
			
			.header-content-container-government
	{
		width: 100%;
		display: flex;
		 /*justify-content: center;*/
		/*position: absolute;*/
		top:0;
		height:100%;
	}
			
			.header-content-container-education
	{
		width: 100%;
		display: flex;
		 /*justify-content: center;*/
		/*position: absolute;*/
		top:0;
		height:100%;
	}
			
			.header-content-container-healthcare
	{
		width: 100%;
		display: flex;
		 /*justify-content: center;*/
		/*position: absolute;*/
		top:0;
		height:100%;
	}
			
			.header-content-container-bluelight
	{
		width: 100%;
		display: flex;
		 /*justify-content: center;*/
		/*position: absolute;*/
		top:0;
		height:100%;
	}
			
			.header-content-container-grey
	{
		width: 100%;
		display: flex;
		 /*justify-content: center;*/
		/*position: absolute;*/
		top:0;
		height:100%;
	}



.header-content
	{
		/*box-sizing: border-box;*/
		/*padding: 2rem; */
		 /*transform: translateX(-50%);*/
		width: 27%;
		margin-left: 24%;
		align-self: center;
	}
	


.header-content h2
	{
		
	}

.header-content p
	{
		font-size:16px;
		line-height:20px;
		margin-bottom:30px;
		font-family: bt-font-reg;
		
	}	
		
	
	
	.hide-on-desktop{
		display:none!important;
	}
	
	
	#header_section{
		 display: inline-block;
		
		}

/*** FULL WIDTH HEADER END ***/


.cms-components .cms-component-content-panel {
	overflow: hidden;
	margin-bottom: 20px;
}

/*** header tags ***/

.h1-bg {
	font-size:48px !important;
	line-height:51px !important;
	font-weight:lighter;
	text-align:left !important;
    color: #ffffff !important;	
		font-family:bt-Font-Light !important;
		
}

		.h1-bg-grey {
	font-size:48px !important;
	line-height:51px !important;
	font-weight:lighter;
	text-align:left !important;
    color: #333333 !important;	
		font-family:bt-Font-Light !important;
		
}

.h2-bg {
	font-size:36px !important;
	line-height:40px !important;
	font-weight:lighter;
	text-align:left !important;
    color:#333333 !important;
		font-family:bt-Font-Light !important;
		
}

.h3-bg {
	font-size:28px !important;
	line-height:32px !important;
	font-weight:lighter;
    color:#333333 !important;
		font-family:bt-Font-Light !important;
			
}
			
	.h3-bg-purple {
	font-size:28px !important;
	line-height:32px !important;
	font-weight:lighter;
    color:#5514b4 !important;	
		font-family:bt-Font-Light !important;
		 
		  
}	
			

.h4-bg {
	font-size:20px !important;
	line-height:25px !important;
	font-weight:lighter;
	text-align:left !important;
    color:#333333 !important;	
		font-family:bt-font-reg !important;
		 
		  
}
		
.h4-bg-purple {
	font-size:20px !important;
	line-height:25px !important;
	font-weight:lighter;
	text-align:center !important;
    color:#5514b4 !important;	
		font-family:bt-font-reg !important;
		
		  
}


.h5-bg {
	font-size:16px !important;
	line-height:21px !important;
	font-weight:lighter;
	text-align:left !important;
    color:#333333 !important;	
		font-family:bt-font-reg !important;
		   
}
		
.h5-bg-purple {
	font-size:16px !important;
	line-height:21px !important;
	font-weight:lighter;
	text-align:left !important;
    color:#5514b4 !important;
		font-family:bt-font-reg !important;
		   
}


#center {
    font-size: 36px!important;
    line-height: 40px!important;
font-family:bt-Font-Light !important;
	color: #333333;
	text-align: center !important;
			   
}
	
	#center-h3 {
font-family:bt-Font-Light !important;
    font-size: 20px;
    line-height: 24px;
	color: #333333;
	text-align: center;
		
	}	   

#center-p {
    font-family: bt-font-reg;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
	text-align: center;
	padding:10px;
		
  
}

	.center-h3 {
font-family:bt-Font-Light !important;
    font-size: 20px!important;
    line-height: 24px!important;
    color: #333333;
		text-align: center;
	
	
}


		#center-h4 {
font-family:bt-font-reg !important;
    font-size: 20px!important;
    line-height: 24px!important;
    color: #333333;
		text-align: center;


}

	
	#button {
    border: 0;
    background: transparent;
    color: #5514b4;
    align-items: center;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 65px;
    min-width: auto;
}

.header-panel {}
.header-panel-with-logo {
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 20px;
}
.header-panel-with-logo>.title-container {}
.header-panel-with-logo>.page-logo {
	text-align: right;
}
.value {
	font-size: 6em;
	position: relative;
	top: 22px;
	font-weight: bold;
}
.float-right {
	float: right;
	margin-right: 0px;
	margin-left: 20px;
}
.float-left {
	float: left;
	margin-right: 20px;
	width: 45%;
}
.title-container {
	
}
.nav-fix {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 0px;
	box-shadow: 0px 1px 20px rgba(0,0,0,0.3);
}
.page-navigation {
	overflow: hidden;
	text-align: center;
	margin-bottom: 20px;
}
.page-navigation ul {
	list-style: none;
	margin: 10px 0 0 0!important;
	padding: 0;
	font-size: 0;
}
.page-navigation ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.page-navigation ul li:first-child {
	border-left: none;
}
.page-navigation ul li a {
	padding: 0px 15px;
	transition: all ease-in-out 0.5s;
	display: block;
	text-decoration: none;
	width: auto;
	font-size: 16px;
}
.page-navigation ul li a:hover, .page-navigation ul li a:focus {
	text-decoration: none;
}

/*** STYLE FOR PURPLE NAV ***/

.nav-style-1 {
	background-color: #5514b4;
}
.nav-style-1 ul li {
	border-left: thin solid white;
}
.nav-style-1 ul li a {
	color: white!important;
}
.nav-style-1 ul li a:hover, .nav-style-1 ul li a:focus {
	background-color: #cccccc;
	text-decoration: none;
}

/*** STYLE FOR WHITE NAV ***/

.nav-style-2 {
	background-color: #ffffff;
	opacity: 1;
}
.nav-style-2 ul li {
	border-left: thin solid #cccccc;
	border-bottom: 5px solid white;
	padding-top: 5px;
}
.nav-style-2 ul li:hover {
	border-bottom-color: #5514b4;
}
.nav-style-2 ul li a {
	color: #333333!important;
}
.nav-style-2 ul li a:hover, .nav-style-2 ul li a:focus {
	color: #5514b4;
	text-decoration: none;
}

/*** INTRO PANELS ***/

.intro-panel, .video-panel {
	position: relative;
	overflow: hidden;
	margin-bottom: -106px;
	height: 400px;
	width: 100%;
}

/*** IF YOU NEED TO CHANGE THE BACKGROUND IMAGE, EITHER CHANGE IT IN THE MINI-SITE SUB PAGE CSS OR CREATE A NEW CLASS AND SWAP THE BG IMAGE THAT WAY TO OVERWRITE THE BELOW ***/

.intro-panel
	{
	}

/*** YOU CAN REPLACE THE BELOW IMAGE WITH AN ANOTHER CLASS ***/

.the-image
	{
		background:url('/Images/vendors/PROJECTS/BTBD/DSGN-680337-eProcurement-Punchout/case-study.jpg') no-repeat;
	}

.intro-panel-img
	{
		width:209px;
		background-position:50% 0;
		background-size:cover;
		margin:0;
		height:250px;
		float:left;
	}


.intro-panel>.copy-container, .video-panel>.copy-container {
	float:left;
	position: relative;
	background-color: #5514b4;
	padding: 24px;
	height: 62.4%;
	bottom: 0;
	width: 78%;
	z-index: 1;
	box-sizing: border-box;
}
.copy-container
	{
		margin:0;
		float:left;
	}
.copy-container p {
	font-size: 16px;
	line-height: 22px;
	position: absolute;
	bottom: -59px;
	box-sizing: border-box;
	padding: 5% 5% 10% 1%;
	margin: 0!important;
}

.copy-block-container {
	padding: 5px;
	margin-bottom: 10px;
}



/*** IMAGE HOME ***/	

.the-image-home

	{
		background:url('/Images/vendors/PROJECTS/BTBD/DSGN-473044-PS-Mini-site/TechPerks.jpg') no-repeat;
		
	
	}


.intro-panel-img-call-out-home {
    width: 55%;
    background-position: 52% 0;
    background-size: cover;
    margin: 0;
    height: 447px;
    float: right;
}


.intro-panel-call-out-home>.copy-container-call-out-home, .video-panel>.copy-container-call-out-home {
	float:left;
	position: relative;
	background-color: #ededed;
	padding: 50px;
	height: 70%;
	bottom: 0;
	width: 45%;
	z-index: 1;
	box-sizing: border-box;
}
.copy-container-call-out-home
	{
		margin:0;
		float:left;
	}



/*** CALL OUTS START ***/	
.the-image-call-out
	{
		background:url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/MS-ambulance.jpg') no-repeat;
	}


.the-image-call-out-2
	{
		background:url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/Cheshire-police.jpg') no-repeat;
	}



.the-image-computing
	{
		background:url('/Images/vendors/PROJECTS/BTBD/DSGN-670611-About-us/computing.jpg') no-repeat;
	}


.the-image-techknow-2

	{
		background:url('/Images/vendors/PROJECTS/BTBD/DSGN-670611-About-us/techknow-2.jpg') no-repeat;
	}



.intro-panel-call-out>.copy-container-call-out, .video-panel>.copy-container-call-out {
	float:left;
	position: relative;
	background-color: #ededed;
	padding: 50px;
	height: 70%;
	bottom: 0;
	width: 45%;
	z-index: 1;
	box-sizing: border-box;
}
.copy-container-call-out
	{
		margin:0;
		float:left;
	}





.intro-panel-call-out-2>.copy-container-call-out-2, .video-panel>.copy-container-call-out-2 {
	float:left;
	position: relative;
	background-color: #ededed;
	padding: 50px;
	height: 70%;
	bottom: 0;
	width: 45%;
	z-index: 1;
	box-sizing: border-box;
}
.copy-container-call-out-2
	{
		margin:0;
		float:left;
	}

.copy-container p {
	font-size: 16px;
	line-height: 22px;
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	padding: 5% 5% 43% 1%;
	margin: 0!important;
}

.copy-block-container {
	padding: 5px;
	margin-bottom: 10px;
}

/*** CALL OUTS END ***/

/*** SOLUTIONS ***/

.intro-panel-solutions-box,  {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	height: 400px;
	width: 275%;
}

.the-image-solutions-box
	{
		background:url('/Images/vendors/PROJECTS/BTBD/DSGN-680337-eProcurement-Punchout/case-study.jpg') no-repeat;
	}

.intro-panel-img
	{
		width:209px;
		background-position:50% 0;
		background-size:cover;
		margin:0;
		height:250px;
		float:left;
	}


.intro-panel>.copy-container, .video-panel>.copy-container {
	float:left;
	position: relative;
	background-color: #5514b4;
	padding: 24px;
	height: 62.4%;
	bottom: 0;
	width: 78%;
	z-index: 1;
	box-sizing: border-box;
}
.copy-container-solutions-box
	{
		margin:0;
		float:left;
	}
.copy-container-solutions-box {
	font-size: 16px;
	line-height: 22px;
	position: absolute;
	bottom: -59px;
	box-sizing: border-box;
	padding: 5% 5% 10% 1%;
	margin: 0!important;
}

.copy-block-container {
	padding: 5px;
	margin-bottom: 10px;
}











/*** TEXT COLUMNS ***/

.two-text-col {
	column-count: 2;
	column-gap: 60px;
	column-rule: thin solid #eaeaea;
	column-width: 45%;
	/**/
	-moz-column-count: 2;
	-moz-column-gap: 60px;
	-moz-column-rule: thin solid #eaeaea;
	-moz-column-width: 45%;
	/**/
	-webkit-column-count: 2;
	-webkit-column-gap: 60px;
	-webkit-column-rule: thin solid #eaeaea;
	-webkit-column-width: 45%;
}
.two-text-col:first-child, .three-text-col:first-child {
	margin-top: 0;
}
.three-text-col {
	column-count: 3;
	column-gap: 60px;
	column-rule: thin solid #eaeaea;
	column-width: 33.3%;
	/**/
	-moz-column-count: 3;
	-moz-column-gap: 60px;
	-moz-column-rule: thin solid #eaeaea;
	-moz-column-width: 33.3%;
	/**/
	-webkit-column-count: 3;
	-webkit-column-gap: 60px;
	-webkit-column-rule: thin solid #eaeaea;
	-webkit-column-width: 33.3%;
}
.two-text-col p:first-child, .three-text-col p:first-child, .two-text-col h2:first-child, .three-text-col h2:first-child, .two-text-col ul:first-child, .three-text-col ul:first-child {
	margin-top: 0!important;
}

/*** ROWS AND GRID ***/


[class*="row-"] {
	overflow:hidden;
/***	display:flex;
	justify-content:flex-start;	 ***/
}

[class*="row-testimonial"] {
	overflow:hidden;
	height:250px;
/***	display:flex;
	justify-content:flex-start;	 ***/
}
.reverse{
	flex-flow:row-reverse;
}

[class*="col-"] {
	box-sizing: border-box;
	margin-right:42px;
	font-size:14px;
	float:left;
	position:relative;
	}

[class*="col-fss"] {
	box-sizing: border-box;
	margin-right:34px;
	font-size:14px;
	float:left;
	position:relative;
	padding-left: 21px;
	padding-right: 21px;
	color: white !important;
	}
	
[class^="col-"]:last-child {
	margin-right: 0;
}
[class^="col-"] img {
	width: 100%;
		padding-bottom: 10px;
}
[class^="col-"] p {
	margin-top: 20px!important;
}

[class^="col-fss"] p {
	margin-top: 20px!important;
}


.col-2 {
	width: 46.6%;
}
.col-3 {
	width: 30.4%;
	margin-bottom:20px;
}

.col-3-panel {
	width: 29.9%;
	margin-bottom:20px;
}

.col-4 {
	width: 21.3%;
}

.col-4-a {
	width: 22.3%;
}



.col-5 {
	width: 21.3%;
}

.col-logo {
	width: 10.3%;
}

.col-logo-2 {
    width: 12.3%;
    padding-left: 17px;
}

.col-2-testimonial {
	width: 62.8%;
		padding: 48px;
}
.col-no-margin {
	
width: 21.3%;
    box-sizing: border-box;
    margin-left: 0px;
    font-size: 14px;
    float: left;
    position: relative;
}

.col-2-testimial-image {
	width: 27.8%;
}


	
.col-4-solutions {
	width: 21.3%;
}


element.style {
    box-sizing: border-box;
    padding: 2%;
    border: 2px solid #5514b4;
    background-color: #ffffff;
}

/*** ARTICLE STYLE ***/

#solutions  {
    border: 1px solid transparent;
    padding: 11px;
    margin-bottom: 20px;
    margin-top: 0px;
    border-color: #d8d8d8;
    border-image-slice: 1;
margin-left: -42px;
width: 250px;
padding-bottom: 23px;

}
	
	

/*** ARTICLE STYLE ***/
	
.article-link
	{
		box-sizing:border-box;
		border-bottom:thin solid #CCCCCC;
		margin: 20px 0;
	}	

.article-link-white
	{
		box-sizing:border-box;
		border-bottom:thin solid #FFFFFF;
		margin: 32px 0;
	}	
	
.article-img
	{
		margin-bottom:20px;
	}
	
.article-line {
   
	
    width: 290px;
    height: 1px;
    margin: 0 auto;
    background: #d8d8d8;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}	

.article-text-border:before {
    content: "";
    width: 290px;
    height: 1px;
    margin: 0 auto;
    background: #d8d8d8;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.director-cta
	{
		padding-top:15px;
	}


/*** ARTICLE STYLE 2 ***/



#artical-style-2 {
    border: 1px solid transparent;
    padding: -2px;
    margin-bottom: 20px;
    margin-top: 0px;
    border-color: #d8d8d8;
    border-image-slice: 1;
     margin-left: 2px;
    width: 296px;
    padding-bottom: 18px;
}

	.column h6-artical-style {
    font-family: bt-font-reg;
    font-size: 14px;
    line-height: 22px;
    color: #333333;
    padding: 10px;
}

.column p-artical {
    font-family: bt-font-reg;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding-left: 10px;
}
	

/*** ARTICLE STYLE 2 END ***/
	
/*** COLUMN CONTAINER ***/

.column-container {
    overflow: hidden;
    padding: 0px;
    border: thin solid #eaeaea;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 20px;
}

.column-container-text {
    overflow: hidden;
    padding: 10px;
   text-align: left;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 20px;
}
.three-col {
       width: 31.8%;
    margin-right: 1%;
    height: 445px;
}

.four-col {
       width: 23.486%;
       margin-right: 1%;
       height: 498px;
}




			.quote-2 {font-family: 'bt-font-reg', sans-serif;font-size: 16px; line-height: 20px; padding: 0px;color: #3b3c3a;}
blockquote-2 {background:  188px;margin: 4.5em 0;quotes: "\201C""\201D""\2018""\2019";}
blockquote-2 i::before {
color: #ffffff;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.3em;
vertical-align: -0.4em;
}
blockquote-2 i::after {
color:  #ffffff;
content: close-quote;
font-size: 4em;
line-height: 0.1em;
margin-left: 0em;
vertical-align: -0.6em;
}


/*** COLUMN CONTAINER END ***/

@import "bourbon";
/*---- NUMBER OF SLIDE CONFIGURATION ----*/
$num-of-slide: 5;

.wrapper {
    max-width: 60em;
    margin: 1em auto;
    position: relative;
}



.inner {
    width: percentage($num-of-slide);
    line-height: 0;
}

article {
    width: percentage(1/$num-of-slide);
    float: left;
    position: relative;

    img {
        width: 100%;
    }
}

/*---- featuredblocks ----*/


.featuredblocks {

border-top: thin solid #5514b4; 
	   align: center;
	width:  40px;
    margin: 20px 0;
}






//
// Steps
// --------------------------------------------------

.step {
  position: relative;
  .step-number {
    padding-bottom: .625rem;
    color: $white;
    font: {
      family: $headings-font-family;
      size: ($font-size-base * 8.625);
      weight: 900;
    }
    line-height: 1;
    text-shadow: 0 .625rem 1.5rem rgba($gray-700, .14);
  }
  .step-title {
    position: relative;
    margin: 0;
    padding-bottom: 1.25rem;
    font: {
      size: $font-size-xl;
      weight: 700;
    }
    &::after { @extend %divider; }
  }
  .step-text {
    margin: 0;
    padding-top: 1.625rem;
    color: $gray-500;
    font-size: $font-size-md;
  }
  .step-link {
    display: inline-block;
    margin-top: ($spacer / 2);
    padding: ($spacer * .625) 0;
    transform: translateY(-5px);
    transition: all .3s;
    color: $primary;
    font: {
      size: $font-size-sm;
      weight: bold;
    }
    letter-spacing: .1em;
    text-decoration: none;
    opacity: 0;
    > i {
      display: inline-block;
      margin-left: ($spacer / 8);
      transition: all .25s;
      font-size: 1.2em;
      vertical-align: middle;
    }
    &:hover > i { transform: translateX(3px); }
  }
  &:hover {
    .step-link {
      transform: translateY(0);
      opacity: 1;
    }
  }
  &.text-center {
    .step-title::after {
      left: 50%;
      margin-left: -18px;
    }
  }

  // With Icon
  &.step-with-icon {
    padding-top: 4.375rem;
    text-align: center;
    .step-number {
      position: absolute;
      top: 0;
      right: -.3125rem;
      font-size: ($font-size-base * 11);
    }
    .step-icon {
      position: relative;
      width: 140px;
      height: 140px;
      margin: {
        right: auto;
        bottom: ($spacer * 1.75);
        left: auto;
      }
      border-radius: 50%;
      color: $primary;
      font-size: ($font-size-base * 2.3);
      line-height: 140px;
      text-align: center;
      z-index: 5;
      > img {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        max-width: 48px;
        margin-left: -24px;
        transform: translateY(-50%);
      }
      &::before, &::after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: all .4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
        border-radius: 50%;
        content: '';
      }
      &::before {
        transform: scale(0);
        background-color: rgba($primary, .1);
        opacity: 0;
      }
      &::after { border: 1px dashed rgba($primary, .3); }
    }
    .step-title::after {
      left: 50%;
      margin-left: -18px;
    }
    &:hover .step-icon {
      &::before {
        transform: scale(1);
        opacity: 1;
      }
      &::after {
        top: -40%;
        left: -40%;
        width: 180%;
        height: 180%;
      }
    }
  }
  &.step-light-skin {
    .step-number {
      color: rgba($white, .1);
      text-shadow: none;
    }
    .step-title { color: $white; }
    .step-text { color: rgba($white, .5); }
  }
}

	
/*---- Carousel Slider ----*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);	

html {
  border-top: 5px solid #fff;
  
  color: #2a2a2a;
}


h1 {
  color: #fff;
  text-align: center;
  font-weight: 300;
}

#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 980px;
//maxmax-width: 100%;
  height: 300px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}

			

/*    Faster, Safer, Smarter Boxes     */

.rounded-box-b {
  width: 31%;
  height: 180px;
  background-color: #008dbf;

 	border-top-left-radius: 0px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 30px;
} *
	
	.rounded-box-y {
  width: 31%;
  height: 180px;
  background-color: #ffab4e;

 	border-top-left-radius: 0px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 30px;
} *
	
	.rounded-box-r {
  width: 31%;
  height: 180px;
  background-color: #e52c54;

 	border-top-left-radius: 0px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 30px;
} *
	
/*    Faster, Safer, Smarter Boxes     */	
	
	/*   Icon boxes     */			
			
			
			.solutions {
    transition: all, 500ms;
        background: white;

}
			
		
/*** IMAGE PANEL LINKS ***/
	
.nav_tile
	{
		height:300px;
		overflow:hidden;
		position:relative;
		text-align:center;
		border:thin solid white;
		transition:all, 0.5s;
	}

.nav_tile:hover
	{
		cursor:pointer;
	}


.nav_tile p
	{
		align-self:center;
		font-size:14px;
		line-height:21px;
		width:100%;
		height:100%;
		margin:0!important;
	}
	
.computing
	{
	/*background-image:url('/Images/vendors/PROJECTS/BTBD/DSGN-626332-BTLB-landing-page/computing.jpg');*/
		background-size:cover;
		background-repeat:no-repeat;	
	}
		 
.computing:hover
	{
		/*border-color:rgb(100,0,170);*/
		opacity: 0.5;
	}
	
.nav_tile a
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
		
.grey
	{
		position: absolute;
		bottom: 0;
		/**/
		width: 100%;
		height:60px;
		padding-top: 10px;
		background-color:rgb(0,0,0);
		    opacity: 0.8;
		border-color:#5514b4;
	}
		
		
.centre-copy {
    
    bottom: 0;
    width: 100%;
    height: 60px;
    padding-top: 140px;       
	}
		
.homepage-copy {
	
	color:rgb(255,255,255);
	font-size: 20px;
    }

.homepage-copy:hover {
	
	color:white !important; 
	font-size: 20px;
	text-decoration:underline !important;
    }




/* === back to the top button === */
		 
#backtotop {
  display: inline-block;
  background-color: #5514b4;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#backtotop::after {
  content: url('/Images/images/svg/arrow-up-1.svg');
  
}
#backtotop:hover {
  cursor: pointer;
  background-color: #6315a7;
}
#backtotop:active {
  background-color: #555;
}
#backtotop.show {
  opacity: 1;
  visibility: visible;
}
	




/***** Scrolling Logo *****/
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/***** Scrolling Logo *****/

@keyframes slide {
  from { left: 0 }
  to { left: -980px }
}

.slider2 {
  width: 1200px;
  overflow: hidden;
}

.container2 {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  animation-name: slide;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.container2 div {
  padding: 20px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 100px;
  width: 100px;
}

.logos {
  height: auto !important;
  width: 122% !important;
}

/***** gallery *****/

#Gallery {
  margin-top: 30px;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.gallery-item { 
  float: left;
  position: relative;
  width: 20%;
  padding-bottom: 14%;
}
.gallery-item a {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  overflow: hidden;
}
.gallery-item a img {
  width: 100%;
}

@media only screen and (max-width:480px) { 
    /* Smartphone view: 1 tile */
    .gallery-item {
        width: 100%;
        padding-bottom: 100%;
    }
}
@media only screen and (max-width:650px) and (min-width:481px) { 
    /* Tablet view: 2 tiles */
    .gallery-item {
        width: 50%;
        padding-bottom: 33.3%;
    }
}
@media only screen and (max-width:1050px) and (min-width:651px) { 
    /* Small desktop / ipad view: 3 tiles */
    .gallery-item {
        width: 33.3%;
        padding-bottom: 23%;
    }
}
@media only screen and (max-width:1290px) and (min-width:1051px) { 
    /* Medium desktop: 4 tiles */
    .gallery-item {
        width: 25%;
        padding-bottom: 17%;
    }
}



/* Directly from:
http://photoswipe.com/latest/photoswipe.css
*/
body.ps-active 
{
	-webkit-text-size-adjust: none;
}
body.ps-active * 
{ 
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
}
body.ps-active *:focus 
{ 
	outline: 0; 
}


/* Document overlay */
div.ps-document-overlay 
{
	background: #000;
}


/* Viewport */
div.ps-viewport 
{
	background: #000;
	cursor: pointer;
}


/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{
	background: #000;
}


/* Slider */
div.ps-slider-item-loading 
{ 
	background: url(http://abvichico.com/images/photoswipe/photoswipe-loader.gif) no-repeat center center; 
}


/* Caption */
div.ps-caption
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
}

div.ps-caption-bottom
{ 
	border-top: 1px solid #42403f;
	border-bottom: none;
}

div.ps-caption-content
{
	padding: 13px;
}


/* Toolbar */
div.ps-toolbar
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
}

div.ps-toolbar-top 
{
	border-bottom: 1px solid #42403f;
	border-top: none;
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor: pointer;
	display: table-cell;
}

div.ps-toolbar div div.ps-toolbar-content
{
	width: 44px;
	height: 44px;
	margin: 0 auto 0;
	background-image: url(http://abvichico.com/images/photoswipe/photoswipe-icons.png);
	background-repeat: no-repeat;
}

div.ps-toolbar-close div.ps-toolbar-content
{
	background-position: 0 0;
}

div.ps-toolbar-previous div.ps-toolbar-content
{
	background-position: -44px 0;
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
	background-position: -44px -44px;
}

div.ps-toolbar-next div.ps-toolbar-content
{
	background-position: -132px 0;
}

div.ps-toolbar-next-disabled div.ps-toolbar-content
{
	background-position: -132px -44px;
}

div.ps-toolbar-play div.ps-toolbar-content
{
	background-position: -88px 0;
}

/* Hi-res retina display */
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
	div.ps-toolbar div div.ps-toolbar-content
	{
		-webkit-background-size: 176px 88px;
		background-image: url(http://abvichico.com/images/photoswipe/photoswipe-icons@2x.png);
	}
}							  
							  
/***** Scrolling Logo *****/
							  
	
/*** THIS WILL LOOK FOR EVERY NTH INSTANCE OF THE COLUMN - E.G FOR 3 COLUMNS IT WILL LOKO FOR EVERY THIRD ONE, ETC, AND REMOVE THE RIGHT MARGIN - USE WHEN MULTIPLE COLUMNS ARE IN A SINGLE ROW ***/
/*** OTHERWISE, LEAVE IT COMMENTED OUT ***/	
	
/*.col-2:nth-child(2n),
.col-3:nth-child(3n),
.col-4:nth-child(4n) 	
{
	margin-right:0;
}*/

/*** THIS WILL LOOK FOR EVERY NTH INSTANCE OF THE COLUMN - AND REMOVE ANY FLOAT THAT COMES BEFORE IT SO THAT THE COLUMNS LINE UP - USE WHEN MULTIPLE COLUMNS ARE IN A SINGLE ROW ***/	
/*** OTHERWISE, LEAVE IT COMMENTED OUT ***/	
	
/*.col-2:nth-child(2n) + div,	
.col-3:nth-child(3n) + div,
.col-4:nth-child(4n) + div
	{
		clear:both;
	}
*/
	
/* [ TO VERTICALLY CENTRALISE TEXT CONTENT IN A COLUMN ] */
		
.col-align
	{
		align-self:center;
	}
		
.column-content
	{
		box-sizing:border-box;
		padding:20px;
	}
		
.reverse .column-content
	{
		box-sizing:border-box;
		padding-left:0;
	}

/*** QUICK BORDERS ***/

.border {
	border: thin solid #dddddd;
}
.border-left {
	border-left: thin solid #dddddd;
}
.border-right {
	border-right: thin solid #dddddd;
}
.border-top {
	border-top: thin solid #dddddd;
}
.border-bottom {
	border-bottom: thin solid #dddddd;
}

/*** SETS HEIGHTS FOR H2 AND P TAGS WHEN USED WITH 'COL-' CLASSES - USE SPARINGLY, THEY'RE NOT AN IDEAL APPROACH ***/

.h2-two-lines {
	height: 50px;
}
.h2-three-lines {
	height: 75px;
}
.h2-four-lines {
	height: 100px;
}
.p-three-lines {
	height: 72px;
}
.p-four-lines {
	height: 96px;
}
.p-five-lines {
	height: 120px;
}
.p-six-lines {
	height: 144px;
}
.p-seven-lines {
	height: 168px;
}
.p-eight-lines {
	height: 192px;
}
.p-ten-lines {
	height: 240px;
}
.p-eleven-lines {
	height: 264px;
}
.p-twelve-lines {
	height: 288px;
}


/*** CLEANS UP DEFAULT UL/LI LIST STYLING FOR DESKTOP ***/


.list_col {
	display: inline-block;
	width: 46%;
	vertical-align: top;
	margin-right: 20px;
}
.list_col:last-child {
	margin-right: 0;
}
.list_ {}
.list_ ul {}
.list_ ul li {
	list-style: disc;
}


/*** THE BELOW IS USED WITH LINE LISTING AND OTHER PRODUCT CONTAINERS ***/


.cms-component-product-line-listing {}
.product-merchant {
	background-color: white!important;
}
.product-merchant .lower-section {
	background-color: white!important;
	box-shadow: none!important;
}
table.product-listing {
	background-color: transparent!important;
}
table.product-listing td.compare-col {
	display: none;
}
.cms-components .cms-component-featured-product-large {
	margin: 0px !important;
	border: medium none !important;
	width: 100%;
	padding: 20px !important;
}
.featuredWrapInner {
	background-color: white;
	width: 94%;
	padding: 10px;
}
.cms-components .cms-component-featured-product-large .image {
	width: 39%!important;
	display: inline-block;
	float: none!important;
	vertical-align: middle;
	text-align: left;
	background-color: white;
}
.cms-components .cms-component-featured-product-large .description {
	width: 55%;
	position: relative;
	display: inline-block;
	float: none!important;
	vertical-align: middle;
	background-color: white;
	margin: 0px;
	padding: 10px;
}


/*** CTA STYLES ***/


.cta_email, .text_link, .phone_number {
	text-decoration: none;
	color: #5514b4!important;
}
.cta_email:hover, .text_link:hover {
	text-decoration: underline;
	color: rgb(100, 0, 170)!important;
}
.phone_number {
	font-size: 26px;
}
.text_link span {
	display: inline-block;
	margin-left: 10px;
	transform: scale(1.2);
	margin-top: -1px;
}
.text_link span, .text_link span:hover {
	text-decoration: none!important;
}

/*** FOR HTML BANNERS ***/

	
.banner-style {
	position: relative;
	overflow: hidden;
	margin: 10px 0;
}
.banner-style .col-2:last-child {
	max-width: 50%;
}
	
.banner-content
	{
		box-sizing:border-box;
		padding:20px 0 0 0;
	}
	
.banner-content h2 {
	margin: 0 0 0 0!important;
}
.banner-content p {
	margin: 5px 0 0 0!important;
}
	
.banner-content a
	{
		margin-top:20px;
	}	


/*** SCALEABLE TABLES, ADJUST TO SUIT IN THE MINI-SITE SUB PAGE CSS IF REQUIRED ***/

.table_container {
	overflow: hidden;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 10px;
}
.table_col {
	float: left;
	width: 19.55%;
	border-right: thin solid white;
}
.table_col:last-child {
	border-right: none;
}
.table_cell {
	background-color: #ebebeb;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.table_cell:nth-child(even) {
	background-color: #fff;
}
.table_cell:nth-child(1) {
	font-weight: bold;
	background-color: #343434;
	color: #fff;
	text-transform: uppercase;
}


/*** MODAL POP UP, MAINLY USED ON THE EVENT CALENDAR ***/


.modal {
	position: fixed;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background-color: rgba(85, 20, 180, 0.8);
	overflow-y: auto;
}
.modalWrapper {
	height: 100%;
	width: 100%;
	display: table;
}
.modalContent {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 100%;
	height: 100%;
}
.modalBox {
	margin: 0 auto;
	max-width: 100%;
	box-sizing: border-box;
	padding: 50px;
	background-color: white;
	width: 700px;
	border-radius: 5px;
}
.noBackground {
	background-color: transparent!important;
}
.modalInfo {
	width: 100%;
}
.modalInfo img {
	max-width: 100%;
	height: auto;
}
.modalInfoCopy {
	margin: 10px 0;
}
.closeModal {
	position: fixed;
	height: 50px;
	width: 50px;
/* IF THE PAGE YOU ARE WORKING ON DOESN'T HAVE A FIXED HEADER, THEN REDUCE THE TOP VALUE TO 2%*/	
	top: 8%;
	right: 2%;
	transform: rotate(45deg);
}
.closeModal:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	height: 0;
	width: 2px;
	background: rgba(255, 255, 255, 0.7);
}
.closeModal:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	width: 0;
	height: 2px;
	background: rgba(255, 255, 255, 0.7);
}
.modal.active .modalWrapper .modalContent .closeModal:hover {
	cursor: pointer;
}
.modal.active .modalWrapper .modalContent .closeModal::before, .modal.active .modalWrapper .modalContent .closeModal::after {
	background: rgba(255, 255, 255, 1);
}
.modal.active .modalWrapper .modalContent .closeModal::before {
	transition: .25s .5s ease-in-out;
	height: 100%;
}
.modal.active .modalWrapper .modalContent .closeModal::after {
	transition: .25s .25s ease-in-out;
	width: 100%;
}
.modal.active {
	z-index: 1;
	left: 0%;
	animation: fadeIn .25s ease-in-out;
}


/*** FLIP CONTAINERS ***/


.flip-container {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
	/**/
	float: left;
	margin: 20px 20px 20px 0;
}
.flip-container:last-child {
	margin-right: 0!important;
}
.front {
	z-index: 2;
	/**/
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.back {
	z-index: 1;
	/**/
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	/**/
	background-color: #5514b4;
	color: white;
}
.back a {
	text-align: center;
	color: white;
	padding: 120px 10px 10px 10px;
	display: block;
	position: relative;
	font-size: 1.5em;
	text-decoration: none;
}
.back a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 140%;
}
/* For Internet Explorer */
.flip-container:hover .front, .flip-container.hover .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
/* For Internet Explorer */
.flip-container:hover .back, .flip-container.hover .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.flip-container, .front, .back {
	width: 230px;
	height: 230px;
}
.flipper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/**/
	position: relative;
}
.front, .back {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/**/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	/**/
	-webkit-transition: 1.0s;
	-moz-transition: 1.0s;
	-ms-transition: 1.0s;
	-o-transition: 1.0s;
	transition: 1.0s;
	/**/
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
	/**/
	position: absolute;
	top: 0;
	left: 0;
}



/*** THINGS YOU NEED TO KNOW NEW BRAND ***/


.things-new-brand p {
	font-size: 16px;
	font-weight: bold;
}
.things-new-brand p:hover {
	cursor: pointer;
}
.things-new-brand p::after {
	 content:  url("/Images/vendors/PROJECTS/BTBD/DSGN-670611-About-us/BT_Iconography_Arrow_Down_white-72-small-3.png");
	display: inline-block;
	margin-left: 772px;	
	padding-bottom: 10px
		
}
.things-new-brand p.close::after {
content: url("/Images/vendors/PROJECTS/BTBD/DSGN-670611-About-us/BT_Iconography_Arrow_Down_purple_close-2.png");
	display: inline-block;
	margin-left: 772px;	
}
.things-new-brand ol, .things>div {
	display: none;
}
.things-new-brand ol.showOl, .things>div.showOl {
	display: block;
	margin-top: 20px;
}
.things-new-brand ol li {
	list-style: decimal!important;
	margin-left: 24px;
}
	
	

	
/*** THINGS YOU NEED TO KNOW ***/


.things p {
	font-size: 16px;
	font-weight: bold;
}
.things p:hover {
	cursor: pointer;
}
.things p:after {
	content: " +";
	display: inline-block;
	margin-left: 20px;
}
.things p.close:after {
	content: " -";
	display: inline-block;
	margin-left: 20px;
}
.things ol, .things>div {
	display: none;
}
.things ol.showOl, .things>div.showOl {
	display: block;
	margin-top: 20px;
}
.things ol li {
	list-style: decimal!important;
	margin-left: 24px;
}

/*** SITE MAP FOOTER LINKS, NORMALLY USED IN A HUB ***/

#footer_links {
	padding: 10px;
	overflow: hidden;
}
#footer_links ul {
	float: left;
	margin-right: 34px !important;
	padding: 0px;
	margin-left: 0px;
	list-style: outside none none;
	width: 13.1%;
}
#footer_links ul li:first-child {
	margin-bottom: 10px;
}
#footer_links ul li:first-child a {
	color: #55379b !important;
	text-decoration: none;
	background: #f1f1f1;
	padding: 5px;
	width: 100%;
	display: block;
	text-align: center;
	border: thin solid #ccc;
	transition: all, 500ms;
}
#footer_links ul li:first-child a:hover {
	background: #5514b4;
	border: thin solid #5514b4;
	color: white!important;
	text-decoration: none;
}
#footer_links ul:last-child {
	margin-right: 0!important;
}
#footer_links ul li a {
	text-decoration: none;
	color: #333333;
}
#footer_links ul li a:hover {
	text-decoration: underline;
	color: #333333;
}


/*** ACCORDION ***/


.accordion-wrapNK {
	margin-bottom: 20px;
}
.accordion-contentNK {
	display: none;
	padding: 20px;
	border: thin solid
	margin-top: -14px; #5514b4;
}
.accordion-contentNK p {
	margin: 0!important;
}
.accordion-toggleNK {
	box-sizing: border-box;
	padding: 20px;
	color: white!important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
	background-color: #5514b4;
}
.accordion-toggleNK:hover {
	cursor: pointer;
}
.accordion-toggleNK img {
	width: 40px;
	float: right;
}

/*** CAN'T RECALL WHAT THE BELOW STYLING IS FOR - IF WE CAN'T TRACE IT THEN GET RID OF IT ***/


.key_facts {
	text-align: center!important;
}
.fact_icon {
	/* [BOX] */
	border-radius: 50%;
	width: 160px;
	height: 160px;
	margin: 0 auto;
	/* [COLOURS] */
	/* [ CHANGE COLOURS TO SUIT] */
	background-color: #8ec0e7;
	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 {
	/* [ CHANGE COLOURS TO SUIT] */
	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/DSGN-463563-GDPR-Edu/calendar_blue.png');
}
	
/************Parrallax*************/

@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);

/* Override UGG site */
#main {width: 100%; padding:0;}
.content-asset p {margin:0 auto;}
.breadcrumb {display:none;}

/* Helpers */
/**************************/
.margin-top-10 {padding-top:10px;}
.margin-bot-10 {padding-bottom:10px;}

/* Typography */
/**************************/
#parallax-world-of-ugg h1 {font-family:'Oswald', sans-serif; font-size:24px; font-weight:400; text-transform: uppercase; color:black; padding:0; margin:0;}
#parallax-world-of-ugg h2 {font-family:'Oswald', sans-serif; font-size:40px !important; text-align:center; color:white; font-weight:400;  z-index:10; opacity:.9;}
#parallax-world-of-ugg h3 {font-family:'Oswald', sans-serif; font-size:14px; line-height:0; font-weight:400; letter-spacing:8px; text-transform: uppercase; color:black;}
			#parallax-world-of-ugg p {font-family:'Source Sans Pro', sans-serif; font-weight:400; color:white; font-size:15px; line-height:24px; padding-left: 70px; padding-right: 70px; text-align: center;}
.first-character {font-weight:400; float: left; font-size: 84px; line-height: 64px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: 'Source Sans Pro', sans-serif;}

.sc {color: #6400aa;}
.ny {color: #6400aa;}
.atw {color: #6400aa;}

/* Section - Title */
/**************************/
#parallax-world-of-ugg .title {background: white; margin:0 auto; text-align:center;}
#parallax-world-of-ugg .title h1 {font-size:35px; letter-spacing:8px;}

/* Section - Block */
/**************************/
#parallax-world-of-ugg .block {background: white; width:820px; margin:0 auto; text-align:justify;}
#parallax-world-of-ugg .block-gray {background: #f2f2f2;padding: 60px;}
#parallax-world-of-ugg .section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}

/* Section - Parallax */
/**************************/
#parallax-world-of-ugg .parallax-one {padding-top: 100px; padding-bottom: 100px; overflow: hidden; position: relative; width: 100%; background-image: url(/Images/vendors/PROJECTS/BTBD/DSGN-348477-PHASE%202-Services-home/plan2.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}
#parallax-world-of-ugg .parallax-two {padding-top: 100px; padding-bottom: 100px; overflow: hidden; position: relative; width: 100%; background-image: url(/Images/vendors/PROJECTS/BTBD/DSGN-348477-PHASE%202-Services-home/finance2.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: bottom;}
#parallax-world-of-ugg .parallax-three {padding-top: 100px; padding-bottom: 100px; overflow: hidden; position: relative; width: 100%; background-image: url(/Images/vendors/PROJECTS/BTBD/DSGN-348477-PHASE%202-Services-home/prepare2.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: bottom;}
#parallax-world-of-ugg .parallax-four {padding-top: 100px; padding-bottom: 100px; overflow: hidden; position: relative; width: 100%; background-image: url(/Images/vendors/PROJECTS/BTBD/DSGN-348477-PHASE%202-Services-home/deploy2.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center;}
#parallax-world-of-ugg .parallax-five {padding-top: 100px; padding-bottom: 100px; overflow: hidden; position: relative; width: 100%; background-image: url(/Images/vendors/PROJECTS/BTBD/DSGN-348477-PHASE%202-Services-home/enable2.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center;}
#parallax-world-of-ugg .parallax-six {padding-top: 100px; padding-bottom: 100px; overflow: hidden; position: relative; width: 100%; background-image: url(/Images/vendors/PROJECTS/BTBD/DSGN-348477-PHASE%202-Services-home/protect2.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center;}

/* Extras */
/**************************/
#parallax-world-of-ugg .line-break {border-bottom:2px solid white; width: 363px; margin-left: 235px; margin-right: 235px;}

/* Media Queries */
/**************************/
@media screen and (max-width: 959px) and (min-width: 768px) {
#parallax-world-of-ugg .block {padding: 40px; width:620px;}
#parallax-world-of-ugg .line-break {border-bottom:2px solid white; width: 194px; margin-left: 30px; margin-right: 235px;}
	#parallax-world-of-ugg p {font-family:'Source Sans Pro', sans-serif; font-weight:400; color:white; font-size:18px; line-height:24px; padding-left: 50px; padding-right: 50px; text-align: center;}
#parallax-world-of-ugg h2 {font-size:36px !important;}
}
@media screen and (max-width: 767px) {
#parallax-world-of-ugg .block {padding: 30px; width:420px;}
#parallax-world-of-ugg h2 {font-size:36px !important;}
#parallax-world-of-ugg .block {padding: 30px;}
#parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-two, #parallax-world-of-ugg .parallax-three, #parallax-world-of-ugg .parallax-four,#parallax-world-of-ugg .parallax-five,#parallax-world-of-ugg .parallax-six {padding-top:100px; padding-bottom:100px;}
#parallax-world-of-ugg .line-break {border-bottom:2px solid white; width: 194px; margin-left: 30px; margin-right: 235px;}
	#parallax-world-of-ugg p {font-family:'Source Sans Pro', sans-serif; font-weight:400; color:white; font-size:18px; line-height:24px; padding-left: 50px; padding-right: 50px; text-align: center;}
}
@media screen and (max-width: 479px) {
#parallax-world-of-ugg .block {padding: 30px 15px; width:290px;}
#parallax-world-of-ugg .line-break {border-bottom:2px solid white; width: 194px; margin-left: 30px; margin-right: 235px;}
	#parallax-world-of-ugg p {font-family:'Source Sans Pro', sans-serif; font-weight:400; color:white; font-size:18px; line-height:24px; padding-left: 50px; padding-right: 50px; text-align: center;}
#parallax-world-of-ugg h2 {font-size:36px !important;}
}

/**********Parrallax**********/


/**
#####################

=== MOBILE STYLES ===

#####################

**/

@media screen and (max-width: 560px) {
	
footer, div.telno, .printhide, #pageLogo, .hide-on-mobile, .minisitehomepage h1:first-of-type, .minisitehomepage h1:nth-child(1) {
	display: none;
}
.cms-component {
	overflow: hidden;
	margin-bottom: 20px;
}
#pageLogo {
	width: 40%;
}
img {
	width: 100%;
}
a {
	font-weight: normal!important;
}
html {
	position: relative;
	min-height: 100%;
}
.header-panel-with-logo {
	overflow: hidden;
}
.header-panel-with-logo>.page-logo {
	float: right;
	margin-top: 10px;
	margin-right: -90px;
}
.header-panel-with-logo>.title-container {
	float: left;
}
.title-container {
	background-color: #ffffff;
	padding: 5px;
}
.title-container h1 {
	margin-bottom: 0;
}
.header-title {
	font-family: "bttv-regular", sans-serif;
	font-size: 28px;
	line-height: 36px;
	color: rgb(100, 0, 170);
}
.header-sub-title {
	font-family: "bttv-regular", sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #3b3c3a;
}


/*** FULL WIDTH HEADER MOBILE ***/
	
	.full-width-header-600
	{
		overflow: hidden;
		position: relative;
		background-image:url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/Public-Sector-header-pn.jpg');
		background-repeat:no-repeat;
		background-size:250%;
		background-position:28% 0; 		
	}

	.full-width-header-400
	{
		overflow: hidden;
		position: relative;
		background-image:url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/Public-Sector-header-pn.jpg');
		background-repeat:no-repeat;
		background-size:365%;
			height:597px;
		background-position:75% 0; 		
	}

.full-width-header-400-government {
    overflow: hidden;
    position: relative;
    background-image: url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/Government-and-Defence-header-2.jpg');
    background-repeat: no-repeat;
    background-size: 356%;
		height:464px;
    background-position:80% 0;
	
	
.full-width-header-400-education {
    overflow: hidden;
    position: relative;
    background-image: url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/Education-header-3.jpg');
    background-repeat: no-repeat;
    background-size: 250%;
			height:464px;
    background-position:80% 0;
}
	
	
	.full-width-header-400-healthcare {
    overflow: hidden;
    position: relative;
    background-image: url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/Healthcare-header-pn.jpg');
    background-repeat: no-repeat;
    background-size: 250%;
			height:464px;
    background-position:80% 0;
}
	
		
	.full-width-header-400-bluelight {
    overflow: hidden;
    position: relative;
    background-image: url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/Microsoft-bluelight-header.jpg');
    background-repeat: no-repeat;
    background-size: 250%;
			height:464px;
    background-position:80% 0;
}


}


.header-content-container
	{
    background-color: #5514b4;
	display: block !important;
    box-sizing: border-box;
        /* padding: 20px; */
    margin-top: 217px;
	}

.header-content-container-government
	{
    background-color: #5514b4;
	display: block !important;
    box-sizing: border-box;
        /* padding: 20px; */
    margin-top: 217px;
	}

.header-content-container-education
	{
    background-color: #5514b4;
	display: block !important;
    box-sizing: border-box;
        /* padding: 20px; */
    margin-top: 217px;
	}

.header-content-container-healthcare
	{
    background-color: #5514b4;
	display: block !important;
    box-sizing: border-box;
        /* padding: 20px; */
    margin-top: 217px;
	}

.header-content-container-bluelight
	{
    background-color: #5514b4;
	display: block !important;
    box-sizing: border-box;
        /* padding: 20px; */
    margin-top: 217px;
	}

.header-content-container-grey
	{
    background-color: #dddddd;
    display: block !important;
    box-sizing: border-box;
    padding: 22px;
    margin-top: 223px;
 }



.header-content
	{
		box-sizing: border-box; 
		padding: 2rem;
		transform: translateX(-50%);
		width: 100%;
		margin-left: 50%;
		align-self: center;
	}


.header-content h2
	{
		
	}

.header-content p
	{
		font-size:16px;
		line-height:20px;
	}	
	
/*** header tags ***/

.h1-bg {
	font-size:32px !important;
	line-height:36px !important;
	font-weight:lighter;
	text-align:left !important;
    color: #ffffff !important;
	display:block !important;
	font-family:bt-Font-Light !important;
}
		.h1-bg-grey {
	font-size:32px !important;
	line-height:36px !important;
	font-weight:lighter;
	text-align:left !important;
    color: #333333 !important;	
		font-family:bt-Font-Light !important;
		
}

.h2-bg {
	font-size:26px !important;
	line-height:30px !important;
	font-weight:lighter;
	text-align:left !important;
    color:#333333 !important;	
	display:block !important;	
	font-family:bt-Font-Light !important;
}

.h3-bg {
	font-size:22px !important;
	line-height:26px !important;
	font-weight:lighter;
    color:#333333 !important;	
	display:block !important;	
	font-family:bt-Font-Light !important;
}


.h4-bg {
	font-size:18px !important;
	line-height:23px !important;
	font-weight:lighter;
	text-align:left !important;
    color:#333333 !important;	
	display:block !important;	
	font-family:bt-font-reg !important;
}


.h5-bg {
	font-size:16px !important;
	line-height:21px !important;
	font-weight:lighter;
	text-align:left !important;
    color:#333333 !important;	
	display:block !important;	
font-family:bt-font-reg !important;	
}


/*** INTRO PANELS ***/

.intro-panel {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	height: auto;
	width: 100%;
}
.the-image-home

	{
		background:url('/Images/vendors/PROJECTS/BTBD/DSGN-473044-PS-Mini-site/TechPerks.jpg') no-repeat;
		
	
	}


.intro-panel-img-call-out-home {
    width: 103%;
    background-position: 47% 0;
    background-size: cover;
    margin: 0;
    height: 237px;
    float: right;
}


.intro-panel-call-out-home>.copy-container-call-out-home, .video-panel>.copy-container-call-out-home {
	float:left;
	position: relative;
	background-color: #ededed;
	padding: 50px;
	height: 70%;
	bottom: 0;
	width: 45%;
	z-index: 1;
	box-sizing: border-box;
}
.copy-container-call-out-home
	{
		margin:0;
		float:left;
	}

/*** IF YOU NEED TO CHANGE THE BACKGROUND IMAGE, EITHER CHANGE IT IN THE MINI-SITE SUB PAGE CSS OR CREATE A NEW CLASS AND SWAP THE BG IMAGE THAT WAY TO OVERWRITE THE BELOW ***/

.intro-panel
	{
		background-position:0 0;
		background-size:cover;
	}

.intro-panel-img
	{
		background:url('/Images/vendors/PROJECTS/BTBD/DSGN-680337-eProcurement-Punchout/case-study.jpg') no-repeat;
	}

.intro-panel-img
	{
		float:none;
		background-position:50% 0;
		background-size:cover;
		height:300px;
		width:100%;
	}

.intro-panel-call-out-home>.copy-container-call-out-home, .video-panel>.copy-container-call-out-home {
	float:left;
	position: relative;
	background-color: #ededed;
	padding: 50px;
	height: 70%;
	bottom: 0;
	width: 103%;
	z-index: 1;
	box-sizing: border-box;
}



.copy-container {
	margin-top: -5px;
	position:relative!important;
	width:100%!important;
	padding:75px 26px!important;
}

.copy-container p
{
	position:relative;
	width:100%;
	margin:0!important;
	padding:20px
}
	
/**** BUTTONS ****/

.purple-btn, .purple-background {
background-color: #5514b4;
}
.purple-btn:hover {
background-color: rgb(70, 0, 120);
}
.magenta-btn, .magenta-background {
background-color: rgb(230, 0, 80);
}
.magenta-btn:hover {
background-color: rgb(170, 0, 60);
}
.blue-btn, .blue-background {
background-color: rgb(0, 170, 220);
}
.blue-btn:hover {
background-color: rgb(0, 120, 160);
}
.green-btn, .green-background {
background-color: rgb(80, 175, 80);
}
.green-btn:hover {
background-color: rgb(55, 147, 55);
}
.yellow-btn, .yellow-background {
background-color: rgb(255, 220, 0);
}
.yellow-btn:hover {
background-color: rgb(224, 192, 0);
}
.dark-grey-btn, .dark-grey-background {
background-color: rgb(51, 51, 51);
}
.dark-grey-btn:hover {
background-color: rgb(35, 35, 35);
}
.medium-grey-btn, .medium-grey-background {
background-color: rgb(102, 102, 102);
}
.medium-grey-btn:hover {
background-color: rgb(70, 70, 70);
}
.light-grey-btn, .light-grey-background {
background-color: rgb(221, 221, 221);
}
.light-grey-btn:hover {
background-color: rgb(178, 178, 178);
}
.red-btn, .red-background {
background-color: rgb(230, 0, 20);
}
.red-btn:hover {
background-color: rgb(186, 0, 16);
}
.purple_secondary_btn {
    background: transparent;
border: thin solid rgb(85, 20, 180)!important;
color: rgb(85, 20, 180)!important;
}
.white_secondary_btn {
    background: transparent;
border: thin solid rgb(255, 255, 255)!important;
color: rgb(255, 255, 255)!important;
}
.white_secondary_btn:hover {
background-color: rgb(255, 255, 255);
color: black!important;
}
.button.white-secondary {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}

.purple_secondary_btn:hover {
background-color: #5514b4;
color: white!important;
}
.magenta_secondary_btn {
background-color: white;
border: thin solid rgb(230, 0, 80)!important;
color: rgb(230, 0, 80)!important;
}
.magenta_secondary_btn:hover {
background-color: rgb(230, 0, 80);
color: white!important;
}
.more-info-btn {
display: inline-block;
padding: 10px 20px;
text-decoration: none;
font-size: 16px;
font-weight: 100!important;
border-radius: 5px;
transition: all, 0.5s;
-moz-transition: all, 0.5s;
-wekbkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
-ms-transition: all, 0.5s;
}
.more-info-btn:hover {
text-decoration: none!important;
}
.more-info-btn span {
display: inline-block;
margin-left: 10px;
transform: translateY(0.5px)!important;
}

/**** QUOTE BOX ****/

.quote-box {}
.quote-border-right {
border-right: 5px solid;
}
.quote-border-left {
border-left: 5px solid;
}
.quote-border-top {
border-top: 5px solid;
}
.quote-border-bottom {
border-bottom: 5px solid;
}
.quote-border-full {
border: 5px solid;
}
.quote-border-purple {
border-color: #5514b4;
}
.quote-border-magenta {
border-color: rgb(230, 0, 80);
}
.quote-border-blue {
border-color: rgb(0, 170, 220);
}
.quote {font-family: 'bt-font-reg', sans-serif;font-size: 16px;padding: 55px;color: #3b3c3a; height: 790px;}
blockquote {background: #f1f1f1;height: 729px;margin: 1.5em 0;quotes: "\201C""\201D""\2018""\2019";}
blockquote i::before {
color: #3b3c3a;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.3em;
vertical-align: -0.4em;
}
blockquote i::after {
color: #3b3c3a;
content: close-quote;
font-size: 4em;
line-height: 0.1em;
margin-left: 0em;
vertical-align: -0.6em;
}


/*** solutions ***/	


#solutions 
    
	{
     border: -1px solid transparent;
    padding: 17px;
    margin-bottom: 18px;
    margin-top: -34px;
    border-color: #d8d8d8;
    border-image-slice: 8;
    margin-left: 0px;
    width: 448px;
    padding-bottom: 8px;
}



/*** ROWS AND GRID ***/	
	
	
[class*="row-"] {
	overflow: hidden;
}
[class*="col-"] {
	font-size: 14px;
	position: relative;
	margin-bottom: 20px;
	width:100%;
}
[class*="col-"] img {
	width: 100%;
}

/*** IMAGE PANEL LINKS ***/

.col-3-panel {
	width: 47.8%;
	margin-right:2%;
	margin-bottom:2%;
}


.col-logo-2 {
  width: 35.8%;
	margin-right:14%;
	margin-bottom:2%;
		}


	#button {
    border: 0;
    background: transparent;
    color: #5514b4;
    align-items: center;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 119px;
    min-width: auto;
}

/*** ARTICLE STYLE ***/
	
	
.article-copy
	{
		width:100%
	}
	

.director-cta
	{
		padding:0px 20px;
	}	

/*    Faster, Safer, Smarter Boxes     */

.rounded-box-b {
  width: 100%;
  height: 180px;
  background-color: #008dbf;

 	border-top-left-radius: 0px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 30px;
} *
	
	.rounded-box-y {
  width: 100%;
  height: 180px;
  background-color: #ffab4e;

 	border-top-left-radius: 0px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 30px;
} *
	
	.rounded-box-r {
  width: 100%;
  height: 180px;
  background-color: #e52c54;

 	border-top-left-radius: 0px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 30px;
} *
	
/*    Faster, Safer, Smarter Boxes     */	
	
	
	/*** COLUMN CONTAINER ***/

.column-container {
    overflow: hidden;
    padding: 0px;
    border: thin solid #eaeaea;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 10px;
}

.column-container-text {
    overflow: hidden;
    padding: 11px;
   text-align: left;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 10px;
}
.three-col {
       width: 98.8%;
    margin-right: 1%;
    height: 389px;
}
		
.four-col {
    width: 98.8%;
    margin-right: 1%;
    height: 469px;
}

/*** COLUMN CONTAINER END ***/

/***********************************************************************************
************************************************************************************

THE 'COL-SM' CLASS IS NEW TO CONTROL THE WIDTH AND DISTRIBUTION OF COLUMNS ON MOBILE

************************************************************************************
***********************************************************************************/

.col-sm
	{
		width:48.5%;
		margin-right:3%;
	}
	
	.col-sm:nth-child(2n)
	{
		margin-right:0;
	}

.hidden_content {
	background-color: #5514b4;
	margin-top: -20px;
	padding: 10px;
	box-sizing: border-box;
}
.body-copy {
	margin: 10px 0;
}
	
		
		
		/*** CALL OUTS START ***/	
.the-image-call-out
	{
		background:url('/Images/vendors/PROJECTS/BTBD/DSGN-713712-PS-Mini-Site-New-fragments/MS-ambulance.jpg') no-repeat;
	}


.the-image-computing
	{
		background:url('/Images/vendors/PROJECTS/BTBD/DSGN-670611-About-us/computing.jpg') no-repeat;
	}


.the-image-techknow-2

	{
		background:url('/Images/vendors/PROJECTS/BTBD/DSGN-670611-About-us/techknow-2.jpg') no-repeat;
	}




.intro-panel-img-call-out
	{
		width:100%;
		background-position:50% 0;
		background-size:cover;
		margin:0;
		height:282px;
		float:right;
	}


.intro-panel-call-out>.copy-container-call-out, .video-panel>.copy-container-call-out {
	float:left;
	position: relative;
	background-color: #ededed;
	padding: 50px;
	height: 70%;
	bottom: 0;
	width: 100%;
	z-index: 1;
	box-sizing: border-box;
}
.copy-container-call-out
	{
		margin:0;
		float:left;
	}
.copy-container p {
	font-size: 16px;
	line-height: 22px;
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	padding: 5% 5% 43% 1%;
	margin: 0!important;
}

.copy-block-container {
	padding: 5px;
	margin-bottom: 10px;
}

/*** CALL OUTS END ***/
	
	
/*** NAVIGATION ***/
	

.page-navigation {
	margin-bottom:0;
}
.page-navigation ul {
	height:0;
}

.open
	{
		height:auto!important;
	}

.page-navigation ul li {
	display:block;
	border-left:none;
	
}
.page-navigation ul li:last-child {
	border-bottom: none;
}
.page-navigation ul li a {
	padding: 10px;
	display: block;
	text-decoration: none;
	font-weight: normal!important;
}


/*** THIS SETS UP THE MENU ICON FOR MOBILE ***/
	
.nav-bar-menu
	{
		display:block;
		background-image:url('/Images/vendors/PROJECTS/BTBD/DSGN-Homepage/images/menu-icon.gif');
		background-position:0 0;
		background-size:cover;
		width:45px;
		height:45px;
		margin:0 auto;	
	}

/* === nav style 1 for purple nav === */
	
.nav-style-1 {
	background-color: #5514b4;
}
.nav-style-1 ul li {
	border-bottom: thin solid white;
}
.nav-style-1 ul li:last-child {
	border-bottom: none;
}
.nav-style-1 ul li a {
	color: white!important;
}
.nav-style-1 ul li a:hover, .nav-style-1 ul li a:focus {
	background-color: #cccccc;
	text-decoration: none;
}
	
/* === nav style 2 for white nav === */
	
.nav-style-2 {
}
.nav-style-2 ul li {
	border-bottom: thin solid #5514b4;
}
.nav-style-2 ul li:last-child {
	border-bottom: none;
}
.nav-style-2 ul li a {
	color: black;
}
.nav-style-2 ul li a:hover, .nav-style-2 ul li a:focus {
	color: #5514b4;
	text-decoration: none;
}
	
/*** UL/LI LISTS ***/
	
.list_ {}
.list_ ul {}
.list_ ul li {
	list-style: disc;
}
.list_col:last-child {
	margin-top: -17px !important;
}
	
/*** LINE LISTINGS AND PRODUCT PLACEHOLDERS ***/		
	
.cms-component-product-line-listing {
	padding: 11px 20px 20px 20px;
}
.product-merchant {
	background-color: white!important;
}
.product-merchant .lower-section {
	background-color: white!important;
	box-shadow: none!important;
}
	
table.product-listing {
	background-color: transparent!important;
}
table.product-listing td.compare-col {
	display: none;
}
.cms-components .cms-component-featured-product-large {
	margin: 0px !important;
	border: medium none !important;
	width: 100%;
	padding: 20px !important;
}
.featuredWrapInner {
	background-color: white;
	width: 94%;
	padding: 10px;
}
.cms-components .cms-component-featured-product-large .image {
	width: 39%!important;
	display: inline-block;
	float: none!important;
	vertical-align: middle;
	text-align: left;
	background-color: white;
}
.cms-components .cms-component-featured-product-large .description {
	width: 55%;
	position: relative;
	display: inline-block;
	float: none!important;
	vertical-align: middle;
	background-color: white;
	margin: 0px;
	padding: 10px;
}
/*** SCALEABLE TABLES, ADJUST TO SUIT IN THE MINI-SITE SUB PAGE CSS IF REQUIRED ***/

.table_container {
	overflow: hidden;
	box-sizing:border-box;
	padding:0;
	margin-bottom:20px;
}
.table_col {
	float: none;
	width: 100%;
	border-right: thin solid white;
}
.table_col:last-child {
	border-right: none;
}
.table_cell {
	background-color: #ebebeb;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.table_cell:nth-child(even) {
	background-color: #fff;
}
.table_cell:nth-child(1) {
	font-weight: bold;
	background-color: #343434;
	color: #fff;
	text-transform: uppercase;
}
	
/*** BANNERS ***/	
	
.banner{
	}

.banner-content {
	overflow:hidden;
	box-sizing:border-box;
	padding:0 20px;
}


	
.value {
	font-size: 6em;
	position: relative;
	top: 22px;
	font-weight: bold;
}
.stat-padding {
	box-sizing: border-box;
	padding: 10px;
}
.table_cell {
	background-color: #ebebeb;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.table_cell:nth-child(even) {
	background-color: #fff;
}
.table_cell:nth-child(1) {
	font-weight: bold;
	background-color: #343434;
	color: #fff;
	text-transform: uppercase;
}
#info_block {
	background: #ffffff;
	border: thin solid rgba(100, 0, 170);
	padding: 10px;
	position: fixed;
	z-index: 1000;
	top: 0;
	opacity: 0;
	left: -1000px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}
.show-info {
	opacity: 1!important;
	left: 0px!important;
}
.overlay {
	background-color: #514f4f;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.5;
	display: none;
	z-index: 999;
}

	
/*** FLIP CONTAINERS - BREAKS THEM APART AND STACKS ***/		
	
.flip-container {
	width: 48%;
	float: left;
	margin-right: 10px;
}
.flip-container:nth-child(even) {
	margin-right: 0!important;
	margin-bottom: 10px;
}
.back {
	display: none;
}
	
/*** THINGS YOU NEED TO KNOW ***/	

.things p {
	font-size: 16px;
	font-weight: bold;
}
.things p:hover {
	cursor: pointer;
}
.things p:after {
	content: " +";
	display: inline-block;
	margin-left: 20px;
}
.things p.close:after {
	content: " -";
	display: inline-block;
	margin-left: 20px;
}
.things ol, .things>div {
	display: none;
	margin-top: 20px;
}
.things ol.showOl, .things>div.showOl {
	display: block;
}
.things ol li {
	list-style: decimal!important;
	margin-left: 24px;
}

/*** SITE MAP FOOTER LINKS ***/		
	
#footer_links {
	overflow: hidden;
}
#footer_links ul {
	text-align: center;
	padding: 0px;
	margin-left: 0px;
	list-style: outside none none;
	margin-bottom: 10px;
	width:96%;
}
#footer_links ul li {
	line-height: 30px;
}
#footer_links ul li:first-child {
	margin-bottom: 10px;
}
#footer_links ul li:first-child a {
	color: #55379b !important;
	text-decoration: none;
	background: #f1f1f1;
	padding: 5px;
	display: block;
	text-align: center;
	border: thin solid #ccc;
	transition: all, 500ms;
}
#footer_links ul li:first-child a:hover {
	color: #55379b !important;
	text-decoration: none;
}
#footer_links ul:last-child {
	margin-right: 0;
}
#footer_links ul li a {
	text-decoration: none;
	color: #3b3c3a;
}
#footer_links ul li a:hover {
	text-decoration: underline;
	color: #3b3c3a;
}
	
/*** ACCORDION - USE DIFFERENT BACKGROUND COLOUR CLASSES WHERE REQUIRED ***/	
	
.accordion-wrapNK {
	margin-bottom: 20px;
}
.accordion-contentNK {
	display: none;
	padding: 20px;
	border: thin solid #5514b4;
	margin-top: -14px;
}
.accordion-toggleNK {
	box-sizing: border-box;
	padding: 10px;
	color: white!important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
	font-weight: normal;
	background-color: #5514b4;
}
.accordion-toggleNK:hover {
	cursor: pointer;
}
.accordion-toggleNK img {
	width: 28px;
	float: right;
}
	

/* [ HOVER STAT BOXES] */
.key_facts {
	text-align: center!important;
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
.fact_icon {
	/* [BOX] */
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	/* [COLOURS] */
	background-color: #8ec0e7;
	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/DSGN-463563-GDPR-Edu/calendar_blue.png');
}
	
/* [ CONTENT DIVIDER STYLE 01 ] */
.content-title-wrap {
	box-sizing: border-box;
	padding: 20px;
	background-color: #00aadc;
}
.content-title-holder {
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	border: thin dashed white;
}
.content-title-holder h2 {
	padding: 0;
	margin: 0!important;
	color: white!important;
}

/*** MODAL POP UP, MAINLY USED ON THE EVENT CALENDAR ***/


.modal {
	position: fixed;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background-color: rgba(100, 0, 170, 0.8);
	overflow-y: auto;
}
.modalWrapper {
	height: 100%;
	width: 96%;
	display: table;
	margin:0 auto;
}
.modalContent {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 100%;
	height: 100%;
}
.modalBox {
	margin: 0 auto;
	max-width: 100%;
	box-sizing: border-box;
	padding: 50px;
	background-color: white;
	width: auto;
	border-radius: 5px;
}
.noBackground {
	background-color: transparent!important;
}
.modalInfo {
	width: 100%;
}
.modalInfo img {
	max-width: 100%;
	height: auto;
}
.modalInfoCopy {
	margin: 10px 0;
}
.closeModal {
	position: fixed;
	height: 50px;
	width: 50px;
	top: 2%;
	right: 2%;
	transform: rotate(45deg);
}
.closeModal:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	height: 0;
	width: 2px;
	background: rgba(255, 255, 255, 0.7);
}
.closeModal:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	width: 0;
	height: 2px;
	background: rgba(255, 255, 255, 0.7);
}
.modal.active .modalWrapper .modalContent .closeModal:hover {
	cursor: pointer;
}
.modal.active .modalWrapper .modalContent .closeModal::before, .modal.active .modalWrapper .modalContent .closeModal::after {
	background: rgba(255, 255, 255, 1);
}
.modal.active .modalWrapper .modalContent .closeModal::before {
	transition: .25s .5s ease-in-out;
	height: 100%;
}
.modal.active .modalWrapper .modalContent .closeModal::after {
	transition: .25s .25s ease-in-out;
	width: 100%;
}
.modal.active {
	z-index: 1;
	left: 0%;
	animation: fadeIn .25s ease-in-out;
}



/**

#################################
	
END OF MOBILE STYLES MEDIA QUERY

################################
	
**/
	
}

/**

#########################################
	
MOBILE PORTRAIT AND LANDSCAPE IF REQUIRED

#########################################
	
**/

@media all and (min-width:320px) and (orientation: portrait) {

}

@media all and (max-width:568px) and (orientation: landscape) {
}
/**

################################################
	
END OF MOBILE PORTRAIT AND LANDSCAPE IF REQUIRED

################################################
	
**/	
}

/**

##################

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) {
/**/
}
/**

#########################

END OF RETINA AND HI RES 

########################

**/

/* smaller screens portrait */

@media only screen and (max-device-width:800px) and (-webkit-min-device-pixel-ratio:1) and (orientation:portrait) {
/**/
}
/* smaller screens portrait */

@media only screen and (max-device-width:1280px) and (-webkit-min-device-pixel-ratio:1) and (orientation:landscape) {
/**/
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
/**/
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
/**/
}

/**

#########

IPAD PRO 

########

**/

/* Portrait and Landscape */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
/**/
}
/* Portrait */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
/**/
}
/* Landscape */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
/**/
}

/**

#################################################

BROWSER HACKS - ONLY USE IF ABSOLUTELY NECESSARY 

################################################

**/

/*** CHROME HACK ***/

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	.hide-on-chrome {
		display: none;
	}
	.show-on-chrome {
		display: block;
	}
}

/*** FIREFOX HACK ***/

@-moz-document url-prefix() {
	.hide-on-ff {
		display: none;
	}
	.show-on-ff {
		display: block;
	}
}

/*** INTERNET EXPLORER HACK ***/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.hide-on-ie {
		display: none;
	}
	.show-on-ie {
		display: block;
	}
}

 /* Individual Values */

.rounded-box {
  width: 600px;
  height: 300px;
  background-color: #568E9D;

 	border-top-left-radius: 30px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 10px;
}

/* Adding a Second Value --------------- */

/* [ CONTENT DIVIDER STYLE 01 ] */

.content-title-wrap{
		box-sizing:border-box;
		padding: 20px;
		background-color: #00aadc;
	}	
	
	.content-title-holder{
		padding: 20px;
		box-sizing: border-box;
		text-align: center;
		border:thin dashed white;
	}
	
	.content-title-holder h2{
		padding: 0;
		margin: 0!important;
		color: white!important;
	}

/* [ CONTENT DIVIDER STYLE 02 ] */

.content-title-fancy-wrap{
		box-sizing:border-box;
		padding: 6px;
		background-color: #333333;
	}	
	
	.content-title-fancy-holder{
		padding: 20px;
		box-sizing: border-box;
		text-align: center;
	}
	
	.content-title-fancy-holder h2{
		padding: 0;
		margin: 0!important;
		color: #ffffff!important;
	}
	
		
	.fancy {
	  line-height: 50%;
	  t
		  ext-align: center;
	}
	.fancy span {
	  display: inline-block;
	  position: relative; 
		font-size: 22px;
	}

	.fancy span:before,
	.fancy span:after {
	  content: "";
	  position: absolute;
	  height: 5px;
	  border-bottom: 1px solid #ffffff;
	  border-top: 1px solid #ffffff;
	  top: 40%;
	  width: 200px;
	}

	.fancy span:before {
	  right: 100%;
	  margin-right: 15px;
	}

	.fancy span:after {
	  left: 100%;
	  margin-left: 15px;
	}

/* [ CONTENT DIVIDER STYLE END ] */