/* RESPONSIVE STYLES FOR [CLIENT] - [MONTH YEAR] - CYBER MEDIA SOLUTIONS */

/* GENERAL
================================================================================ */
html {
	font-size: 16px; /* match foundation.css */
	color: #000;
}

* {
	font-family: 'PT Sans', sans-serif;
	letter-spacing: 1px;
	font-weight: 100;
}

body {
	background-color: white;
	font-size: 0.875rem;
}

h1, h2, h3, h4, h5, h6, p, li, th, td, form, button, label {
	font-family: 'PT Sans', sans-serif;
	font-size: 0.875rem;
	line-height: 1.75;/* relative to computed font-size  */
	padding: 0;
	color: #404d5e;
}

h1, h2, h3, h4, h5 { 
	font-family: 'Raleway', sans-serif;
	margin: 0.9375rem 0;
}
	h1 strong, h2 strong { font-weight: 900; }

h1 {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.33; /* relative to computed font-size  */
}

h2 {
	font-size: 1.875rem;
	font-weight: 500;
}

h3 {
	font-size: 1.5rem;
	font-weight: 500;
	position: relative;
}

h4 {
	font-size: 1.25rem;
	font-weight: 500;
}

h5 {
	font-size: 1.125rem;
	font-weight: 400;
}

h5 {
	font-size: 1rem;
	font-weight: 400;
}
	
	.pre_heading {
		display: table;
		margin: 0 auto;
		font-size: 1.25rem;
		line-height: 1;
	}
		.pre_heading:before, .pre_heading:after {
			width: 25px;
			height: 1px;
			display: inline-block;
			content: "";
			border-top: 1px solid #f2bdde;
		}
			.pre_heading:before {margin-right: 10px;} 
			.pre_heading:after {margin-left: 10px;}

p {
	margin: 0.875rem 0;
}

ul, ol {
	margin-top: 1rem;
	margin-bottom: 0;
}
	ul.check, ul.bullet {
		margin-bottom: 50px
	}
		ul.check li, ul.bullet li {
			background-image: url(../images/style/check.png);
			background-position: top 5px left;
			background-repeat: no-repeat;
			padding-left: 20px;
		}
		ul.bullet li {
			background-image: url(../images/style/bullet.png);
		}
ul {
	margin-left: 0;
	list-style: none;
}
ol {
	margin-left: 1rem;
}
ol ol, ol li ol {
	margin-left: 2.25rem;
}
	ul li, ol li {
		font-size: 0.875rem;
		margin-bottom: 0.625rem;
		padding-left: 0.4rem;
	}
	ul.nostyle {margin: 0; padding: 0;}
	ul.nostyle li {margin: 0; padding: 0; background: none;}

a {
	color: #aa1277;
	outline: none;
	text-decoration: none;
}
	a:hover, a:focus, a.hover {
		color: #944bb8;
		outline: none;
	}
	
hr {
	width: auto;
	border: none;
	border-bottom: 1px solid #f2bdde;
	clear: both;
	margin: 1.25rem -0.9375rem;
}

img {
	margin-left: auto;
	margin-right: auto;
}
	img.fill {width: 100%;}

	.alignright, .alignleft, .aligncenter {
		margin-bottom: 0.9375rem;
		display: block;
	}
	.alignright {
		margin-left: 0.9375rem;
		float: right;
	}

	.alignleft {
		margin-right: 0.9375rem;
		float: left;
	}

	.aligncenter {
		margin-left: auto;
		margin-right: auto;
	}
	
blockquote {
	margin: 0; padding: 0;
	border: none;
}

/* Useful misc classes */

.centre {text-align: center;}
.center_small {text-align: center;}
.vert_centre {position: absolute; top: 50%; transform: translateY(-50%);}

.relative {position: relative;}
.visible {visibility: visible;}
.hidden {visibility: hidden; display: none !important;}
.clear {clear: both;}
.clear_right {clear: right;}
.clear_left {clear: left;}

.right_small {float: right;}
.left_small {float: left;}

/* Margins */
.no_marg_top {margin-top: 0 !important;} .no_marg_bot {margin-bottom: 0 !important;} .no_marg_left {margin-left: 0 !important;} .no_marg_right {margin-right: 0 !important;} .no_marg {margin: 0 !important;}
.no_marg_small {margin: 0 !important;}
/* Paddings */
.no_pad_top {padding-top: 0 !important;} .no_pad_bot {padding-bottom: 0 !important;} .no_pad_left {padding-left: 0 !important;} .no_pad_right {padding-right: 0 !important;} .no_pad {padding: 0 !important;}
.no_pad_small {padding: 0 !important;}

.fixed_nav_spacing {
	margin-top: 80px;
}

.em-search-wrapper {
	display: none;
}

/* FOUNDATION ELEMENTS
================================================================================ */
.row, .top-bar-section {max-width: 75rem;} /* 1200px */

.flex-video {margin-bottom: 0;}

