header {
	background-color: white;
	border-bottom: 0px solid #FFFFFF;
	height: auto;
	position: relative;
	width: 100%;
}

.horizontally-center-child{
	display:flex;
	width:100%;
    justify-content: center;
}


.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1240px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}


.main-text > .frm_forms{
	float:left;
}

.twbs .list-inline-item {
    display: inline-block;
    float: left;
    width: auto;
}


.listing li{
	width:100%;
}

/*--- TYPOGRAPHY ---*/

section .section-title {
	width: 100%;
	display: block;
}
.section-title .see-all {
	color: #0e2050;
	cursor: pointer;
	display: inline-block;
	text-align: left;
	font-size: 1em;
	margin-top: -10px;
	position: relative;
	text-decoration: none;
	width: 100%;
	padding: 0px;
	margin-bottom: 30px;
	width: 180px;
	float: left;
}
section li .list-content h4 a {
	font-size: 1.1em;
}



.main-text ul{
	float: left;
	margin-left:0px;
	width:100%;
}
.main-text p ~ ul{
	margin-left:30px;
}

.tactical-box p ~ ul{
	margin-left:0px;
}

.main-text p ~ ul.listing{
	margin-left:0px;
	margin-top:20px;
}


h4{
	color: #0e6FAB!important;
	font-size:1.333em!important;
}

.content .main-content a{
	color: #0e6FAB;
}

a {
	color: #0e6FAB;
	font-size: 1em;
	text-decoration: none;

}

.main-content a, .info-left a{
		font-weight:bold;
}

a:hover{
	text-decoration:underline;
}

p{
	width:100%;
}

p, .content ul li, .content ol li {
    color: #000000;
    font-size: 1em;
    font-weight: 400!important;
    line-height: 1.5em;
    margin-bottom: 1em;
	float:left;
	width:100%;
}

section ol li, section ul li{
	width:calc(100% - 30px);
}


.content .main-content p {
    margin-bottom: 30px;
    width: 100%;
}


ol {

  counter-reset: my-awesome-counter;
  list-style: none;

}
ol > li {
  margin: 0 0 1rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
  padding-left:20px;
  margin-right:20px;
}
ol > li::before {
  content: counter(my-awesome-counter);
  color: #FFFFFF;
  font-size: 1rem;
  font-family:Lato;
  position: absolute;
  --size: 28px;
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  background: #0e6fab;
  border-radius: 50%;
  text-align: center;
  left:-20px;

}

#main ol > li > ul, #main ul > li > ul, #main ol > li > ol, #main ul > li > ol{
	margin-top:20px;
	margin-left:40px!important;
}

#main ol > li > ul > li, #main ol > li > ol > li, #main ul > li > ul > li, #main ul > li > ol > li{
	width:100%;
	float:left;
}





/*--- MAIN MENU -------------------------------------------------------------------------------------------------*/

.meamenu {
	width: 100%;
	background-color: #182d65;
	display: none;
}
.meamenu-column {
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.menu-megamenu-container {
	margin-left: -15px;
	margin-right: -15px;
}
.main-menu-container #section-links>.menu-megamenu-container>ul>li {
	float: left;
	text-align: center;
	width: 106px;
	margin-left: calc(9% - 53px);
	margin-right: calc(9% - 53px);
	z-index: 1000;
	margin-bottom: 20px;
	font-size:0.9em;
}
.main-menu-container #section-links>.menu-megamenu-container>ul>li:hover>a, .hovered-menu {
	width: 90px!important;
	height: 90px;
	background-color: #0e2050;
	color: #FFFFFF!important;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -47px;
	z-index: 1000;
	border: 12px solid white;
	color: white;
	position: relative;
	margin-left: -2px;
}
.iPad .main-menu-container #section-links>.menu-megamenu-container>ul>li:hover>a, .Android .main-menu-container #section-links>.menu-megamenu-container>ul>li:hover>a {
	pointer-events: none;
}
.Edge .main-menu-container #section-links>.menu-megamenu-container>ul>li:hover>a{
	z-index: 1200;
	border: 0px;
	background-color: #FFFFFF;
	position: relative;
}
.Edge .main-menu-container #section-links>.menu-megamenu-container>ul>li:hover>a:after{
	width: 110px;
	height: 110px;
	z-index: 100;
	position: absolute;
	content: "";
	background-image: url('https://www.oii.ox.ac.uk/wp-content/themes/oii/assets/svg/OII-circle.svg');
	top: 3px;
	left: 0px;
}
.Edge .main-menu-container #section-links>.menu-megamenu-container>ul>li:hover>a>.main-menu-circle-text{
	color: #FFFFFF;
	width: 110px;
	position: absolute;
	z-index: 2000;
	top: 48px;
	text-align: center;
	left: 0px;
}
.megamenu {
	display: none;
	z-index: 900;
	color: #FFFFFF;
	width: calc(100% - 200px);
	background-color: #0e2050;
	top: 10px;
	margin-top: 5px;
	position: absolute;
	z-index: 999;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
	border-top: white 20px solid;
}
.megamenu a {
	transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	color: white;
	text-decoration: none;
}
.megamenu a:hover {
	color: #8ccaff;
	text-decoration:none;
}
.main-menu-container #section-links>.menu-megamenu-container>ul>li>a {
	text-decoration: none;
	color: #0e2050;
	font-weight: 500!important;
}
.main-menu-container #section-links {
	margin-left: 60px;
	z-index: 1000;
}
#section-links ul li:focus .megamenu, #section-links ul li:hover .megamenu {
	display: block;
}
.main-menu-container {
	display: none;
}
.megamenu:after {
	width: 100%;
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #FFFFFF;
}

ul.section-first-level-items>li.bold {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-family: 'Lato';
	font-size: 14.5px;
	letter-spacing: 1px;
	color:#FFFFFF99;
}

ul.section-first-level-items>li.bold.large-margin {
	margin-bottom:40px;
}


ul.section-first-level-items>li.bold a {
	font-size: 14.5px;
}
ul.section-second-level-items {
	margin-top: 20px;
	margin-left: 20px;
}
ul.section-second-level-items>li {
	font-weight: normal;
	text-transform: none;
	font-family: 'Roboto';
	list-style-type: disc;
	letter-spacing: 0px;
	line-height: 24px;
}
@media screen and (min-width:768px) {
	.col-6 {
		width: calc(50% - 30px);
		float: left;
		margin-bottom: 0px;
		margin-right: 30px;
	}
	.col-3 {
		width: calc(50% - 30px);
		float: left;
		margin-bottom: 0px;
		margin-right: 30px;
	}
	.col-4 {
		width: calc(50% - 30px);
		float: left;
		margin-bottom: 0px;
		margin-right: 30px;
	}
	.col-8 {
		width: 100%;
		float: left;
		margin-bottom: 0px;
	}
	.main-menu-container {
		width: 100%;
		min-height: 350px;
		position: absolute;
		top: 120px;
		right: 0px;
		display: block;
		font-family: 'Lato';
		font-weight: 300;
		font-size: 17px;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
	}
	.megamenu {
		width: calc(100% - 100px);
		/* Height explanation: Designed to overlap the homepage carousel. Width of which is 70% of the screenwidth (less margins). Height is 55% of that. Less 100px for padding */
		min-height: calc((((100vw - 20px) * 0.7) * 0.55) - 100px);
		background-color: #0e2050;
		top: 15px;
		margin-top: 5px;
		position: absolute;
		z-index: 999;
		left: 0px;
		color: white;
		text-align: left;
		left: 0px;
	}
}
@media screen and (min-width:992px) {
	.col-6 {
		width: calc(50% - 30px);
		float: left;
		margin-bottom: 0px;
		margin-right: 30px;
	}
	.col-3 {
		width: calc(25% - 30px);
		float: left;
		margin-bottom: 0px;
		margin-right: 30px;
	}
	.col-4 {
		width: calc(33.3% - 30px);
		float: left;
		margin-bottom: 0px;
		margin-right: 30px;
	}
	.col-8 {
		width: calc(66.6% - 30px);
		float: left;
		margin-bottom: 0px;
		margin-right: 30px;
	}
	.ipad-menu-only {
		display: none;
	}
	.main-menu-container {
		width: 640px;
		top: 90px;
	}
	.megamenu {
		width: 822px;
		min-height: 270px;
		background-color: #0e2050;
		top: 20px;
		left: -282px;
		margin-top: 0px;
		position: absolute;
		z-index: 999;
		border-top: white 20px solid;
	}
	
	.home .megamenu {
		min-height:240px;
	}
}
@media screen and (min-width:1240px) {
	.megamenu {
		width: 1060px;
		min-height: 270px;
		background-color: #0e2050;
		top: 20px;
		position: absolute;
		z-index: 999;
		left: -340px;
		border-top: white 20px solid;
	}
	
	.home .megamenu {
		min-height:283px;
	}	
	
}
/*--- MOBILE MENU ----------------------------------------------------------------------------*/

#mobile-search-link {
	float: right;
	margin-right:35px;
}
#mobile-search-link svg {
	width: 25px;
	height: 25px;
	fill: white;
	margin-top: 12px;
	cursor: pointer;
}
#mobile-search-form {
	display: none;
}
#mobile-search-form form {
	float: right;
	color: #FFFFFF;
	margin-top: 15px;
}
#mobile-search-form form label {
	font-family: 'Lato';
	font-size: 14px;
	margin-right: 10px;
}
#mobile-search-form form input.search-field {
	font-family: 'Lato';
	font-size: 14px;
	border: 0px;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	width: 108px;
	outline: none;
	background: transparent;
	margin-right: 15px;
}
#mobile-search-form form input[type=submit] {
	height: 30px;
	width: 30px;
	right: 10px;
	margin-top: 10px;
	background: transparent;
	position: absolute;
	top: 1px;
	padding: 10px;
	border: 0px;
	cursor: pointer;
}
.mobile-menu-is-open {
	height: 100%;
	overflow: hidden;
	position: fixed;
}
#mobile-menu ul#menu-megamenu {
	margin-bottom: 20px;
}
#mobile-menu .menu-megamenu-container {
	padding-top: 90px;
}
#mobile-menu .container {
	padding-bottom: 50px;
}
#mobile-menu li.menu-item a {
	color: white;
	text-decoration: none;
	transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	cursor: pointer;
}

#mobile-menu li.menu-item a:hover {
	color: #8ccaff;
}

.megamenu li.menu-item span{
	color:#FFFFFF99;
}

.mobile-menu-top-level {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #0e2050;
}
.top-level-mobile-items {
	padding: 20px;
	width: inherit;
	background-color: #0e2050;
	cursor: pointer;
	transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	position: relative;
}
.top-level-mobile-items:hover .arrow.down {
	border-top: 10px solid #8ccaff;
}
.top-level-mobile-items:hover .arrow.up {
	border-bottom: 10px solid #8ccaff;
}
.top-level-mobile-items:hover {
	color: #8ccaff;
}
.arrow {
	transition: border-color 0.5s ease;
	-webkit-transition: border-color 0.5s ease;
	float: right;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin-right: 30px;
	position: absolute;
	top: 25px;
	right: 0px;
}
.arrow.down {
	border-top: 10px solid #FFF;
	padding-top: 10px;
}
.arrow.up {
	border-bottom: 10px solid #FFF;
}
#white-version {
	left: 15px;
	top: -10px;
}
#menu-bar {
	height: 50px;
	background-color: #0e2050;
	border-bottom: 1px solid white;
	width: 100vw;
}
.menu-line {
	height: 3px;
	background-color: #FFFFFF;
	width: 25px;
	margin-right: 10px;
	margin-left: 0px;
	position: absolute;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}