.reveal-modal, dialog {
	border: none;
	min-height: 0;
}
	.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
		width: 20px;
		height: 20px;
		display: block;
		background: #96b4c2;
		border-radius: 50%;
		position: absolute;
		top: 7px;
		right: 7px;
		color: #ffffff;
		font-weight: normal;
		cursor: pointer;
		text-align: center;
		font-size: 1.5rem;
		line-height: 0.75;
		z-index: 9999;
	}
		.reveal-modal .close-reveal-modal:hover, dialog .close-reveal-modal:hover {
			background: #57c8eb;
		}
.reveal-modal-bg {
	background: rgba(255,255,255,0.75);	
}

/* BUTTONS
================================================================================ */
.button, button, input[type="submit"] {
	display: inline-block;
	padding: 0.25rem;
	margin: 1.25rem 0;
	background-color: transparent;
	border: 2px solid #96b4c2;
	color: #96b4c2;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 2;
	width: 150px;
	border-radius: 2px;

	-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
	transition: background-color 300ms ease-out, color 300ms ease-out;
}
	
	.button:hover, button:hover, .button:focus, button:focus, input[type="submit"]:hover, input[type="submit"]:focus {
		background-color: #96b4c2;
		color: #fff;

		-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
		-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
		transition: background-color 300ms ease-out, color 300ms ease-out;
	}

/* HEADER

================================================================================ */
.tab-bar {
	height: 80px;
	line-height: 80px;
	background: white;
	box-shadow: 0 0 3px 5px rgba(0,0,0,0.06);
}
	.tab-bar-section, .tab-bar section {height: 80px;}

	.right-small {
		width: 80px;
		border: none;
	}

	.logo {
		position: absolute;
		width: 150px;
	}
		.logo img {
			width: 125px;
			margin-left: 10px;
			box-shadow: 0 0 5px 5px rgba(0,0,0,0.06);
		}

/* BANNER
================================================================================ */

#banner {
	background-position: center;
	background-size: cover;
}
	.banner_content {
		background-image: url(../images/style/light-blue.png);
		padding: 75px 0 50px;
		text-align: center;
	}

	.banner_icons li a {
		color: #404d5e;
		font-style: italic;
		/* max-width: 100px; */
		display: block;
		margin: 0 auto;
		font-size: 15px;
		font-weight: 400;
	}
		.banner_icons li a .icon {
			display: block;
			width: 86px;
			height: 86px;
			margin: 0 auto 5px;
			border: 2px solid white;
			border-radius: 43px;
			background-color: #b93a8c;
			background-position: center;
			background-repeat: no-repeat;
		}
			.banner_icons li a .icon.medical {background-image: url(../images/icons/doctor.png);}
			.banner_icons li a .icon.book {background-image: url(../images/icons/book.png);}
			.banner_icons li a .icon.meeting {background-image: url(../images/icons/meeting.png);}
			.banner_icons li a .icon.write {background-image: url(../images/icons/write.png);}
			
			.banner_icons li.webinars a .icon { background-color: #43b9f6;}
			.banner_icons li.training a .icon { background-color: #a93a91;}
			.banner_icons li.courses a .icon { background-color: #944bb8;}

	#banner h2 {
		font-family: 'PT Sans';
		font-weight: 100;
		font-size: 1.25rem;
	}

	#banner hr {
		border-bottom: 1px solid #e3c6db;
		margin-bottom: 40px;
	}
		#banner hr:after {
			margin: 0 auto;
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 10px 10px 0 10px;
			border-color: #e3c6db transparent transparent transparent;
		}
	
	.banner_image {
		height: 130px;
		background-image: url(../images/banner.png);
		background-position: center center;
		background-size:  cover;
	}
		
/* CTA BAR
================================================================================ */

.cta_bar {
	text-align: center;
}
	.cta_bar h3 {
		margin: 40px 0;
	}

	.cta_box {
		padding: 15px 5px;
		margin-bottom: 10px;
		box-shadow: 0 3px 3px 0 rgba(0,0,0,0.18);
		background-repeat: no-repeat;
		text-align: center;
	}
		.webinars .cta_box {
			background-color: #43b9f6;
			background-image: url(../images/style/bubbles.png);
			background-position: -100px -50px;
		}
			.webinars .cta_box .button {
				color: #43b9f6;
			}
		.training .cta_box {
			background-color: #a93a91;
			background-image: url(../images/style/presentations.png);
			background-position: center top;
		}
			.training .cta_box .button {
				color: #a93a91;
			}
		.courses .cta_box {
			background-color: #944bb8;
			background-image: url(../images/style/screen.png);
			background-position: 50px -100px;
		}
			.courses .cta_box .button {
				color: #944bb8;
			}
	
	.cta_box h4, .cta_box p {
		color: white;
	}
		.cta_box p {
			padding: 0 25px;
		}
	.cta_box .button {
		text-transform: none;
		background-color: white;
		border: 2px solid white;
		border-radius: 2px;
		margin: 0;
		width: 150px;
	}
		.cta_box .button:hover {
			color: white;
			background: transparent;
		}

	.cta_box .bubble {
		width: 140px;
		height: 140px;
		position: absolute;
		background-color: #43b9f6;
		border-radius: 70px;
		text-align: center;
		color: white;
		border: 2px solid white;
		right: 10px;
		bottom: 50%;
		transform: translateY(50%);
		padding: 26px 20px;
		font-weight: 500;
		line-height: 1.5;
	}
		.main .cta_box .bubble {
			transform: none;
			bottom: -15px;
			right: -45px;
			margin:  0;
		}

/* NEWS & EVENTS BARS
================================================================================ */

.events_bar {
	background-image: url(../images/style/grey.jpg);
}
	.events_bar h3, .news_bar h3 {
		margin: 30px 0;
		text-align: center;
	}

.events {

}
	.events .widgettitle {
		display: none;
	}
	.events li, .news li {
		padding: 10px 0 20px;
		border-bottom: 1px solid #c5c9ce;
		list-style: none;
	}
		.events li a, .news li a {
			min-height: 30px;
			display: block;
		}
			.events li a .title , .news li a .title{
				font-family: 'Raleway', sans-serif;
				display: block;
				color: #aa1277;
				font-weight: 500;
			}
			.events li a .date_loc, .news li a .date, .news li a .excerpt {
				color: #404d5e;
			}
			.news li a .excerpt {
				display: block;
			}
			.events li a .arrow, .news li a .arrow {
				float: right;
				font-size: 0;
				display: block;
				height: 15px;
				position: relative;
			}
				.events li a .arrow:after, .news li a .arrow:after {
					content: "";
					display: block;
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 5px 0 5px 8px;
					border-color: transparent transparent transparent #b93a8d;
					position: absolute;
					bottom: 0;
					right: 0
				}

				.news li a .arrow:after {
					top: -16px;
				}

.events_bar .button, .news_bar .button, .side-box .button, .button, input[type="submit"] {
	color: white;
	background: #b93a8c;
	border: 2px solid #b93a8c;
	border-radius: 2px;
	text-transform: none;
	width: 150px;
}
	.events_bar .button:hover, .news_bar .button:hover, .side-box .button:hover, .button:hover, input[type="submit"]:hover, input[type="submit"]:focus {
		background-color: transparent;
		color: #b93a8c;
	}

.side-box .button {
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
}

ul.pagination li.current a, ul.pagination li.current button, ul.pagination li.current a:hover, ul.pagination li.current button:hover {
	background-color: #aa1277;
}

/* SIGN UP BAR
================================================================================ */

.sign_up_bar {
	background: url(../images/style/blue.png);
	padding: 30px 0;
	text-align: center;
}
	.sign_up_bar h3 {
		color: white;
	}
	.sign_up_bar p {
		color: white;
	}
	.sign_up_bar .button {
		background: white;
		border: 2px solid white;
		color: #43b9f6;
		margin: 0;
	}
		.sign_up_bar .button:hover {
			background-color: transparent;
			color: white;
		}

/* BREADCRUMB
================================================================================ */

/* MAIN CONTENT
================================================================================ */

.main {
	padding: 30px 0 30px;
}
	
.intro {
	padding: 0 0.9375rem 20px;
	margin: 0 -0.9375rem;
	border-bottom: 1px solid #f2bdde;
	margin-bottom: 30px;
}
	.intro h3 {
		font-size: 1.125rem;
	}

/* TABLES
================================================================================ */
table {
	width: 100%;
	margin: 0.625rem 0;
	font-weight: 300;
}
	table tr th, table tr td {font-size: 1rem;}
	table thead {}
		table thead tr th {
			text-align: left;
			font-size: 114%;
			line-height: 130%;
			font-weight: 600;
			padding: 0.5625rem 0.625rem;
			color: #fff;
			background: #96b4c2;
		}
	table tbody {}
		table tr td {
			font-size: 100%;
			font-weight: 400;
			line-height: 130%;
			padding: 0.5625rem 0.625rem;
			color: #000;
		}
			table tr td p, table tr td ul {
				margin: 0;
				line-height: 110%;
			}
				table tr td ul li {
					padding: 0 0 0 1.5625rem;
					background-position: 5px 9px;
				}
		table tr.even, table tr.alt, table tr:nth-of-type(even) {background: #fafafa;}


/* FORMS
================================================================================ */
form {
	margin: 0.625rem 0;
}
fieldset {
	padding: 0.4687rem 0;
	border: none;	
}
	form fieldset:nth-child(2n) {
		background: #fafafa;
	}	

/* Labels */
label, p.lbl {
	cursor: default;
	font-size: 0.875rem;
	margin: 0 0 0.3125rem 0;
    line-height: 2.31rem;
}
	label .required, p.lbl .required {
		display: inline-block;
		margin-left: 0.3125rem;
		font-size: 0.6875rem;
		background: #96B4C2;
		color: #fff;	
		padding: 0.1875rem 0.3125rem;
		line-height: 1.14;
		border-radius: 3px;
		text-transform: uppercase;
	}

/* Text fields */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], 
input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	border: 1px solid #bcbcbc;
	margin: 0 0 0.9375rem 0;
}
	input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
	input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, 
	input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
		background: #ffffff;
	}
	