#menu-button {
	height: 30px;
	width: 30px;
	position: relative;
	float: left;
	cursor: pointer;
	margin-top: 12px;
}
#menu-line-1 {
	top: 5px;
}
#menu-line-2a, #menu-line-2b {
	top: 12px;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	-ms-transition: -ms-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
}
#menu-line-3 {
	top: 19px;
}
.disappear {
	opacity: 0;
}
.rotate45 {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.rotateminus45 {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#mobile-menu {
	width: 100vw;
	height: calc(100vh - 120px);
	background-color: #0e2050;
	z-index: 500;
	display: none;
	color: #FFFFFF;
	padding-bottom: 50px;
	padding-top: 40px;
	position: absolute;
	overflow-y: scroll;
	top:50px;
}
@media screen and (min-width:768px) {
	.mobile-menu-is-open {
		height: 100%;
		overflow: auto;
		position: relative;
	}
	#menu-bar {
		display: none;
	}
	#mobile-menu-container {
		display: none;
	}
}

#mobile-menu-container button{
	font-size:0px;
	line-height:0px;
}



/*--- MENU ICONS ---------------------------------------------------------------------------------------------------*/

#home-link, #search-link, #remenu-link {
	width: 18px;
	height: 18px;
	float: left;
	cursor: pointer;
}
#home-link svg, #search-link svg, #remenu-link svg {
	fill: #0e2050;
	transition: fill 1s ease;
	-webkit-transition: fill 1s ease;
}
#home-link svg:hover, #search-link svg:hover, #remenu-link svg:hover {
	fill: #042887;
}
#remenu-link {
	display: none;
}
#search-form form {
	float: right;
	color: #0e2050;
}
#search-form form label {
	font-family: 'Lato';
	font-size: 1em;
	margin-right: 10px;
}
#search-form form input.search-field {
	font-family: 'Lato';
	font-size: 1em;
	border: 0px;
	border-bottom: 1px solid #0e2050;
	margin-right: 20px;
	padding-left: 10px;
	padding-right: 10px;
	width: 124px;
	outline: none;
}
#search-form form input[type=submit] {
	height: 20px;
	width: 20px;
	right: 0px;
	background: transparent;
	position: absolute;
	top: 1px;
	padding: 10px;
	border: 0px;
	cursor: pointer;
	font-size:0px!important;	
}
#search-link {
	float: right;
}
#search-form {
	display: none;
}


#search-form #search-submit{
font-size:0px;
	line-height:0px;
}
/*--- LOGOS AND TEXT ------------------------------------------------------------------------------------------------*/

.and-oxford-logos, .text-version-of-logo {
	width: 149px;
	height: 70px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.oxford_blue_logo {
	background-image: url("/wp-content/themes/oii/assets/img/svgs/Oxford_blue_logo.svg");
	width: 70px;
	height: 70px;
	float: left;
}
.oii_blue_logo {
	background-image: url("/wp-content/themes/oii/assets/img/svgs/OII_small_blue_logo.svg");
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 8px;
}
.text-version-of-logo {
	left: 0px;
}
.text-version-of-logo img {
	width: 120px;
	padding-top: 12px;
}
@media screen and (min-width:370px) {
	<!-- At iPhone 5 screen size the OII text overlaps the OII logo -->.text-version-of-logo img {
		width: 146px;
		padding-top: 0px;
	}
}
@media screen and (min-width:768px) {
	.and-oxford-logos, .text-version-of-logo {
		width: 149px;
		height: 70px;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.text-version-of-logo {
		left: 0px;
	}
}
@media screen and (min-width:992px) {
	.oxford_blue_logo {
		background-image: url("/wp-content/themes/oii/assets/img/svgs/Oxford_blue_logo.svg");
		width: 110px;
		height: 110px;
	}
	.oii_blue_logo {
		background-image: url("/wp-content/themes/oii/assets/img/svgs/OII_large_blue_logo.svg");
		width: 110px;
		height: 110px;
		margin-right: 12px;
	}
	.ox-and-oxford-logos {
		width: 245px;
		height: 110px;
	}
	.and-oxford-logos a {
		float: left;
	}
	.text-version-of-logo {
		display: none;
	}
	.and-oxford-logos {
		width: 233px;
		height: 110px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
}


/*----BREADCRUMBS ------------------------------------------------------------------------------------------------------*/

	.oii-breadcrumbs li{
			list-style-type:none;
			float:left;
			margin-left:3px;
	}
	.oii-breadcrumbs{
			padding-bottom:20px;
	}

	.oii-breadcrumbs li a{
		text-decoration:none;
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:14px;
	}


@media screen and (min-width:550px){
	.oii-breadcrumbs li a{
		letter-spacing:2px;
		font-size:16px;
	}
}
	.oii-breadcrumbs li a:hover{
		text-decoration:underline;
	}

	/* @media screen and (min-width:1024px){
		.breadcrumbs{
			margin-top: 50px;
		}
	}

	*/


	.breadcrumbs {
		height: auto;
		padding: 0px 0px 0px;
		margin-bottom: 0px;
		float: left;
	}

	.breadcrumbs .container{
		display:none;
	}

	.oii-breadcrumbs li{
		list-style-type: none;
		float: left;
		margin-left:0px;
		margin-right: 5px;
	}


@media screen and (min-width:1240px){
	.breadcrumbs{
		margin-top: 0px;
	}	
}

/*--- CAROUSEL ------------------------------------------------------------------------------------------------------*/

section#homepage_carousel {
	width: calc(100% + 30px);
	margin-left: -15px;
}
.carousel-container .carousel-left-curve-text {
	position: absolute;
	width: 150px;
	z-index: 1000;
	height: 100%;
	margin-left: 15px;
}

.carousel-left-curve-text a:hover{
	text-decoration:none;
}


.carousel-container .carousel-left-curve-text p {
	font-weight: 400!important;
}
.carousel-container p {
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	line-height: 17px;
	font-size: 1em;
}
.curve-colour {
	transition: fill 1s ease;
	-webkit-transition: fill 1s ease;
}
.carousel-circle {
	border-radius: 50%;
	width: 14px;
	height: 14px;
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
}
.carousel-control-container {
	height: 18px;
	width: 95px;
	position: absolute;
	z-index: 901;
	bottom: 20px;
	right: 20px;
}
#carousel-controls {
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}
.carousel-content-container {
	background-color: #0e2050;
	background-size: cover;
	background-position: center;
	height: calc(((100vw - 20px) * 0.7) * 0.55);
	width: calc((100vw - 20px) * 0.7);
	right: 0px;
	position: absolute;
}
.carousel-content-container video {
	position: absolute;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	height: 190px;
}
.carousel-content-container img {
	height: 190px;
}
.carousel-image {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
}
.carousel-container {
	width: 100%;
	height: 190px;
	z-index: 0;
	position: relative;
	overflow: hidden;
}
.left-inner-carousel {
	height: 100%;
	width: 190px;
	background-color: #042887;
	float: left;
}
.right-inner-carousel {
	display: none;
}
.carousel-container .carousel-left-curve {
	position: absolute;
	left: 0px;
	height: 190px;
	width: 220px;
	z-index: 900;
	fill: #4085c6;
}

@media screen and (min-width:500px){
	.carousel-container .carousel-left-curve {
		left: 20px;
	}
}


.carousel-container .carousel-right-curve {
	display: none;
}
.carousel-container #carousel-text {
	z-index: 910;
	width: 145px;
	height: auto;
	font-family: Lato;
	font-size: 1em;
	color: #FFFFFF;
	line-height: 20px;
}
.carousel-container {
	width: 100%;
	height: 190px;
	transition: background-color 1s ease;
}
.carousel-content-container {
	width: calc(100% - 160px);
	height: 190px;
	background-color: #0e2050;
}
.carousel-left-curve svg {
	height: 190px;
}
@media screen and (min-width:500px) {
	.carousel-content-container video {
		width: 100%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute;
		top: 50%;
		min-height: 100%;
		left: 0px;
		height: auto;
	}
	.carousel-container {
		width: 100%;
		height: calc(((100vw - 20px) * 0.7) * 0.55);

	}
	.carousel-left-curve svg {
		height: calc(((100vw - 20px) * 0.7) * 0.55);
	}
	.carousel-content-container {
		width: calc((100vw - 40px) * 0.7);
		height: 100%;
	}
	.carousel-container .carousel-left-curve-text {
		position: absolute;
		z-index: 1000;
		height: 100%;
		width: calc(30vw + 10px);
		margin-left: 15px;
	}
	
	.carousel-container p {
		line-height: 21px;
		font-size: 1.1em;
	}
	

}

@media screen and (min-width:600px) {
	
	.carousel-container .carousel-left-curve-text {
		position: absolute;
		z-index: 1000;
		height: 100%;
		width: calc(30vw - 10px);
		margin-left: 30px;
	}	
	
}



@media screen and (min-width:768px) {
	section#homepage_carousel {
		width: 100%;
		margin-left: 0px;
	}
	.carousel-container .carousel-left-curve-text {
		width: calc(((100vw - 20px) * 0.3) - 30px);
		margin-left: 40px;
	}
	.carousel-container p {
		color: #FFFFFF;
		font-family: 'Lato', sans-serif;
		line-height: 24px;
		font-size: 21px;
	}
	.carousel-control-container {
		height: 18px;
		width: 95px;
		bottom: 20px;
		right: 20px;
		position: absolute;
		z-index: 901;
	}
	#carousel-controls {
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		left: 50%;
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		right: auto;
	}
	.carousel-circle {
		transition: background-color 1s ease;
		-webkit-transition: background-color 1s ease;
		border-radius: 50%;
		width: 14px;
		height: 14px;
		float: left;
		margin-left: 3px;
		margin-right: 3px;
		border: 2px solid white;
	}
	.carousel-content-container video {
		width: calc(95% + 6em);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute;
		top: 50%;
		min-height: 100%;
	}
	.carousel-container .carousel-left-curve {
		position: absolute;
		left: -20px;
		height: 100%;
		width: 330px;
		z-index: 900;
		fill: #4085c6;
	}
	.carousel-container .carousel-right-curve {
		display: none;
	}
	.carousel-container #carousel-text {
		z-index: 910;
		width: 200px;
		height: auto;
		font-family: Lato;
		font-size: 24px;
		color: #FFFFFF;
		line-height: 30px;
	}
	.carousel-container {
		width: 100%;
		height: calc(((100vw - 20px) * 0.7) * 0.55);

	}
	.carousel-left-curve svg {
		height: calc(((100vw - 20px) * 0.7) * 0.55);
	}
}
@media screen and (min-width:992px) {
	.carousel-left-curve svg {
		height: inherit;
	}
	.carousel-container p {
		color: #FFFFFF;
		font-family: 'Lato', sans-serif;
		line-height: 26px;
		font-size: 23px;
	}
	.carousel-content-container {
		height: 318px;
		width: 566px;
		left: 267px;
		position: absolute;
	}
	.carousel-content-container video {
		width: 100%;
	}
	.carousel-image {
		height: 318px;
		width: 566px;
	}
	.carousel-container .carousel-left-curve {
		position: absolute;
		left: 0px;
		height: 318px;
		width: 318px;
		z-index: 900;
		fill: #4085c6;
	}
	.carousel-container .carousel-right-curve {
		position: absolute;
		right: -12px;
		height: 318px;
		width: 150px;
		z-index: 900;
		fill: #4085c6;
		display: block;
	}
	.carousel-container .carousel-right-curve svg {
		height: 318px;
	}
	.carousel-container {
		width: 100%;
		height: 318px;
	}
	.carousel-container #carousel-text {
		z-index: 910;
		width: 200px;
		height: auto;
		font-family: Lato;
		font-size: 24px;
		color: #FFFFFF;
		line-height: 30px;
	}
	.carousel-container .carousel-left-curve-text {
		width: 210px;
		margin-left: 50px;
	}
}
@media screen and (min-width:1240px) {
	.carousel-container .carousel-left-curve-text {
		width: 260px;
		margin-left: 60px;
	}
	.carousel-container p {
		color: #FFFFFF;
		font-family: 'Lato', sans-serif;
		line-height: 32px;
		font-size: 28px;
	}
	.carousel-control-container {
		width: 120px;
	}
	.carousel-image {
		height: 382px;
		width: 700px;
	}
	.carousel-content-container {
		height: 383px;
		width: 695px;
		left: 340px;
		position: absolute;
	}
	.carousel-content-container video {
		width: 100%;
	}
	.carousel-container .carousel-left-curve {
		position: absolute;
		left: 0px;
		height: 382px;
		width: 384px;
		z-index: 900;
		fill: #4085c6;
	}
	.carousel-container .carousel-right-curve {
		position: absolute;
		right: -5px;
		height: 383px;
		width: 170px;
		z-index: 900;
		fill: #4085c6;
	}
	.carousel-container .carousel-right-curve svg {
		height: 383px;
	}
	.carousel-container {
		height: 382px;
	}
	.left-inner-carousel {
		width: 340px;
	}
	.right-inner-carousel {
		height: 100%;
		float: right;
	}
	.carousel-container #carousel-text {
		z-index: 910;
		width: 250px;
		height: auto;
		padding: 60px;
		font-family: Lato;
		font-size: 28px;
		color: #FFFFFF;
		line-height: 34px;
	}
}
/*-- BASICS --*/