/* Placeholder text */
form ::-webkit-input-placeholder { color: rgba(255,255,255,0.5);}
form :-moz-placeholder { color: rgba(255,255,255,0.5);}
form ::-moz-placeholder { color: rgba(255,255,255,0.5);}
form :-ms-input-placeholder { color: rgba(255,255,255,0.5);}

/* Checkboxes and Radios */
input[type="checkbox"], input[type="radio"] {
	margin: 0.5625rem 0;		
}
	input[type="checkbox"] + label, input[type="radio"] + label {
		margin-bottom: 0.9375rem;
	}

/* Custom checkboces and radios */
.custom_check input[type="checkbox"], .custom_radio input[type="radio"] {
	display: none;
	visibility: hidden;
}
	.custom_check input[type="checkbox"] + label, .custom_radio input[type="radio"] + label {
		display: inline-block;
		padding: 0.25rem 1.5625rem;
		margin-left: 0;
		margin-right: 0.9375rem;
		background-color: transparent;
		border: 2px solid #96b4c2;
		color: #96b4c2;
		font-size: 0.875rem;
		line-height: 1.79;
	}
		.custom_check input[type="checkbox"] + label:hover, .custom_radio input[type="radio"] + label:hover,
		.custom_check input[type="checkbox"] + label.active, .custom_radio input[type="radio"] + label.active {
			background-color: #96b4c2;
			color: #fff;
			cursor: pointer;
	
			-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
			-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
			transition: background-color 300ms ease-out, color 300ms ease-out;
		}

/* Select fields */
select {
	margin: 0 0 0.9375rem 0;
	background-color: #fff;
	border: 1px solid #bcbcbc;
}
	select:hover {
		background-color: #fff;
		border-color: #ccc;
	}
	
/* Custom select fields */
.select_con {







	overflow: hidden;
	margin: 0 0 0.9375rem 0;
	background-color: #fff;
	border: 1px solid #bcbcbc;
	position: relative;
	padding-right: 30px;
}
	/* Handles drop-down arrow - remove if using image instead */
	.select_con:after {
		border-color: #aaaaaa rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
		border-image: none;
		border-right: 5px inset rgba(0, 0, 0, 0);
		border-style: solid inset inset;
		border-width: 5px;
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 0.9375em;
		margin-top: -3px;
	}
		.select_con:hover:after {
			border-color: #222222 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
		}
	.select_con select {
		width: calc(100% + 50px);
		background: transparent none;
		margin: 0;
		border: none;
		height: auto;
	}
		
/* Error messages */
p.error {
	margin: -0.3125rem 0 0.9375rem 0;
	padding: 7px 0 0 0;
	background: url(../images/style/error_bg.png) 10px 0 no-repeat;	
}
	p.error span {


		padding: 0.3125rem 0.625rem;
		color: #fff;
		background: #c60f13;
		display: block;	
	}
input.error, textarea.error {
    background: #f4cfd0;
    border-color: #c60f13;
}




/* Form buttons */
form button, form input[type="submit"] {
	margin: 30px 0;
	min-width: 200px;
}
form .postfix.button {
	line-height: 2.75;
	background: #96b4c2;
	color: #fff;
	margin-top: 0;
}
	form .postfix.button:focus, form .postfix.button:hover {
		background: #57C8EB;
	}

div.wpcf7-response-output {
	border: none !important; 
}

.em-booking-message {
	background-color: tomato;
	padding: 1px 20px;
	border-radius: 5px;
}
	.em-booking-message p {
		color: white;
	}

				
/* SOCIAL
================================================================================ */
.social {}
	/* Google+ */
	.social a.addthis_button_google_plusone {
		position: relative;
		width: 28px;
		height: 24px;
	}
		.social a.addthis_button_google_plusone > div {
			position: absolute;
			top: 4px;
			right: 2px;
			opacity: 0;
			/* IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			/* IE 5-7 */
			filter: alpha(opacity=0);
		}
		.social a.addthis_button_google_plusone > img {
			position: absolute;
			top: 0;	right: 2px;
		}
		
.svg_icon {
	display: block;
}
	.svg_icon svg {
		background: #fff;
		border-radius: 2px;
		height: 40px;
		width: 40px;
		float: left;
		margin-right: 0.625rem;
		-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
		-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
		transition: background-color 300ms ease-out, color 300ms ease-out;
	}
		.svg_icon svg path {
			fill: #404d5e;
			
			-webkit-transition: fill 300ms ease-out;
			-moz-transition: fill 300ms ease-out;
			transition: fill 300ms ease-out;
		}
			.svg_icon:hover svg, .svg_icon:focus svg {
				background: #aa1277;
			}
				.svg_icon:hover svg path, .svg_icon:focus svg path {
					fill: #fff;
				}
	.svg_icon span {
		display: block;
		line-height: 40px;
		float: left;
		color: #fff;
	}
		