*{
outline:none;	
}

.user-is-tabbing *:focus, .user-is-tabbing a:focus > .box-text{
	outline:5px dotted pink!important;
}	

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#0e2050;
    left: -50px;
    top: auto;
    width: auto;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    border-radius: 20px;
	border:2px white solid;
	padding:10px;
	font-family: 'Lato', sans-serif;
    padding-left: 15px;
    padding-right: 15px;
    text-align:center;
    font-size:1em;
    z-index:999;

}
         


/*---- FOOTER ----------------------------------------*/


	.main-footer .column-quarters{
		width:100%;
		height:auto;
		color:#FFFFFF;
		font-size:15px;
		float:left;
		margin-bottom:30px;

	}
	
	.main-footer form{
		width:200px;
	}
	
	.main-footer .frm_forms{
		padding-bottom:10px;
	}
	
	.main-footer input#field_7pt{
		border-radius:20px!important;
		
	}
	
	.main-footer input#field_7pt:focus{
		background-color:#FFFFFF!important;	
	}
	
	.main-footer label#field_7pt_label{
		color:#FFFFFF;
		font-size:12px;
		font-weight:normal;
		font-family:'Lato';
		margin-bottom:10px;

	}
	
	.main-footer .column-quarters:last-child{
		margin-bottom: 50px;
	}
	
	.main-footer .container{
		display:block;
	}
	
	.main-footer form button.frm_button_submit.frm_final_submit{
		background: none;
		color: inherit;
		border: 2px solid #FFFFFF;
		font: inherit;
		cursor: pointer;
		outline: inherit;
		-webkit-box-shadow: 0 1px 1px transparent;
		box-shadow: 0 1px 1px transparent;
		border-radius:20px;
		color:#FFFFFF;
		font-family:'Lato';
		padding:8px;
		padding-left:16px;
		padding-right:16px;
		font-size:14px;
	}	
	
	footer .bottom-bar .accessibility-links li a{
		color:#36A9E1!important;
	}

	.main-footer .frm_style_formidable-style.with_frm_style .form-field {
		margin-bottom:0px!important;;
	}
	
	.main-footer .frm_submit{
		margin-top:5px!important;
		text-align: left!important;
	}
	
	.main-footer .frm_submit:hover{
		margin-top:5px!important;
		text-align: left!important;
		background-color:transparent!important;
	}

	.main-footer .frm_submit button{
		transition:all 0.1s ease;
		-webkit-transition:all 0.1s ease;
	}
	.main-footer .frm_submit button:hover{
		background-color:transparent!important;
		color:#36A9E1!important;
		border: 2px solid #36A9E1!important;	
	}
	
	.main-footer .frm_message, .main-footer .frm_error_style{
		width:200px;
		border-radius:20px!important;
		background-color:transparent!important;
		border:2px #9acd32 solid!important;
	}


@media screen and (min-width:768px){

	.main-footer .column-quarters{
		width:37%;
		height:auto;
		color:#FFFFFF;
		font-size:15px;

	}
	
	.main-footer .column-quarters:last-child{
		margin-bottom: 50px;
		width:20%;
	}
	
	.main-footer .container{
		display:flex;
	}
	
}

footer h2{
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:1px;
	margin-bottom:10px;
}

footer .column-quarters ul{
	list-style-type: circle;
	margin-left: 18px;
	line-height: 21px;
}

footer {
	margin-top: 100px;
	background-color: #0e2050;
	background-image: none;
	border-top: 0px solid #E6E6E6;
	height: auto;
	width: 100%;
	float:left;
}
footer a {
	color: #a3d8f2!important;
}
footer a:hover {
	text-decoration: underline;
}

footer .bottom-bar .accessibility-links ul li a{
	color: #a3d8f2!important;
}
	section {
		position: relative;
		width: 100%;
		clear:both;
		margin-bottom:0px;
	}

@media screen and (min-width:500px){
	section {
		margin-bottom:50px;
	}
}

section a {
	color: #0f68ab;
	transition: color 1s ease;
	-webkit-transition: color 1s ease;
}
section a:hover {
	color: #0e2050;
}
section a.see-all {
	color: #0e2050;
}
section a.see-all:hover {
	color: #0f68ab;
}
.container {
	display: block;
	margin: 0px auto;
	padding: 0px 15px;
	width: calc(100% - 30px);
	float:left;
}

.IE .container{
	float:none!important;
}

@media screen and (min-width:768px){
	.container {
		padding: 0px 30px;
		width: calc(100% - 60px);
		float:unset;
	}	
}




.single .main-content .container{
	overflow:hidden;
}


#main-header-container {
	margin: auto;
	margin-top: 30px;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	height: 70px;
	border: 0px;
	position: relative;
}
.see-all-link {
	position: absolute;
	right: 0px;
	top: 21px;
	text-decoration: none;
	color: #0e2050;
	font-size: 1em;
	font-family: 'Lato';
}
/* Must be within an relatively positioned div of specific width and height; must have div within in */



.main-image-container .information-icon{
	width:25px;
	height:25px;
	border-radius:50%;
	border:2px solid white;
	color:white;
	text-align:center;
	position:absolute;
	bottom:10px;
	right:0px;
	z-index:15;
	cursor:pointer;
}

@media screen and (min-width:900px){
	.main-image-container .information-icon{
		display:none;
	}
	
	
}


.main-image-container .single-left-curve-text{
	width:10vw;
}

.vertically-centred-div-container {
    align-items: center;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    justify-content: centered;
	height:100%;
	display:flex;
}




.main-image-container .vertically-centred-div-container {
	height: unset;
	min-height: 100%;
	position: relative;
	width: 100%;
	top: 0px;
	left: 0px;
	justify-content: center;
	z-index:10;
	display:none;
	font-size:0.8em;
}

.main-image-container .vertically-centred-div-container p{ 
	padding:10px;
}


@media screen and (min-width:900px){

	.main-image-container .vertically-centred-div-container {
		min-height:370px;
		position: absolute;
		top: 0px;
		left: 0px;
		display: flex!important;
		align-items: center;
		font-size:1.1em;
		width:100%;
	}
	.IE .main-image-container .vertically-centred-div-container{
	display:block!important;
	}


}

@media screen and (min-width:992px){

	.main-image-container .vertically-centred-div-container {

		top: 0px;
		left: 0px;
		display: flex!important;
		align-items: center;
		font-size:1em;
		width:100%;
	}

}

@media screen and (min-width:1240px){

	.main-image-container .vertically-centred-div-container {

		font-size:1.1em;
		width:calc(100% - 20px);
	}

}
	.IE .main-image-container .vertically-centred-div-container{
		position:relative;
	}

@media screen and (min-width:768px) {

	#main-header-container {
		margin: auto;
		margin-top: 30px;
		width: 100%;
		display: block;
		margin-bottom: 20px;
		height: 140px;
	}
}
@media screen and (min-width:992px) {
	section {
		float: left;
	}
}
@media screen and (min-width: 1240px) {
	.container {
		width: 1160px;
	}
}
@media screen and (min-width:992px) {
	.mobile-menus-only {
		display: none;
	}
	#main-header-container {
		margin: auto;
		margin-top: 30px;
		width: 100%;
		display: block;
		margin-bottom: 20px;
		height: 110px;
	}
	.container {
		width: 922px;
		/* Change from 952 for unknown necessity */
	}
}
@media screen and (min-width:1240px) {
	.main-menu-container {
		left: 340px;
	}
	.container {
		width: 1160px;
	}
}


	.content ul:not(.listing):not(.tabs):not(.speakers-list):not(.social):not(.sub-menu) li, .content .main-content ol li {
		width:calc(100% - 20px);
		font-weight: 400!important;
		font-size: 1em;
		list-style-type: disc;
		line-height: 24px;
		padding-right:20px;

	}

@media screen and (min-width:500px){
	.content ul:not(.listing):not(.tabs):not(.speakers-list):not(.social):not(.sub-menu) li, .content .main-content ol li {
		padding-right:0px;

	}
	
	
}


.twbs ul li{
	list-style-type: none!important;	
	display:block;
	float:left;
}

.twbs ul li ul.social-share.list-inline li{
	float:left;
	display:inline;
	width:60px!important;
}



.content .sidebar-container-right ul:not(.listing):not(.tabs):not(.speakers-list):not(.social):not(.sub-menu) li, .content .main-content .sidebar-container-right ol li {
    list-style-type: none;	
}

	h1 {
		font-family: 'Lato';
		text-transform: uppercase;
		letter-spacing: 5px;
		font-weight: bold;
		width: 100%;
		float: left;
		margin-bottom:10px;
	}
	
	h1{
		font-size: 1.3em;
	}
	
	.single h1 {
		font-size: 1.4em;
		text-transform:none;
		letter-spacing: 0.25px;
	}


@media screen and (min-width:550px){
	h1 {
		font-size: 1.6em;
	}
	.single h1 {
		font-size: 1.4em;
		text-transform:none;
		letter-spacing: 0.333px;
	}

}

@media screen and (min-width:768px){
	h1 {
		font-size: 1.8em;
	}
	.single h1 {
		font-size: 1.6em;
		text-transform:none;
		letter-spacing: 0.5px;
	}

}

@media screen and (min-width:992px){
	h1 {
		font-size: 2em;
	}
	
	.single h1{
		font-size:1.7em;
	}

}


.page-header{	
	margin-bottom: 20px;
    float: left;
    width: calc(100% - 25px);
    overflow: hidden;
    padding: 20px;
    background-color: #fafafa;
    padding-right: 0px;
	border-top: solid 1px #eeeeee;

}

@media screen and (min-width:500px){
	.page-header{	
		width: calc(100% - 35px);
	}	
}


@media screen and (min-width:500px){
	.page-header{	
		padding-left: 30px;	
		display: flex;
		align-items: stretch;
		}
}

.page-header-inner-left{
	width:calc(100% - 20px);
	float:left
}

@media screen and (min-width:500px){
	
	.page-header-inner-left{
		width:calc(100% - 60px);
		float:left
	}	

}

	.page-header-inner-right {
		float: left;
		height: auto;
		width: 100%;
		display: flex;
		align-items: center;

	}

@media screen and (min-width:500px){
	.page-header-inner-right{
		float: left;
		height: auto;
		width: 110px;
		margin-left: 30px;
		display: flex;
		align-items: center;
		margin-top: 0px;
	}
}
	.page-header-inner-right ul {
		width: 100%;
		float: left;
		height:30px;
		margin-top:20px;
	}

@media screen and (min-width:500px){
	.page-header-inner-right ul{
		width:110px;
		height:30px;
		margin-top:0px;
	}
}



	.page-header-inner-right ul.social-links li{
		float:left;
		margin-right:0px;
		list-style-type:none!important;
		margin-bottom:0px;
		width:auto!important;
	}

@media screen and (min-width:500px){
	
	.page-header-inner-right ul.social-links li{
		margin-right:0px!important;
		margin-left: 6px!important;
		padding-right: 0px!important;
	}

}

.page-header-inner-right ul.social-links li svg{
	width:30px;
	height:30px;
}

h2, h3.frm_pos_top {
	font-family: 'Lato';
	text-transform: uppercase;
	font-size: 1.2em;
	color: #0e6fab;
	letter-spacing: 3px;
	font-weight: bold;
	margin-top: 20px;
	width: 100%;
	float: left;
}

h3.frm_pos_top{
	color: #0e6fab!important;	
	margin-top:50px;
}

@media screen and (min-width:550px){
	h2, h3.frm_pos_top {
		font-size: 1.4em;
	}

}

@media screen and (min-width:992px){
	h2, h3.frm_pos_top {
		font-size: 1.5em;
	}

}



h3 {
	font-family: 'Lato';
	font-size: 1.2em;
	color: #0e2050;
	font-weight: bold;
	margin-top: 20px;
	width: 100%;
	float: left;
}

@media screen and (min-width:550px){
	h3 {
		font-size: 1.4em;
	}

}

@media screen and (min-width:992px){
	h3 {
		font-size: 1.25em;
	}

}

.content .main-content h3 {
    margin-top: 0px;
    margin-bottom: 20px;
}



	.content .main-content {
		padding: 0px 0px 0px 0px;
	}

h4{
	font-family: 'Lato';
    font-size: 1em;
    color: #0e2050;
    overflow: hidden;
	width:100%;
	margin-top:0px!important;
}
@media screen and (min-width:550px){
	h4{
		font-size:1.2em;
	}
}


	.page-header h4 {
		margin-top: -20px;
		float: left;
		width: 100%;
		margin-bottom:0px;
	}

	.section-title h2, #symplectic-menu h3{
		text-transform: uppercase;
		font-size: 1.3em;
		color: #0e6FAB;	
	}
	
	#symplectic-menu h3{
		margin-top:30px;
	}

@media screen and (min-width:768px) {
	.section-title h2, #symplectic-menu h3 {
		text-transform: uppercase;
		font-size: 1.4em;
		color: #0e6FAB;
		letter-spacing: 5px;
		font-weight: 700;
		float: left;
		margin-top:0px;
		margin-bottom: 30px;
		width: calc(100% - 180px);
		display: inline-block;
	}

	#symplectic-menu h3{
		margin-top:30px;
	}	
	
	section .section-title {
		width: 100%;
		display: flex;
		align-items: flex-end;
	}
	.section-title .see-all {
		width: 180px;
		text-align: right;
	}
	h2 {
		margin-bottom: 30px;
		margin-top: 30px;
	}
}


}

.section-title .see-all:after {
	position: relative;
	padding-left: 10px;
	top: 1px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";

}

button{

    display: inherit;
    text-align: inherit;
    align-items: flex-start;
    background-color: transparent;
    box-sizing: border-box;
    margin: 0em;
    font: inherit;
    padding: 0px;
    border-width: 0px;
    border-style: none;
    border-color: transparent;
    border-image: none;

}
.button {
    background: none;
    color: inherit;
    border: 2px solid #FFFFFF;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    -webkit-box-shadow: 0 1px 1px transparent;
    box-shadow: 0 1px 1px transparent;
    border-radius: 20px;
    color: #FFFFFF ;
    font-family: 'Lato';
    padding: 8px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

@media screen and (min-width:600px){
	.button{
		font-size:13px;
	    padding-left: 12px;
		padding-right: 12px;
	}
		
}

@media screen and (min-width:768px){
	.button{
		font-size:13px;
	    padding-left: 16px;
		padding-right: 16px;
		margin-top:5px;
	}
		
}
@media screen and (min-width:992px){
	.button{
		font-size:15px;
	}
}

.button:hover{
	background:#FFFFFF;	
}


.button.button-blue{
	background:#0e6fab;
	color:#FFFFFF!important;
	border:0px;
}

.button.button-blue a{
	color:#FFFFFF;
}

.button.button-blue:hover a, .button.button-blue a:hover, .button.button-blue:hover{
	color:#FFFFFF;
	text-decoration:none;
	background:#0e2050;
}

.button-large{
	padding:20px;
	padding-left:40px;
	padding-right:40px;
	font-size:20px;
	border-radius:40px;
}

form .button{
	 background: #0e6fab;
}
form .button:hover{
	background: #0e2050;
}




.content {
    padding: 0px 0px 0px 0px;
    position: relative;
}

.content ul{
	margin-bottom:1em;
}

.content ul.social-links{
	margin-bottom:0px;
}


/*--- TABS -----------------------------------------------------------------------------------------------------*/

.content .main-content ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
	font-size:1em;
}

.content .tab-content {
	display:none;
    padding: 0px 0px;
    width: 100%;
}

.page-template-template-people-list .content .tab-content.current{
	display:block;
}

.content .tabs button, .content .tabs li{
	background: #E6E6E6;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-top: 3px solid #E6E6E6;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #706F6F;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding: 10px 14px;
	flex-grow:1;
	text-align:center;
}



.content .tabs{
	display:flex;
	flex-wrap:wrap;
}

.content .tabs button.current, .content .tabs li.current {
    background: none;
    border-top: 3px solid #0e6FAB;
    color: #282828;
}

/* --- VIDEOS --------------------------------------------------------------------------------------------------*/

.block.videos ul{
	width:100%;
}

.content .main-content .speakers ul li {
	padding:0px;
    width: 100%;
    border-left: 5px solid #0e6fab;
    margin-left:0px;
    padding-left: 20px;
	margin-bottom:30px;
}

.content .main-content .speakers strong {
    display: block;
    font-size: 18px;
    margin-bottom: 0px; 
}

.content .main-content .speakers ul {
    padding-top: 0px;
	margin-left:0px;
}

.content .main-content h4 {
    margin-bottom: 5px;
}

/* --- PEOPLE PAGES --------------------------------------------------------------------------------------------*/




.person-info-left p, .info-left p{
	margin-top:0px;
	margin-bottom:0px;
}

.single .main-content.no-person-info{
	width:100%;
}



.person-info-left > ul, .info-left > ul{
	list-style:none;
}

.person-info-left > ul > li, .info-left > ul > li {
	font-weight: 300;
    font-size: 1em;
    list-style-type: none;
    line-height: 24px;
	position:relative;
	display:inline-block;
	float:left;
	width:auto!important;
	height:auto;	
}

.info-left ul li, .person-info-left ul li{
	width:100%;
}
.info-left ul li span{
	width:calc(100% - 60px);
    margin-right:0px;
}



@media screen and (min-width:450px){
	
	.info-left ul, .person-info-left ul{
		display:flex;
		flex-wrap:wrap;
	}
	
	.info-left ul li, .person-info-left ul li{
		width:auto;
	}
	
	.info-left ul li span, .person-info-left ul li span{
		width:auto;
		min-width:180px;
		max-width:calc(100% - 95px);
		margin-right:40px;
		
	}
	
}

@media screen and (min-width:768px){
	
	.info-left ul li span {
		width: 190px;
		margin-right:0px;
	}
}







@media screen and (min-width:768px){
	.person-info-left ul li, .info-left ul li {
		margin-right:0px;
	}	
}



.person-info-left ul li{
	
	height:40px;
	margin-left:0px;
}

@media screen and (min-width:1240px){
	.person-info-left ul li, .info-left ul li{
		min-width:0px;
	}
}

.info-left ul li b{
	float:left;
	clear:both;
	width:100%;
}
	
.sidebar-left ul li a{
	
	font-size:20px;
}



	
	.person-info-left ul li span, .info-left ul li span{
		margin-left: 15px;
		min-height: 40px;
		padding-top: 0px;
		padding-bottom: 0px;
		display: inline-block;
		word-wrap: break-word;
	}

@media screen and (min-width:1240px){
	.person-info-left ul li span, .info-left ul li span{
		padding-top: 10px;
		padding-bottom: 10px;
		min-width:170px;
	}	
}
	
	.person-info-left ul li span{
		display: block;
		padding-left: 40px;
	}
	
@media screen and (min-width:1240px){
	.person-info-left ul li span. .info-left ul li span{
		width: 215px;
		margin-right:0px;

	}
}

.person-info-left li svg, .info-left li svg{
	width:40px;
	height:40px;
	float:left;
	}
	
.cls-1{
	transition:fill 0.5s ease;
	-webkit-transition:fill 0.5s ease;
}	

.social-links li a:hover .cls-1{
	fill:#0e2050!important;
}	





.social li svg{
	fill:#0e2050!important;
	width:40px;
}


/* line 74, ../../src/sass/listing.scss */
.listing li {
  border-top: 0px solid #FFFFFF;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 0px 0px 0px;
  border-left: 6px solid #0e6fab;
  padding-left: 20px;
  margin-top: 30px!important;
  margin-bottom: 20px!important;
  float: left;  
}
/* line 79, ../../src/sass/listing.scss */


.listing li .right{
	min-height:160px;
}

.listing li.list .right p.small{
	margin-bottom:15px;
}

	.listing li.list .right {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		padding-left: 0px;
		vertical-align: top;
		width: 100%;
		min-height: 60px;
		float:left;
		position:relative;
	}

@media screen and (min-width:500px){

	.listing li.list .right {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		padding-left: 0px;
		vertical-align: top;
		width: calc(100% - 230px);
		min-height: 60px;
	}
}

@media screen and (min-width:1024px){

	.listing li.list .right {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		padding-left: 0px;
		vertical-align: top;
		width: calc(100% - 300px);
		min-height: 60px;
	}
}



.content .main-content{
	width:100%;
}




/*--- SINGLE ---*/



.content .main-content ul:not(.listing):not(.tabs):not(.speakers-list):not(.social):not(.sub-menu), .content .main-content ol{
	padding-left:0px!important;
}

.content .main-content ol, .content .main-content ul {
    margin-left: 20px;
    float: left;
	width:calc(100% - 30px);
}

.content .main-content ul.tabs{
	width:100%;
}

.content .main-content ul.listing {
    margin-left: 0px;
    float: left;
}



@media screen and (min-width:1240px){

	body .content ul:not(.listing):not(.tabs):not(.speakers-list):not(.social):not(.sub-menu) li, .content .main-content ol li{
		
		width:100%;
		float:left;	
	}
	
}



/* --- SINGLE ---- */

.cutout{
	padding-left:0px!important;
}

h4 img{
	margin-right:20px;
}



.content .sidebar-left {
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
		margin-right: 65px;
}

.content.videos .sidebar-left{
	min-height:360px;
}

@media screen and (min-width:1240px){
	.content .sidebar-left {
			width: 255px;
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 30px;
			min-height: 330px;

			padding:20px;
			padding-left: 30px;
			background-color:#fafafa;
	}
}




.sidebar-left ul li{
	margin-left:0px!important;
}




@media screen and (min-width:992px){
	.sidebar-container-right{
		float:left;
		width:270px;
	}
}

	.sidebar-container-right .twbs ul{
		margin-top: 10px;
	}

@media screen and (min-width:1240px){
	.sidebar-container-right .twbs  ul{
		margin-top: 20px;
		margin-bottom:20px;
	}
}

.container .content.has-sidebar .right-sidebar{
	margin-left:0px!important;
}

.sidebar-container-right .twbs  ul li{ 
	margin-left:0px!important;
}

.container .content.has-sidebar .right-sidebar {

    position: relative!important;
    top: 0px!important;
    margin-left: -10px;
    width: 100%;
    display: flex;
    right: 0px!important;
    align-content: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;

}
@media screen and (min-width:768px){
	.container .content.has-sidebar .right-sidebar {
		
		position: relative!important;
		
	}
}
@media screen and (min-width:992px){
	.container .content.has-sidebar .right-sidebar {
		float:right;
		width: calc(100% + 20px);
		
	}
}


@media screen and (min-width:992px){
	
	.container .content.has-sidebar .right-sidebar {	
		margin-left:20px;
		width: 270px;
		display:inline-block;
		right:15px;
	}
}

.right-sidebar .tactical-box{
	width:230px;
	flex:1 1 0;
	float:left;
	display:block;
	padding:20px;
	margin:15px;
	
}