/* MISC
================================================================================ */
.square_box {
	position: relative;
	width: 50%; /* desired width */
}
.square_box:before {
	content: "";
	display: block;
	padding-top: 100%; /* initial ratio of 1:1*/
}
	.square_box .content {

		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
	}

.side-nav, .side-box {
	background: white;
	/* padding: 20px 30px; */
	margin-bottom: 15px;
	/* padding: 15px 30px; */
}
	.side-nav ul {
		padding: 0;
		margin: 0 -15px 15px;
	}
		.side-nav ul li {
			padding: 0;
			margin: 0;
		}
			.side-nav ul li a {
				color: #404d5e !important;
				padding: 10px 15px!important;
				border-bottom: 1px solid #e3e4e7;
			}
	.side-nav ul ul {
		margin: 0;
	}
		.side-nav ul ul li a {
			padding-left: 30px !important;
		}

/* FOOTER
================================================================================ */
#footer {
	background-image: url(../images/style/dark-blue.png);
	text-align: center;
	padding: 20px 0
}
#footer a.white_link {
	color: #ffffff;
	text-decoration: underline;
}
#footer a.white_link:hover {
	color: #43b9f6;
}
	#footer h3, #footer p {
		color: white;
	}
	#footer .button {
		background-color: white;
		border: 2px solid white;
		color: #545e6d;
		margin: 0;
	}
		#footer .button:hover {
			color: white;
			background-color: transparent;
		}

	#footer p.phone {
		
	}	
		#footer p.phone span.phone-icon {
			display: inline-block;
			background-image: url(../images/icons/phone.png);
			width: 24px;
			height: 31px;
			background-size: contain;
			margin-right: 15px;
			background-repeat: no-repeat;
			background-position: center;
			vertical-align: middle;
		}
		#footer p.phone span.phone_number {
			display: inline-block;
			vertical-align: middle;
		}

	#footer .centre p a {
		color: white;
	}

	#footer .wpcf7-response-output {
		clear: both;
		padding-top: 15px;
		border: none;
		text-align: right;
		color: white;
	}


/* SMALL (up to 640px)
==================================================================================================================================

=============================================================================================================================== */
@media only screen and (max-width: 20.062em) {

}

/* MEDIUM (640px up)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (min-width: 40.063em) {

.vert_centre_med_up {position: absolute; top: 50%; transform: translateY(-50%);}

/* GENERAL
================================================================================ */
h1 {font-size: 2.375rem;} 
h2 {font-size: 1.875rem;} 
h3 {font-size: 1.375rem;} 
h4, h5 {font-size: 1.25rem;}
h6 {font-size: 1.0rem;}

.pre_heading:before, .pre_heading:after {

	height: 7px;
	border-width: 2px;
}
	.pre_heading:before {margin-right: 10px;} 
	.pre_heading:after {margin-left: 10px;}

.no_pad_small {padding: 0 0.9375rem !important;}	
.center_small {text-align: left;}

.fixed_nav_spacing {
	margin-top: 110px;
}

ul.check, ul.bullet {
	
}
	ul.check li, ul.bullet li {
		padding-left: 35px;
		padding-bottom: 10px;
	}

/* FOUNDATION ELEMENTS
================================================================================ */

/* HEADER
================================================================================ */
#header {
	height: 60px;
}

.fixed_nav {
	position: fixed;
	top:  0;
	width: 100%;
	background: white;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.06);
	z-index:  3;
}
	.logo {
		left: 10px;
	}
		.logo img {
			width: 170px;
		}
	.nav_wrap {
		height: 110px;
		margin-left: 190px;
	}

	#nav {
		
	}

/* BANNER
================================================================================ */

#banner h2 {
	font-size: 1.125rem;
}
	#banner h2 span {
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
	}

#banner .banner_content {
	padding: 130px 0 30px;
}

	.banner_icons li a {
		max-width: 150px;
		font-weight: 500;
		font-size: 0.875rem;
	}
		.banner_icons li a .icon {
			margin-bottom: 20px;
		}

/* CTA
================================================================================ */	

.cta_bar {
	text-align: center;
	background-image: url(../images/style/grey.jpg);
	background-repeat: no-repeat;
	background-position: center bottom 75px;
}

	.cta_box {
		padding: 15px;
		margin-bottom: 25px;
		box-shadow: 0 3px 3px 0 rgba(0,0,0,0.18);
		background-repeat: no-repeat;
		text-align: left;
		position: relative;
		padding-bottom: 80px;
	}
		.main .cta_box {
			padding-bottom: 80px;
		}
		.webinars .cta_box {
			background-position: center;
		}
		.training .cta_box {
			background-position: center;
		}
		.courses .cta_box {
			background-position: center;
		}
	.cta_box p {
		padding: 0;
	}
	.cta_box ul li {
		color: white;
		background-image: url(../images/style/white-check.png);
	}
	.cta_box .button {
		position: absolute;
		bottom: 30px;
		left: calc(50% - 77px);
	}