@media screen and (min-width:992px){
	.right-sidebar .tactical-box{
		margin: 0px;
		margin-bottom:15px;
	}
	
}


@media screen and (min-width:992px){	
	.right-sidebar .tactical-box{
		width:230px;
	}
}

.tactical-box a:hover{
	text-decoration:none;
}





.content.has-sidebar .main-content{
	width:100%;
	min-height:0px!important;
}


	
@media screen and (min-width:992px){

	.content.has-sidebar .main-content{
		width:calc(100% - 340px);
		margin-right:30px;
	}
	


}

.content.no-sidebar .main-content{
	width:100%;
}



.single .main-content{
	width:100%;
}


@media screen and (min-width:1240px){
	.single .main-content{
		width:818px;
	}
}
.post-image-container{
	width:820px;
	height:370px;
	position:relative;
	margin-bottom:30px;
}

.post-image-container svg{
	position:absolute;
	height:370px;
	right:0px;
	fill:#0e6FAB;

}

.content .tabs li{
	font-size:0.9em;
}

.content .tabs li.current {
    background: none;
    border-top: 3px solid #0e6FAB;
    color: #282828;
}



/*--- KUNIKA NEW POSITIONS -------------------------------------------------------------------------------------*/

.twbs .job-posting .job-header .job-title {
    margin: 0;
    /* padding-right: 120px; */
    font-size: 1.5rem;
    line-height: 1.25;
    clear: both;
    width: calc(100% + 50px);
}

.twbs .job-posting .job-header .job-title {
    margin: 0;
    /* padding-right: 120px; */
    font-size: 1.5rem;
    line-height: 1.25;
    clear: both;
    width: calc(100% + 50px);
    margin-bottom: 20px;
}

.twbs a.btn{
	width:100%;
}


/*--- BOX CONTROLS ---------------------------------------------------------------------------------------------*/

.transition {
  transition: .7s;
}


.box-controls {
	background-color: rgba(255, 255, 255, 1);
	height: 45px;
	width: 45px;
	border-radius: 50%;
	position: absolute;
	margin-left: 5px;
	cursor: pointer;
	transition: background-color 1s ease;
	-webkit-transition: background-color 1s ease;
	background-color: #FFFFFF;
}
.right-box-control .box-controls-inner {
	top: 8px;
	left: 7px;
}
.left-box-control .box-controls-inner {
	top: 8px;
	left: 9px;
}
.left-box-control, .left-box-control-2 {
	left: -28px;
	z-index: 200;
}
.right-box-control, .right-box-control-2 {
	right: -20px;
	z-index: 200;
}
.box-controls-inner svg {
	height: 16px;
	width: 16px;
}
.box-controls-inner {
	cursor: pointer;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	position: absolute;
	transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
}
.right-box-control svg, .right-box-control-2 svg {
	margin-top: 8px;
	margin-left: 8px;
}
.left-box-control svg, .left-box-control-2 svg {
	margin-top: 8px;
	margin-left: 6px;
}
/*--- EVENTS -------------------------------------------------------------------------------------*/

.events-section{
	margin-top:20px;
}

section.events-section ul li .date {
	width: 90px;
	height: 90px;
	transition: background-color 1s ease;
	-webkit-transition: background-color 1s ease;
	background-color: #0f68ab;
	border-radius: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	padding: 5px 0px;
	text-align: center;
	vertical-align: top;
	float: left;
}
.events-section ul li, .events-section ul li:nth-child(even) {
	width: 100%;
}
section.events-section ul li:hover .date {
	background-color: #0e2050;
}
section.events ul li:hover a {
	color: #0f68ab;
}
.events-section ul li .list-content {
	display: inline-block;
	margin-left: 15px;
	width: calc(100% - 110px);
	font-size: 22px;
	min-height: 90px;
	display: flex;
	align-items: center;
	float: left;
}

.events-section ul li .date p.large {
	font-size: 40px;
	margin-top: -10px;
	color: #FFFFFF;
	margin-bottom:0px!important;
	line-height:0.4em;
	width:100%;
}
.events-section ul li .date p.small {
	font-size: 20px;
	font-family: Lato;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-top: 9px;
	color: #FFFFFF;
	margin-bottom:0px;
	font-weight:medium;
	width:100%;
}


.home .events-section h4{
	font-size:0.7em!important;
}

.events-section ul li {
	margin-bottom: 20px;
	min-height: 90px;
	display: inline-block;
}
.events-section ul li .list-content {
	display: inline-block;
	margin-left: 15px;
	width: calc(100% - 110px);
	display: flex;
	align-items: center;
}
.events-section ul li .list-content h4 {
	font-size: 16px;
	line-height: 19px;
	height: inherit;
}


@media screen and (min-width:768px) {
	.events-section ul li .list-content h4 {
		display: block;
		margin-top: 15px;
		font-size: 18px;
		line-height: 21px;
		height: inherit;
	}
	.events-section ul li {
		display: inline-block;
		margin-right: 50px;
		width: calc(50% - 26px);
		vertical-align: top;
		float: left;
	}
	.events-section ul li:nth-child(even) {
		display: inline-block;
		margin-right: 0px;
		width: calc(50% - 26px);
	}
	.events-section ul li.one-event-post {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		float: left;
	}
}
@media screen and (min-width:992px) {
	.events-section ul li, .events-section ul li:nth-child(even) {
		border-top: 0px;
		display: inline-block;
		margin-right: 50px;
		padding: 0px 0px;
		vertical-align: top;
		width: calc(33% - 33px);
	}
	.events-section ul li.two-event-posts {
		display: inline-block;
		margin-right: 50px;
		width: calc(50% - 26px);
		vertical-align: top;
		float: left;
	}
	.events-section ul li.one-event-post {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		float: left;
	}
	.events-section ul li:last-child {
		margin-right: 0px;
	}
}
.box a .box-text {
	color: #FFFFFF;
	font-family: 'Lato';
	padding: 35px;
	font-size: 1em;
	text-decoration: none;
	line-height:22px;
	
}
.colorised-photo {
	filter: grayscale(100%);
	opacity: 0.6;
}
.box svg {
	height: 15px;
	width: 15px;
}
.box {
	margin-right: 10px;
	height: auto;
	float: left;
	display: block;
	transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	cursor: pointer;
	background-color: #0f68ab;
	min-width: calc(100vw - 46px);
}

.box:hover{
	background-color:#0e2050;
}

.Android .box, .iOS .box {
	min-width: calc(100vw - 30px);
}
.box-container {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.box-image-container {
	width: 100%;
	height: calc((100vw - 35px) * 0.55);
	overflow: hidden;
	position:relative;
}
#latest-press-coverage .box-image-container {
	height: calc((100vw - 35px) * 0.45);
}
.box-image-container div, .box-image-container img {
	width: 100%;
	margin-left:0px;
	height: calc((100vw - 35px) * 0.55);
	background-size: cover;
	background-position: 30% 40%;
	transition: transform 2s ease;
	-webkit-transition: transform 2s ease;
}

.video-container img.fake-video-play-symbol{
	width: 52px!important;
    justify-content: center;
    height: 30px;
}

.video-container{
	background-color:transparent!important;
	position:absolute;
	top:0px;
	display: flex;
  justify-content: center;
  align-items: center;
}


.curated-block .box-image-container {
	height: auto;
}

@media screen and (min-width:600px){
	.box-image-container img{
		height:auto;
	}
}



@media screen and (min-width:410px){
	.box-image-container img{
		height:auto;
	}
}

.rotating-boxes .left-box-control, .rotating-boxes .right-box-control,  {
	top: calc(((100vw - 35px) * 0.55) - 22px);
}

.post-box-scroller .left-box-control, .post-box-scroller .right-box-control,  {
	top: calc(((100vw - 35px) * 0.55) - 22px);
}


.box-colour {
	background-color: #0f68ab;
}
.box:hover {
	background-color: #0e2050;
}
.rotating-image-boxes .box, .rotating-image-boxes .box:hover {
	background-color: transparent!important;
}
@media screen and (min-width:600px) {
	.rotating-boxes .left-box-control, .rotating-boxes .right-box-control {
		top: calc(((33.33vw - 26.5px) * 0.55) - 22px);
	}

	
}


	.post-box-scroller .left-box-control, .post-box-scroller .right-box-control {
		top: calc((100vw + 70px) * 0.55);
	}


@media screen and (min-width:500px){
	.post-box-scroller .left-box-control, .post-box-scroller .right-box-control {
		top: calc((50vw + 80px) * 0.55);
	}
}




@media screen and (min-width:768px){
	.post-box-scroller .left-box-control, .post-box-scroller .right-box-control {
		top: calc((33.3333vw - 0px) * 0.55);
	}
}






@media screen and (min-width:992px){
	.post-box-scroller .left-box-control, .post-box-scroller .right-box-control {
		top: 175px;
	}
	
	.post-box-scroller.four-boxes-full-width .left-box-control, .post-box-scroller.four-boxes-full-width .right-box-control {
			top: 140px;
		}	
	
}



@media screen and (min-width:1240px){
	.post-box-scroller .left-box-control, .post-box-scroller .right-box-control {
		top: 220px;
	}

	.post-box-scroller.four-boxes-full-width .left-box-control, .post-box-scroller.four-boxes-full-width .right-box-control {
			top: 160px;
		}

}






.box-controls-inner svg path {
	fill: #FFFFFF;
}
.box-slider {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
}

.rotate .box-container{
	flex-direction:row;
}

	.curated-block .box-container{
		flex-direction:column;
	}


	.curated-block .box-container .box{
		margin-bottom: 25px;
	}

	.curated-block .box-controls{
		display:none;
	}
	

@media screen and (min-width:410px){
	.curated-block .box-container{
		flex-direction:row;
		flex-wrap: wrap;

	}
	
	
	
	.curated-block .box-container .box{
		margin-bottom: 0px;
		flex: 1 40%;
		flex-grow: 1;
		margin-top: 20px;
		margin-right: 20px;
	}

	.curated-block .box-container .box:nth-of-type(2n){
		margin-right:0px;
	}
	.curated-block .box-controls{
		display:none;
	}
	
	
}

@media screen and (min-width:1240px){
	.curated-block .box-container{
		flex-direction:row;
		flex-wrap: nowrap;
	}
	
	
	
	.curated-block .box-container .box{
		margin-bottom: 0px;
		flex: 1 40%;
		flex-grow: 1;
		margin-top: 20px;
		margin-right: 20px;
	}

	.curated-block .box-container .box:nth-of-type(2n){
		margin-right:20px;
	}

	.curated-block .box-container .box:nth-of-type(4n){
		margin-right:0px;
	}	
	
	.curated-block .box-controls{
		display:none;
	}
	
	
}

.curated-block .box-text .large-text{
	font-weight: bold;
    font-size: 20px;
    overflow-wrap: break-word;	
}


.box-container {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.box:hover .box-image-container div {
	transform: scale(1.1);
}
.box-controls-inner {
	cursor: pointer;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	position: absolute;
	background-color: #0e2050;
	transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
}
.box-controls-inner:active {
	opacity: 0.4;
}
.box a .box-text {
	color: #FFFFFF;
	font-family: 'Lato';
	padding: 35px;
	font-size: 1em;
	text-decoration: none;
}

.box a:hover{
	text-decoration:none!important;
}

.box:last-child {
	margin-right: 0px;
}
@media screen and (min-width:410px) {
	.box, .Android .box, .iOS .box {
		min-width: calc(50vw - 20.5px);
		margin-right: 15px;
	}
	.box-container {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	.box-image-container {
		width: 100%;
		height: calc((50vw - 30.5px) * 0.55);
		overflow: hidden;
	}
	.box-image-container div {
		width: 100%;
		height: calc((50vw - 30.5px) * 0.55);
		background-size: cover;
		background-position: 30% 40%;
		transition: transform 2s ease;
		-webkit-transition: transform 2s ease;
	}
	.mid-page-carousel .box {
		min-width: 100%;
	}
	.box a .box-text {
		color: #FFFFFF;
		font-family: 'Lato';
		padding: 25px;
		font-size: 1.1em;
		text-decoration: none;
		line-height:1.2em;
	}
	.rotating-boxes .left-box-control, .rotating-boxes .right-box-control {
		top: calc(((50vw - 30.5px) * 0.55) - 22px);
	}
}
@media screen and (min-width:600px) {
	.box.boxs-3, .box.boxs-4 {
		min-width: calc(33.3% - 11px);
		margin-right: 16px;
	}
	/* One third screen width, less margins*/
	.box {
		min-width: calc(33.33vw - 20.5px);
		margin-right: 15px;
	}
	.box-container {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	.box-image-container {
		width: 100%;
		height: calc((33.33vw - 20.5px) * 0.55);
		overflow: hidden;
	}
	.box-image-container div {
		width: 100%;
		height: calc((33.33vw - 20.5px) * 0.55);
		background-size: cover;
		background-position: 30% 40%;
		transition: transform 2s ease;
		-webkit-transition: transform 2s ease;
	}
	.rotating-boxes .left-box-control, .rotating-boxes .right-box-control {
		top: calc(((33.33vw - 20.5px) * 0.55) - 24px);
	}
}
@media screen and (min-width:768px) {
	.box:hover .box-image-container div {
		transform: scale(1.1);
	}
	.box-text {
		color: #FFFFFF;
		font-family: 'Lato';
		padding: 35px;
		padding-top: 40px;
		font-size: 1.1em;
		line-height:1.2em;
	}
	.box:last-child {
		margin-right: 0px;
	}
}
@media screen and (min-width:850px) {}
@media screen and (min-width:992px) {
	.box-controls-inner {
		cursor: pointer;
		height: 40px;
		width: 40px;
		border-radius: 50%;
		top: 10px;
		left: 10px;
		position: absolute;
	}
	.box-controls {
		background-color: rgba(255, 255, 255, 1);
		height: 60px;
		width: 60px;
		border-radius: 50%;
		position: absolute;
		margin-left: 5px;
		cursor: pointer;
		transition: background-color 1s ease;
		-webkit-transition: background-color 1s ease;
	}
	.left-box-control, .left-box-control-2 {
		left: -35px;
		z-index: 200;
	}
	.right-box-control, .right-box-control-2 {
		right: -30px;
		z-index: 200;
	}
	.box-controls-inner svg {
		height: 24px;
		width: 24px;
	}
	.right-box-control .box-controls-inner, .right-box-control-2 .box-controls-inner {
		top: 10px;
		left: 10px;
	}
	.left-box-control .box-controls-inner, .left-box-control-2 .box-controls-inner {
		top: 10px!important;
		left: 10px;
	}
	.box {
		height: auto;
		float: left;
		display: block;
		transition: background-color 2s ease;
		-webkit-transition: background-color 2s ease;
		cursor: pointer;
	}
	.box-colour {
		background-color: #0f68ab;
	}
	.box-slider {
		width: 922px;
	}
	.box-container {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	.box-image-container {
		width: 100%;
		height: 154px;
		overflow: hidden;
	}

	.box-image-container div {
		width: 100%;
		height: 163px;
		background-size: cover;
		background-position: 30% 40%;
		transition: transform 2s ease;
		-webkit-transition: transform 2s ease;
	}
	.box:hover .box-image-container div {
		transform: scale(1.1);
	}
	.box-text {
		color: #FFFFFF;
		font-family: 'Lato';
		padding: 35px!important;
		font-size: 20px;
		line-height:22px;
	}
	.rotating-boxes .left-box-control, .rotating-boxes .right-box-control {
		top: 133px;
	}
	.box:last-child {
		margin-right: 0px;
	}
}
@media screen and (min-width:1240px) {
	.box.boxs-4 {
		min-width: calc(25% - 12px);
		max-width:25%;
	}
	.box {
		height: auto;
		margin-right: 21px;
		float: left;
		display: block;
		transition: background-color 2s ease;
		-webkit-transition: background-color 2s ease;
		cursor: pointer;
	}
	.box-slider {
		width: 100%;
	}
}
h1.h1-tag {
	height: 0px;
	width: 0px;
	overflow: hidden;
	margin: 0px;
}
.clear-both{
	clear:both;
	margin-bottom:30px;
}

/*---- BLOCKS V2 OVERRIDES----*/

.tactical-content  #mc_embed_signup_scroll p {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Lato';
    margin-bottom: 10px;
}

.tactical-content  input[type="text"], .tactical-content  input[type="email"]{
	height: 17px;
    width: 184px;
    padding: 8px;
    line-height: 1.3;
    border-radius: 20px!important;
    border:1px solid lightgrey;
	margin-top:10px;
	margin-bottom:20px;
}

.tactical-content input#mc-embedded-subscribe{
	color:#000000;
	border-color:#000000;
	
}


/*--- SINGLES -----------------------*/

.info-left svg{
	fill:#0e6fab;
}




.info-left ul li a{
	word-break:break-word;
}

.info-left ul li.hide {
    display: none;
}

.info-left {
	width:calc(100% - 65px);
    margin-right: 30px;
    height: auto;
    overflow: hidden;
    float: left;
    background-color: #fafafa;
    padding: 30px;
	margin-bottom:20px;
}

.info-left ul{
	margin-bottom:0px;
	display:flex;
	flex-wrap:wrap;
}

@media screen and (min-width:1240px){	
	.info-left ul{
		margin-bottom:0px;
		display:block;
	}
}


@media screen and (min-width:768px){
	.with-image .info-left{
		width: 245px;
		min-height: calc(((100vw - 400px) * 37/67) - 60px);
	}
	
}
@media screen and (min-width:992px){
	.with-image .info-left{
		width: 245px;
		min-height: calc(332px - 70px);
	}
	
}
@media screen and (min-width:1240px){
	.info-left, .with-image .info-left{
		width:245px;
		min-height:310px;
	}

	.videos .info-left{
		width:245px;
		min-height:392px;
	}
}	
	
	

	.main-image-container{
		width: 100%;
		clear:unset;
		height:calc((100vw - 50px) * 37/67);
	}
	
	
	
@media screen and (min-width:768px){		
	.main-image-container{
			width: 100%;
			clear:unset;
			height:calc((100vw - 400px) * 37/67);
		}
		
	.has-sidebar .main-image-container{
			width: 100%;
			clear:unset;
			height:calc((100vw - 300px) * 37/67);
		}	
	
	.single .main-image-container{
		width: calc(100% - 340px);
	}
	
}
	
	
@media screen and (min-width:992px){	
	.main-image-container{
		width: 100%;
		clear:unset;
		height:322px;
	}
	
	.has-sidebar .main-image-container{
		height:322px;
	}	
	
	.single .main-image-container{
		width: calc(100% - 340px);
	}
	
	
}

	@media screen and (min-width:1240px){
		.main-image-container{
			height:370px;
		}
		
		.has-sidebar .main-image-container{
			height:370px;
		}	
	}
	
	#single-left-curve, #single-right-curve{
		fill: #0e6FAB;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		position: absolute;
		right: 0px;
		top: 0px;
		height:100%;
	}
	


	.main-image-container img{
		width: 100%;
		clear:unset;
		height:auto;
	}

@media screen and (min-width: 768px){
	.main-image-container img {
		width: calc(100vw - 400px);
		height:calc((100vw - 400px) * 37/67);
	}
	
	.has-sidebar .main-image-container img {
		width: calc(100vw - 300px);
		height:calc((100vw - 300px) * 37/67);
	}
}

@media screen and (min-width: 992px){
	.main-image-container img {
		width: 583px;
		height:322px;
	}
	
	.has-sidebar .main-image-container img {
		width: 583px;
		height:322px;
	}
}

@media screen and (min-width: 1240px){
	.main-image-container img {
		width: 670px;
		height:386px;
	}

	.has-sidebar .main-image-container img {
		width: 670px;
		height:386px;
	}	
	
}


@media screen and (min-width:1240px){
	#single-left-curve, #single-right-curve{
		 right: 125px!important;	
	}	
	
	.single .main-content{
		float:right;
	}
	
}

.content .events{
	margin:0px;
}
.content .main-content .speakers p.tab {
    background-color: #E6E6E6;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 15px;
    float: left;
}

ul.listing{
	width:100%;
}

.content .main-content .sidebar-container-right ul li{
	list-style-type:none;
}



/*--- MID-SIZE-IMAGE -----------------------------*/

.mid-size-image #single-left-curve, .mid-size-image #single-right-curve{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	position:absolute;
	right:125px;  
	left:unset;
}


.IE .main-image-container.mid-size-image .single-left-curve{
	display:none;
}

.main-image-container.mid-size-image img{
	position:unset!important;
	left:0px!important;
	transform: scale(1.0, 1.0)!important;
}

.content .tabs li.current {
    background: none;
    border-top: 
    color: #282828;
}

.mid-size-image #single-left-curve{
		right: 0px;
}

.has-sidebar .mid-size-image #single-left-curve{
		left:0px;
		left:unset;
		right:0px;
}


@media screen and (min-width:768px){

	.has-sidebar .mid-size-image #single-left-curve{
			left:calc(100vw - 340px);
	}
	
}

@media screen and (min-width:992px){

	.has-sidebar .mid-size-image #single-left-curve{
		left:0px;
		left:unset;
		right:0px;
	}
	
}




@media screen and (min-width: 1240px){
	.mid-size-image #single-left-curve{
		right: 125px!important;
	}
}



/*--- LARGE-IMAGE ---------------------------*/

	.main-image-container.large-size-image{
		height: auto;
		overflow:visible;

	}
	
	
	
@media screen and (min-width:768px){
	.main-image-container.large-size-image{
		height: 23.125em;
		overflow:hidden;
		width:100%;
	}
}


@media screen and (min-width:1240px){
	.main-image-container.large-size-image{
		height: 23.125em;
		overflow:hidden;
		width:100%;
	}
}

.main-image-container.large-size-image .single-left-curve-text {
	height:unset;
	min-height:calc(90vw * 37/67);
}


	
	
@media screen and (min-width: 1240px){
	.large-size-image #single-right-curve {
		right: -55px!important;
	}	
}

@media screen and (min-width:768px){
	.main-image-container.large-size-image .single-left-curve-text {
		width: calc(100% - 670px);
		height: 370px;
		min-height: unset;
	}
	
	.large-size-image #single-left-curve{
		height: 370px;
		min-height:unset;
	}
}


@media screen and (min-width:1240px){
	.main-image-container.large-size-image .single-left-curve-text {
		width: 290px;
	}
}

.main-image-container.large-size-image img{
	width:90vw;
			position:absolute;
			right:0px;
}

@media screen and (min-width: 768px){
	.main-image-container.large-size-image img {
		width: 690px;
		height: calc(690px * 37/67);

	}
}

@media screen and (min-width: 992px){
	.main-image-container.large-size-image img {
		height: calc(690px * 37/67);
	}
}

@media screen and (min-width: 1240px){
	.main-image-container.large-size-image img {
		
		right:200px;
	}
}


.content .tabs li.current {
    background: none;
    color: #282828;
}

.large-size-image #single-left-curve{

    -webkit-transform: scaleX(1);
    transform: scaleX(1); 
    right: unset;
    top: 0px;
    height: 100%;
	left:unset;
}

@media screen and (min-width:768px){
.large-size-image #single-left-curve{
    -webkit-transform: scaleX(1);
    transform: scaleX(1); 
    top: 0px;
    height: 100%;
	position:relative;
}
	
}

.IE .large-size-image #single-left-curve, .IE .large-size-image #single-right-curve{
	display:none;
}

@media screen and (min-width:1240px){
	.large-size-image #single-left-curve {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		position: absolute;
		right: unset;
		top: 0px;
		height: 100%;
		left: 320px;
	}
}