/* EVENTS BAR
================================================================================ */

.events_bar {
	padding-bottom: 20px;
}

.events {

}
	.events li {
		padding: 10px 0 20px;
		border-bottom: 1px solid #c5c9ce;
	}
		.events li a {
			
		}
			.events li a .icon {
				width: 50px;
				height: 50px;
				display: inline-block !important;
				border-radius: 25px;
				margin-right: 15px;
				vertical-align: middle;
				background-size: cover;
				background-position: center;
			}
				.events li a .icon.course {background-color: #b93a8c;}
				.events li a .icon.webinars {background-color: #43b9f6;}

				.events li a .icon.book {background-image: url(../images/icons/book.png);}
				.events li a .icon.medical {background-image: url(../images/icons/doctor.png);}
				.events li a .icon.presentation {background-image: url(../images/icons/presentation.png);}
				.events li a .icon.chat {background-image: url(../images/icons/speach.png);}
				.events li a .icon.write {background-image: url(../images/icons/write.png);}
			.events li a .title, .news li a .title {
				display: inline-block;
				width: calc(55% - 80px);
				vertical-align: middle;
				color: #404d5e;
				font-size: 1rem;
			}
				.news li a .title {
					display: block;
					width: 100%;
				}
			.events li a .date_loc {
				width: 25%;
				display: inline-block;
				vertical-align: middle;
			}
			.news li a .excerpt {
				display: inline-block;
				width: 79%;
				vertical-align: middle;
			}
			.events li a .arrow, .news li a .arrow {
				width: 20%;
				float: none;
				font-size: 0.875rem;
				padding-right: 15px;
				font-weight: 600;
				height: 24px;
				color: #b93a8d;
				text-align: right;
				display: inline-block;
				vertical-align: middle;
			}
				.events li a .arrow:after, .news li a .arrow:after {
					content: "";
					display: block;
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 5px 0 5px 8px;
					bottom: 7px;
					right: 0;
				}
				
				.news li a .arrow:after {
					top: 7px;
				}

/* LOCATION BOX
================================================================================ */

.location {

}
	.location .row {
		background-color: white;
	}
	.location .em-location-map-container {
		
	}
	.map-holder {
		width: 100%;
		margin: 0.9375rem 0;
		box-sizing: border-box;
	}
		.map-holder > div {
			width: 100% !important;
			box-sizing: border-box;
		}

/* SIGN UP BAR
================================================================================ */

.sign_up_bar {
	text-align: left;
}
	.sign_up_bar h3 {
		margin: 10px 0;
	}
	.sign_up_bar p {
		margin: 10px 0;
	}
	.sign_up_bar .vert_centre {
		right: 0.9375rem;
	}

/* BREADCRUMB
================================================================================ */

/* MAIN CONTENT
================================================================================ */

.main {
	background-color: #f9fafc;
}

.intro {
	
}
	.intro h3 {
		font-size: 1.375rem;
	}

	.intro .icon {
		width: 85px;
		height: 85px;
		display: inline-block;
		border-radius: 50px;
		background-position: center;
		background-repeat: no-repeat;
		margin-right: 30px;
		background-color: #a93a91;
	}
		.intro .icon.presentation {
			background-image: url(../images/icons/presentation.png);
		}
		.intro .icon.book {
			background-image: url(../images/icons/book.png);
		}
		.intro .icon.medical {
			background-image: url(../images/icons/doctor.png);
		}
		.intro .icon.chat {
			background-image: url(../images/icons/speach.png);

		}
		.intro .icon.meeting {
			background-image: url(../images/icons/meeting.png);
		}
		.intro .icon.write {
			background-image: url(../images/icons/write.png);
		}
		
		.intro .icon.pink { background-color: #a93a91; }
		.intro .icon.blue { background-color: #43b9f6; }
		.intro .icon.purple { background-color: #944bb8; }

	.intro .text {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

.side-nav, .side-box {
	padding: 15px 30px; 
}
	.side-nav ul {
	}
		.side-nav ul li {
		}
			.side-nav ul li a {
			}
				.side-nav ul li a:hover {
					background: rgba(0,0,0,0.05) !important;
				}
		

/* FORMS
================================================================================ */
form fieldset:nth-child(2n) {
	background: #ffffff;

}

/* BUTTONS
================================================================================ */
				
/* SOCIAL
================================================================================ */

/* MISC
================================================================================ */

/* FOOTER
================================================================================ */
#footer {
	text-align: left;
	padding: 40px 0
}


#footer form {

}
	#footer form input, #footer form textarea {
		background: #65707d;
		border: none;
		border-radius: 2px;
		color: white;
		font-family: 'Raleway', sans-serif;
		font-size: 0.75rem;
		font-weight: 400;
		margin-bottom: 10px;
	}
		#footer form input[type=submit] {
			float: right;
			font-weight: 600;
			font-size: 0.875rem
		}
		#footer form textarea {
			resize: none;
			height: 140px;
		}



	#footer .centre p {
		/* font-size: 0.75rem; */
	}

	#footer .centre p a {
		
	}
		#footer .centre p a:before {
			content: "  |  ";
			margin: 0 15px;
		}

	#footer ::-webkit-input-placeholder {
		color: white
	}
	#footer :-moz-placeholder {
		color: white;
	} 
	#footer ::-moz-placeholder {
		color: white;

	}
	#footer :-ms-input-placeholder {
	   color: white;
	} 
	
}