.content.people .person-info-left p, .content.people .person-info-left a, .info-left p, .info-left a{
	margin-bottom:0px;
	font-size:1em;
}



	.main-image-container{
		position:relative;
		width:100%;
		min-height:calc(90vw * 370/670);
		overflow:visible;
		background-color:#0e6FAB;
		margin-bottom:30px;
		float:left;
	}
	

	.main-image-container{
		
		overflow:hidden;
		min-height:unset;
		position:relative;
		width:100%;
		overflow:hidden;
		background-color:#0e6FAB;
		margin-bottom:30px;
	}

	.IE .main-image-container{
		min-height:0px;
		clear:none!important;
	}


.main-image-container svg{
	height:370px;
	position:absolute;
	fill:#0e6FAB;
}



	.person #single-left-curve{

		height: calc(90vw * 370/670);

	}
	

	
	#single-left-curve{
			height: 100%;
	}
	
	.main-image-container .single-left-curve-text{
			width:calc(100% - 670px);
			height: 370px;
			min-height:unset;
	}




	
@media screen and (min-width:992px){
	#single-left-curve{
	position: relative;
	height: 100%;


	}
}	




@media screen and (min-width:1240px){
	#single-left-curve{
		left:-20px;
	}
}

	#single-right-curve{
		display:none;
		position:absolute;
		right:-50px;
		transform:scale(-1,1);
	}




@media screen and (min-width:1240px){
	#single-right-curve{
		display:block;
	}
}

	.person .main-image-container img{
		width:90vw;
		right:0px;
		position:absolute;
	}
	



@media screen and (min-width:1240px){
	.main-image-container img{
		left:340px;
	}
}

.main-image-container .single-left-curve-text {
	position: relative;
    width: 10vw;
    top: 0px;
    min-height: calc(90vw *370/670);
    height: 100%;
    color: #FFFFFF;
    float: left;
	transition: width 1s;
	-webkit-transition:width 1s;

}

.main-image-container .single-left-curve-text.animate-to-open{
	width:75vw;
}




	.main-image-container .single-left-curve-text {
		min-width: calc(100% - 670px);
		min-height:unset;
	}



@media screen and (min-width:900px){
	.main-image-container .single-left-curve-text, .main-image-container .single-left-curve-text.animate-to-open {
		width: calc(100% - 670px);
		height:370px;
		margin-left: 20px;
		color: #FFFFFF;
		float: left;
		font-size:0.8em;
		transition: none;
		-webkit-transition:none;
	}
}


@media screen and (min-width:992px){
	.main-image-container .single-left-curve-text, .main-image-container .single-left-curve-text.animate-to-open {
		width: 14em;
		height: 100%;
		margin-left: 40px;
		color: #FFFFFF;
		float: left;
		font-size:1em;
		min-width:unset;
	}
}

@media screen and (min-width:1240px){
	.main-image-container .single-left-curve-text, .main-image-container .single-left-curve-text.animate-to-open {
		margin-left: 50px;
		width: 18em;

	}
}




.main-image-container .enclosing-div p {
	
    color: #FFFFFF;
    font-size: 1.1em;
    text-align: left;
    font-family: Lato;
    line-height: 1.3em;

}

@media screen and (min-width:500px){

	.main-image-container .enclosing-div p {
		padding: 30px;		
		font-size: 1.4em;
	}	
}

@media screen and (min-width:900px){

	.main-image-container .enclosing-div p {		
		font-size: 1.1em;
		padding:unset;
	}	
}



@media screen and (min-width:1240px){
	.main-image-container .single-left-curve-text p{

		padding: 0px!important;		

	}
	.main-image-container .single-left-curve-text {
		margin-left: 50px!important;


	}
}




.content.people .person-info-left, .info-left {
		width: 100%;
		margin-left: 0px;

}
.info-left{
	width: calc(100% - 67px);
    margin-left: 0px;
}

.content.people .person-info-left ul li a:hover .cls-1{
	fill:#0e2050!important;
}

.person-svg-label{
	transition:color 0.5s ease;
	-webkit-transition:color 0.5s ease;
}

.content.people .person-info-left ul li a:hover .person-svg-label{
	color:#0e2050;
}


@media screen and (min-width:1240px){
	.content.people .person-info-left, .info-left {
		width: 245px;
		margin-left: 0px;
		margin-top: 0px;

	}
}

@media screen and (min-width:1240px){
	.content.people .person-info-left{
		width: 300px;
		margin-left: 0px;
		margin-top: 20px;
		margin-right: 37px;
	}
}



.content{
		width: 100%;
		clear: unset;
		position: relative;
		float: left;
		margin-right: 0px;
}

@media screen and (min-width:992px){

	.content.has-sidebar{
		width: calc(100% - 330px);
		margin-right: 60px;

	}
	
}

@media screen and (min-width:1240px){

	.content.has-sidebar{
		width: calc(100% - 330px);
		margin-right: 60px;

	}
	
}


.right-sidebar{
		width: calc(100% + 30px);
		float: left;
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content:space-between;
		margin-left: -15px;
}


@media screen and (min-width:992px){

	.right-sidebar{
		width: 270px;
		float: left;
		position: relative;
		display: inline-block;
		margin-left: 0px;
		margin-top: 15px;
	}
	
}

.main-text{
	width: 100%;
    display: block;
    clear: both;
}




.right-sidebar a {
  text-decoration: none;
}

.right-sidebar a .tacticalbox {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 15px;
}
/* line 187, ../../src/sass/sidebars.scss */
.right-sidebar a .tacticalbox h4 {
  margin-bottom: 10px;
}
/* line 191, ../../src/sass/sidebars.scss */
.right-sidebar a .tacticalbox p {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  /* line 197, ../../src/sass/sidebars.scss */
  .right-sidebar a .tacticalbox .tactical-content.image {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  /* line 195, ../../src/sass/sidebars.scss */
  .right-sidebar a .tacticalbox .tactical-content {
    display: inline-block;
    margin-left: 10px;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  /* line 195, ../../src/sass/sidebars.scss */
  .right-sidebar a .tacticalbox .tactical-content {
    margin-left: 0px;
    width: 100%;
  }
}
/* line 217, ../../src/sass/sidebars.scss */
.right-sidebar a .tacticalbox img {
  height: auto;
  margin-bottom: 10px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  /* line 217, ../../src/sass/sidebars.scss */
  .right-sidebar a .tacticalbox img {
    display: inline-block;
    width: 40%;
  }
}
@media screen and (max-width: 500px) {
  /* line 217, ../../src/sass/sidebars.scss */
  .right-sidebar a .tacticalbox img {
    display: block;
    width: 100%;
  }
}


.people-list .list-content p a{
	display:inline;
}

form#search-404 input[type='text'], form#search-people input[type='text']{
	border: 2px solid #0e6fab;
    border-radius: 20px;
    color: #000000;
    font-family: 'Lato';
    padding: 8px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    display: inline-block;
	margin-bottom:40px;
	width:calc(100% - 100px);
}

@media screen and (min-width:500px){
	
	form#search-404 input[type='text'], form#search-people input[type='text']{
		width:170px;
	}

}




/* CORRECTS PROBLEMS IN IE */
.twbs *, .twbs *::before, .twbs *::after{
	width:100%;
}

.symplectic-block{
	position:relative;
	float:left;
	display:block;
}

/*---- PROJECTS ----*/

.info-left ul.project-pages-funder-lists{
	max-width:170px;
}

@media screen and (min-width: 450px){

	.info-left ul.project-pages-funder-lists{
		max-width:500px;
	}
	
}

.info-left ul.project-pages-funder-lists li{
	list-style-type:none;
	list-style: disc;
	
	display:list-item;
	margin-left:20px;
	margin-bottom:0px;

}


#cookieBanner .container{
	float:none;
}
#cookieBanner .cookieMessage{
	margin-bottom:20px;
}


/*---- PEOPLE ----*/

.content .main-content ul.people-list.listing {
    margin-left: 0px;
    float: left;
    display: flex;
    flex-flow: wrap;
}

	.listing.people-list li {
		min-height: 250px;
		width: 100%
		float: left;
		margin-right: 0%;
		border-left: #0e6fab 5px solid;
		padding-left: 25px;
		margin-bottom: 60px;
		padding: 0px 0px 0px 25px;
		position:relative;
	}
	
	
@media screen and (min-width:400px){
	
	.listing.people-list li {
		min-height: 250px;
		width: 100%
		float: left;
		margin-right: 0%;
		border-left: #0e6fab 5px solid;
		padding-left: 25px;
		margin-bottom: 60px;
		padding: 0px 0px 0px 25px;
		position:relative;
	}
	
	
}
/* line 83, ../../src/sass/listing.scss */
.listing li .featured-image {
  display: inline-block;
  height: 170px;
  margin-right: 30px;
  overflow: hidden;
  position: relative;
  width: 100%;
  float: left;
}
@media screen and (min-width: 400px) {
  /* line 83, ../../src/sass/listing.scss */
  .listing li .featured-image {
    height: 170px;
    width: 170px;
  }
}
@media screen and (max-width: 320px) {
  .listing li .featured-image {
    margin-bottom: 10px;
    position: relative;
  }
}
.listing li .featured-image img {
    width: 170px;
}	
	
	.listing.people-list.reduced-people-list li .list-content h4 a{
		font-size: 16px;
		font-weight:bold;
	}
	
	.listing.people-list.reduced-people-list li .list-content h4{
		margin-bottom:-10px;
	}	


@media screen and (min-width:992px){
	.listing.people-list li {
		min-height: 230px;
		width: 45%;
		float: left;
		border-left: #0e6fab 5px solid;
		padding-left: 25px;
		margin-bottom: 60px;
		padding: 0px 0px 0px 25px;
	}
	
	.listing.people-list li:nth-child(odd){
		margin-right:10%;
	}
	

	
}
		.listing.reduced-people-list.people-list li{
			width:100%;
			margin-right:30px;
			min-height:120px;
			margin-bottom: 30px;
		}
		

		
		.listing.reduced-people-list.people-list li .list-content{
			box-sizing: border-box;
			display: inline-block;
			padding-left: 0px;
			vertical-align: top;
			width: 100%;
			line-height:21px;
			
		}
		
		@media screen and (min-width:321px){
			.listing.reduced-people-list.people-list li .list-content{
				box-sizing: border-box;
				display: inline-block;
				padding-left: 0px;
				vertical-align: top;
				width: 100%;
				line-height:21px;
				padding-top:20px;
			}

		}	
	
		@media screen and (min-width:400px){
			.listing.reduced-people-list.people-list li .list-content{
				box-sizing: border-box;
				display: inline-block;
				padding-left: 0px;
				vertical-align: top;
				width: 100%;
				line-height:21px;
				padding-top:20px;
			}

		}	

	

@media screen and (min-width:501px){
	
		.listing.reduced-people-list.people-list li .list-content{
			box-sizing: border-box;
			display: inline-block;
			padding-top: 20px;
			padding-left:0px!important;
			vertical-align: top;
			width: 100%;
			line-height:21px;
			
		}
		
		.listing.people-list.reduced-people-list.people-list li:nth-child(odd), .listing.people-list.reduced-people-list.people-list li:nth-child(even), .listing.people-list.reduced-people-list.people-list li:nth-child(5n){
			margin-right:30px;
		}
		
		.listing.people-list.reduced-people-list.people-list li{
			width: 200px;
		}	
	
}



@media screen and (min-width:768px){
	
		.listing.reduced-people-list.people-list li .list-content{
			box-sizing: border-box;
			display: inline-block;
			padding-top: 20px;
			padding-left:0px!important;
			vertical-align: top;
			width: 100%;
			line-height:21px;
			
		}
		
		.listing.people-list.reduced-people-list.people-list li:nth-child(odd), .listing.people-list.reduced-people-list.people-list li:nth-child(even), .listing.people-list.reduced-people-list.people-list li:nth-child(5n){
			margin-right:calc((100% - 600px)/2);
		}
		
		.listing.people-list.reduced-people-list.people-list li:nth-child(3n){
			margin-right:0px;
		}
		
		.listing.people-list.reduced-people-list.people-list li{
			width: 200px;
		}	
	
}