/* Large (1020px up) */
@media only screen and (min-width: 64.063em) {

/* GENERAL
================================================================================ */

/* FOUNDATION ELEMENTS
================================================================================ */

.column, .columns {
	position: relative;
	float: left;
}

/* HEADER
================================================================================ */

.nav_wrap {
	position: relative;
	max-width: 1195px;
	margin: 0 auto;
	padding-left: 190px;
}

/* BANNER
================================================================================ */

#banner h2 {
	
}
	#banner h2 span {
		font-size: 1.875rem;
	}

/* CTA
================================================================================ */	

.cta_bar {
	
}

	.cta_box {
		padding: 15px 30px 50px;
	}

/* EVENTS BAR
================================================================================ */

.events {

}
	.events li {
		
	}
		.events li a {

			
		}
			.events li a .icon {
				margin-right: 25px;
			}
			.events li a .title {
				width: calc(55% - 90px);
			}

/* NAVIGATION
================================================================================ */

/* BREADCRUMB
================================================================================ */


/* MAIN CONTENT
================================================================================ */

/* FORMS
================================================================================ */

/* BUTTONS


================================================================================ */
				
/* SOCIAL
================================================================================ */

/* MISC
================================================================================ */

/* FOOTER
================================================================================ */

#footer .row .arrow-background {
	background-image: url(../images/icons/arrow.png);
	background-repeat: no-repeat;
	background-position: right 50px top 70px;
}

}

/* 2021 Changes
================================================================================ */
.banner_content.new {
	min-height: 240px;
	padding: 50px 0 !important;
	display: flex;
	align-items: center;
}

.new h1, .new h2, .new h3, .new h4, .new h5, .new h6, .new p, .new li, .new th, .new td, .new form, .new button, .new label {
	line-height: 1.5;
}

.new .cta_box {
	margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
	.new .cta_box {
		margin-top: 20px;
	}
}
	.animate_boxes .cta_box .bubble {
		bottom: calc(50% - 25px);
		right: -10px;
		display: none !important;
	}
	.cta_box .icon {
		display: block;
		width: 86px;
		height: 86px;
		margin: -50px auto 0 auto;
		border: 2px solid white;
		border-radius: 50%;
		background-color: #b93a8c;
	}
	.webinars .icon {background-color: #43b9f6;}
	.training .icon {background-color: #a93a91;}
	.courses .icon {background-color: #944bb8;}



@media only screen and (min-width: 40.063em) {
	.new p:not(.bubble), .new ul li, .new ol li, .new .side-nav li, .new .events li a .arrow, .new .news li a .arrow {
		font-size: 18px;
	}
		.new .events li a .title, .new .news li a .title {
			font-size: 20px;
		}
		.new .events li a .arrow:after {
			bottom: 4px;
		}
		.new .news li a .arrow:after {
			top: 10px;
		}
		.new ul.check li, .new ul.bullet li {
			background-position: top 9px left;
		}

	.new .events li a {
		display: flex;
		align-items: center;
	}
	
	.new h1 {font-size: 2.375rem;} 
	.new h2 {font-size: 2rem;} 
	.new h3 {font-size: 1.75rem;} 
	.new h4, .new h5, #cookie-bar-2021 .h4 {font-size: 1.5rem;}
	.new h6 {font-size: 1.125rem;}
}

.animate_boxes {
	display: flex;
}

.animate_boxes .cta_box {
	height: calc(100% - 65px);
	animation-name: fade-in-bottom;
	animation-duration: 1s;
	animation-play-state: running;
	animation-fill-mode: both;
}	
.animate_boxes > .columns:nth-child(1) .cta_box {animation-delay: 0.3s}
.animate_boxes > .columns:nth-child(2) .cta_box {animation-delay: 0.6s}
.animate_boxes > .columns:nth-child(3) .cta_box {animation-delay: 0.9s}

@media only screen and (min-width: 40.063em) {
	.animate_boxes .cta_box {
		height: calc(100% - 45px);
	}
}

@keyframes fade-in-bottom {
    from {transform: translateY(60px); opacity: 0;}
	80% {transform: translateY(0);}
	to {transform: translateY(0); opacity: 1;}
}

/*.new .events li a .icon.book, .new .intro .icon.book 			{background-color: #43b9f6;}
.new .events li a .icon.medical, .new .intro .icon.medical  	{background-color: #a93a91;}
.new .events li a .icon.meeting , .new .intro .icon.meeting 	{background-color: #944bb8;}*/

#cookie-bar-2021 {
  background: #676767;
  text-align: left;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  max-height: 50vh;
  position: fixed;
  bottom: 0.625rem;
  left: 50%;
  z-index: 1000;
  padding: 0.9375rem;
  max-width: calc(100vw - 20px);
  transform: translateX(-50%);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0.625rem;
  transition: background 0.2s ease-in-out; }
  @media screen and (min-width: 1200px) {
    #cookie-bar-2021 {
      max-width: 1140px; } }
  @media print, screen and (min-width: 40em) {
    #cookie-bar-2021 {
      padding: 1.25rem 1.5625rem;
      bottom: 2.5vh; } }
  #cookie-bar-2021.closed {
    left: 0.625rem;
    bottom: 0.625rem;
    transform: translateX(0%);
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer; }
    @media print, screen and (min-width: 40em) {
      #cookie-bar-2021.closed {
        left: 1.25rem;
        bottom: 1.25rem;
        height: 3.75rem;
        width: 3.75rem; } }
    #cookie-bar-2021.closed .text {
      display: none; }
    #cookie-bar-2021.closed:hover, #cookie-bar-2021.closed:focus {
      background: #2d2d2d; }
    #cookie-bar-2021.closed::before {
      font-family: Font Awesome\ 5 Free;
      content: "\f013";
      color: #ffffff;
      font-size: 1.25rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 900;
      line-height: 1; }
      @media print, screen and (min-width: 40em) {
        #cookie-bar-2021.closed::before {
          font-size: 1.875rem; } }
  #cookie-bar-2021 .text {
    color: #ffffff; }
    #cookie-bar-2021 .text p {
      color: #ffffff; line-height: 1.6; }
      #cookie-bar-2021 .text p:not(.h2):not(.h3):not(.h4) {
        font-size: 1rem; }
    #cookie-bar-2021 .text a {
      color: #ffffff; }
    #cookie-bar-2021 .text .button {
      color: #ffffff; }
      #cookie-bar-2021 .text .button.hollow:hover, #cookie-bar-2021 .text .button.hollow:focus {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #676767; }
  #cookie-bar-2021 :last-child {
    margin-bottom: 0; }

  #cookie-bar-2021 a.close {
    float: right;
    width: 1.875rem;
    height: 1.875rem;
    position: relative;
    text-indent: -9999px; }
    #cookie-bar-2021 a.close:before, #cookie-bar-2021 a.close:after {
      content: '';
      display: block;
      width: 1.375rem;
      height: 0.1875rem;
      position: absolute;
      top: 0.8125rem;
      left: 0.25rem;
      background: #ffffff;
      transition: background 0.2s ease-in; }
    #cookie-bar-2021 a.close:before {
      transform: rotate(-45deg); }
    #cookie-bar-2021 a.close:after {
      transform: rotate(45deg); }
    #cookie-bar-2021 a.close:hover:before, #cookie-bar-2021 a.close:hover:after, #cookie-bar-2021 a.close:focus:before, #cookie-bar-2021 a.close:focus:after {
      background: #dfdfdf; }

	#cookie-bar-2021 form {
		margin: 0 0 1rem 0;
	}
		#cookie-bar-2021 fieldset {
			position: relative;
		}
		#cookie-bar-2021 [type=checkbox] {
			position: absolute;
			top: calc(50% - 1.25rem); left: 0.625rem;
			width: 0.625rem;
			height: 0.625rem;
			overflow: hidden;
			z-index: 1;
			transform: translateY(-50%);
		}
			#cookie-bar-2021 [type=checkbox] + label {
				position: relative;
				margin: 0; padding: 0 0 0 45px;
				margin-bottom: 1.25rem;
				font-size: 16px !important;
				line-height: 1.4;
				z-index: 2;
				color: #fff;
				cursor: pointer;
			}
				#cookie-bar-2021 [type=checkbox] + label::before {
					content: "\f00c";
					display: block;
					width: 30px;
					height: 30px;
					text-align: center;
					border: 2px solid #fff;
					background: #676767;
					border-radius: 5px;
					position: absolute;
					top: 50%; left: 0;
					font-family: 'Font Awesome 5 Free';
					font-weight: 700;
					transform: translateY(-50%);
					transition: all 0.3s ease-in;
					font-size: 100%;
					color: #676767;
					line-height: 26px;
				}
				#cookie-bar-2021 [type=checkbox] + label:hover::before, #cookie-bar-2021 [type=checkbox] + label:focus::before {
					background: #fff;
					color: #fff;
				}
			#cookie-bar-2021 [type=checkbox]:checked + label::before {
				background: #B93A8C;
				color: #fff;
			}

.sr_only, .screen-reader-response {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;	
}

.new #footer .svg_icon {
	display: inline-block;
}
.new #footer .button {
	width: auto;
}

._form_1 > form {
	width: 100% !important;
	background: transparent !important;
	padding: 0 !important;
}

._form_1 > form > ._form-content {
	background: #f9fafc !important;
}