@media screen and (min-width:992px){
	
		.listing.reduced-people-list.people-list li .list-content{
			box-sizing: border-box;
			display: inline-block;
			padding-top: 20px;
			padding-left:0px!important;
			vertical-align: top;
			width: 100%;
			line-height:21px;
			
		}
		
		.listing.people-list.reduced-people-list.people-list li:nth-child(odd), .listing.people-list.reduced-people-list.people-list li:nth-child(even), .listing.people-list.reduced-people-list.people-list li:nth-child(5n){
			margin-right:40px;
		}
		
		.listing.people-list.reduced-people-list.people-list li:nth-child(4n){
			margin-right:0px;
		}
		
		.listing.people-list.reduced-people-list.people-list li{
			width: 200px;
		}
	
	
	
}

@media screen and (min-width:1240px){
	
		.listing.reduced-people-list.people-list li .list-content{
			box-sizing: border-box;
			display: inline-block;
			padding-top: 20px;
			padding-left:0px!important;
			vertical-align: top;
			width: 100%;
			line-height:21px;
			
		}
		
		.listing.people-list.reduced-people-list.people-list li:nth-child(odd), .listing.people-list.reduced-people-list.people-list li:nth-child(even){
			margin-right:40px;
		}
		
		.listing.people-list.reduced-people-list.people-list li:nth-child(5n){
			margin-right:0px;
		}
		
		.listing.people-list.reduced-people-list.people-list li{
			width: 200px;
		}
	
}

.listing.people-list li button.people-listing-button{
		display:none;
		background-color:#0e6fab;
		color:#FFFFFF;
		font-size:14px;
		font-family:'Lato';
		margin-right: 30px;
		overflow: hidden;
		position: absolute;
		width: 170px;
		top: 195px;
		text-transform:uppercase;
		text-align:center;
		border-radius:14px;
		height:30px;
		letter-spacing:1px;
		cursor:pointer;
		transition:background-color 0.5s ease;
		-webkit-transition:background-color 0.5s ease;
}

.listing.people-list li button.people-listing-button:hover{
		background-color:#0e2050;
	}

@media screen and (min-width:500px){
	.listing.people-list li button.people-listing-button{
			display:block;
	}
}

.listing.people-list li.external-person{
		border-left:#000000 5px solid;
}

.listing.people-list li.external-person button.people-listing-button{

		background-color:#000000;
}

.listing li:last-of-type {
    border-bottom: 0px solid #E6E6E6;
}

.listing.people-list{
	float:left;
	display: flex;
    flex-flow: wrap;
}

.listing.people-list li{
	min-height: 250px;
}

@media screen and (max-width: 1023px) {
  /* line 190, ../../src/sass/listing.scss */
  .listing li.list .right {
    padding-left: 0px;
  }
}
@media screen and (max-width: 500px) {
  /* line 190, ../../src/sass/listing.scss */
  .listing li.list .right {
    padding-left: 0px;
    margin-top: 10px;
  }
}
/* line 208, ../../src/sass/listing.scss */
.listing li.list .left {
  background-position: center;
  background-size: cover;
  display: inline-block;
  height: 160px;
  margin-right: 30px;
  position: relative;
  width: 270px;
  float:left;
  margin-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  /* line 208, ../../src/sass/listing.scss */
  .listing li.list .left {
    height: 120px;
    width: 200px;
  }
}
@media screen and (max-width: 500px) {
  /* line 208, ../../src/sass/listing.scss */
  .listing li.list .left {
    position: relative;
    width: 100%;
  }
}








.large-button-container{
	float: left;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
	margin-top:-40px;
}
button.large-button{
	background: #0e2050;
    padding: 20px 40px;
    border-radius: 30px;
    color: #FFFFFF;
    font-family: Lato;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 20px;
	pointer:cursor;
	transition:background-color 0.5s ease;
	-webkit-transition:background-color 0.5s ease;
}

button.large-button:hover{
	background-color:#0e6fab;
}

.large-button-container a:hover{
	text-decoration:none!important;
	cursor:pointer;
}

/*--- VIDEO --- */

	.iframe-container{
		width: 100%;
		margin-bottom: 40px;
		padding-bottom: 60%;
		position: relative!important;
		float:left;
	}
	.iframe-container iframe{
		position:absolute;
		width:100%;
		height:100%;
	}
	
/*--- BOOK --- */
.single-book .info-left .button{
	border:0px solid #0e6fab; 
	color:#FFFFFF;
	background-color:#0e6fab;
}
.single-book .info-left a.button:hover{
	text-decoration:none!important;
	background-color:#0e2050;
}

/* line 284, ../../src/sass/listing.scss */
body.page-template-template-book-list .listing li {
  min-height: 260px;
}

/*--- CURATED PAGE BLOCK ---*/

	section.curated-page-block.with-indent{
		background-color: #fafafa;
		padding: 30px;
		width: calc(100% - 66px);
		border-left: 6px solid #0e6fab;
		padding-top: 0px;
		margin-top: 30px;
	}


	.curated-block .box-container, .curated-page-block .box-container{
		flex-direction:column;
	}


	.curated-block .box-container .box, .curated-page-block .box-container .box{
		margin-bottom: 25px;
		min-width: 0px;
		margin-right:0px;
	}
	
	
@media screen and (min-width:410px){	
	.curated-block .box-container .box, .curated-page-block .box-container .box{
		min-width: calc(50vw - 20.5px);
	}
}
	
	
	
	.curated-block .box-container .box img, .curated-page-block .box-container .box img{
	
		height:calc((100vw - 30px) * 0.55);
		
	}


@media screen and (min-width:410px){
		.curated-block .box-container .box img, .curated-page-block .box-container .box img{
			
			height:auto;
			
		}
}





	.curated-block .box-controls, .curated-page-block .box-controls{
		display:none;
	}
	

@media screen and (min-width:410px){
	.curated-block .box-container, .curated-page-block .box-container{
		flex-direction:row;
		flex-wrap: wrap;

	}
	
	
	
	.curated-block .box-container .box, .curated-page-block .box-container .box{
		margin-bottom: 0px;
		flex: 1!important;
		margin-top: 20px;
		margin-right: 0px;
		max-width:100%;
	}

	.curated-block .box-container .box:nth-of-type(2n), .curated-page-block .box-container .box:nth-of-type(2n){
		margin-right:0px;
	}
	.curated-block .box-controls, .curated-page-block .box-controls{
		display:none;
	}
	
	

	
	
}

@media screen and (min-width:500px){
	.curated-block .box-container .box, .curated-page-block .box-container .box{
		margin-bottom: 0px;
		flex: 0 calc(50% - 10px)!important;
		margin-top: 20px;
		margin-right: 20px;
		min-width:40%;
	}
	
}

	.curated-block .box-container .box{
		max-width:468px;

	}		
	
	
	.curated-page-block.with-indent .box-container .box{
		max-width:418px;
	}

@media screen and (min-width:1240px){
	.curated-block .box-container, .curated-page-block .box-container{
		flex-direction:row;
		flex-wrap: nowrap;
	}
	
	
	
	.curated-block .box-container .box, .curated-page-block .box-container .box{
		margin-bottom: 0px;
		flex: 1 calc(50% - 10px);
		flex-grow: 0;
		margin-top: 20px;
		margin-right: 20px;
		min-width:0px;
	}

	.curated-block .box-container .box:nth-of-type(2n), .curated-page-block .box-container .box:nth-of-type(2n){
		margin-right:20px;
	}

	.curated-block .box-container .box:nth-of-type(4n), .curated-page-block .box-container .box:nth-of-type(4n), .curated-block .box-container .box:last-of-type, .curated-page-block .box-container .box:last-of-type  {
		margin-right:0px;
	}	
	
	.curated-block .box-controls, .curated-page-block .box-controls{
		display:none;
	}
	
	
}

.curated-block .box-text .large-text, .curated-page-block .box-text .large-text{
	font-weight: bold;
    font-size: 1.1em;
    overflow-wrap: break-word;	
}

@media screen and (min-width:500px){

	.curated-block .box-text .large-text, .curated-page-block .box-text .large-text{
		font-weight: bold;
		font-size: 20px;
		overflow-wrap: break-word;	
	}
	
	
}

.curated-page-block .box-image-container{
	height:auto;
}


/*--- COLUMNED BLOCK ---*/

	section.columned-block.with-background-color{
		background-color: #0e6fab;
		padding: 30px;
		width: calc(100% - 60px);
		padding-top: 0px;
		margin-top: 30px;
	}

	section.columned-block.with-background-color h2, section.columned-block.with-background-color h3, section.columned-block.with-background-color p, section.columned-block.with-background-color ul, section.columned-block.with-background-color ol, section.columned-block.with-background-color li, section.columned-block.with-background-color a {
		color:#FFFFFF;
	}
	
	section.columned-block .box-container > div{
		flex-grow:1;
	}
	
	section.columned-block h3{
		margin-top:0px;
	}

/*--- READ MORE BUTTON ---*/
a.oii-read-more{
	color: #FFFFFF!important;
    background-color: #0e6fab;
    padding: 5px 9px 3px 9px;
    border-radius: 17px;
    font-size: 14px;
	text-decoration:none;
	margin-top:7px;
	float:left;
}

a.oii-read-more:hover{
    background-color: #0e2050;	
	text-decoration:none;
}

/*--- FORMIDABLE --- */

.frm_style_formidable-style.with_frm_style .frm_section_heading{
	margin-top:60px;
	float:left;
}

.frm_primary_label{
	font-family:Roboto!important;
	font-weight:normal!important;
}

.frm_description, .frm_description p, .frm_description ul li{
	font-family:Roboto!important;
	font-weight:bold!important;	
	font-size:17px!important;
}

input ~ .frm_description, textarea ~ .frm_description{
	font-size:14px!important;
	font-style:italic;
}

/*--- VIDEOS --- */
	.content .main-content iframe {
		border: none;
		height: calc((100vw - 50px )* 9/16);
		margin-bottom: 0px;
		width: 100%;
	}

	
@media screen and (min-width:768px){
	.content .main-content iframe {
		height: calc((100vw - 80px )* 9/16);
	}
	
}



	
@media screen and (min-width:992px){
	.content .main-content iframe {
		height: 500px;
	}
	
}
	
@media screen and (min-width:1240px){
	.content .main-content iframe {
		height: 450px;
	}
	
}

/*--- LISTINGS ---*/

	.listing li .list-content {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: top;
		width: 100%;
		float: left;

	}

@media screen and (min-width:400px){
	.listing li .list-content {
		width: calc(100% - 200px);
	}

}

.listing li .list-content.list-content-no-image {
    padding-left: 0px;
}



	.listing li .list-content {
		padding-left: 0px;
		padding-top:20px;
	}
		


@media screen and (min-width: 500px){
	.listing li .list-content {
		padding-left: 0px;
		padding-top:0px;
	}
}

	.listing li.list-content h4{
		margin-top:20px;
	}

@media screen and (min-width: 400px){
	.listing li.list-content h4{
		margin-top:0px;
	}
}

	.listing.people-list li .list-content{
		width: 100%;
	}

@media screen and (min-width: 500px){
	.listing.people-list li .list-content{
		padding-top:0px;
		width: calc(100% - 200px);
		
	}
}



.book li.list img{
	position: relative;
    float: left;
	margin-right:30px;
}

.last-modified{
	float: left;
}

.tactical-box{
		background-color:#FAFAFA;
}

.oii-mods #actions .grid-item .grid-item-title *, .oii-mods #learning .grid-item .grid-item-title *, .oii-mods #living .grid-item .grid-item-title *{
	color:#Fafafa!important;
	padding-bottom:20px;
}

.jg-grid-item-title .highlighted p span {
    position: relative;
    left: -10px;
    background: #FFFFFF;
}

.oii-mods .grid .grid-item-title .highlighted p {
	position: relative;
    left: -10px;
	background:#FFFFFF;
}

.home .events-section