/*@font-face {
	.loadFont("droid_sansbold","DroidSans-Bold-webfont","../fonts/droidsans");
}
@font-face {
	.loadFont("droid_sansregular","DroidSans-webfont","../fonts/droidsans");
} 
*/
@font-face {
  font-family: "opensans_regular";
  src: url("../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot");
  src: url("../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#PTSansRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "opensans_condbold";
  src: url("../fonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.eot");
  src: url("../fonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.woff") format("woff"), url("../fonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.ttf") format("truetype"), url("../fonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.svg#PTSansRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "opensans_condlight";
  src: url("../fonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.eot");
  src: url("../fonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.woff") format("woff"), url("../fonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.ttf") format("truetype"), url("../fonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.svg#PTSansRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "opensans_condlightitalic";
  src: url("../fonts/opensanscondensed_lightitalic_macroman/OpenSans-CondLightItalic-webfont.eot");
  src: url("../fonts/opensanscondensed_lightitalic_macroman/OpenSans-CondLightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensanscondensed_lightitalic_macroman/OpenSans-CondLightItalic-webfont.woff") format("woff"), url("../fonts/opensanscondensed_lightitalic_macroman/OpenSans-CondLightItalic-webfont.ttf") format("truetype"), url("../fonts/opensanscondensed_lightitalic_macroman/OpenSans-CondLightItalic-webfont.svg#PTSansRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bebas";
  src: url("../fonts/bebas/bebas.eot");
  src: url("../fonts/bebas/bebas.eot?#iefix") format("embedded-opentype"), url("../fonts/bebas/bebas.woff") format("woff"), url("../fonts/bebas/bebas.ttf") format("truetype"), url("../fonts/bebas/bebas.svg#PTSansRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media (max-width: 768px) {
  .btn-block-xs {
    display: block;
    width: 100%;
  }
  .btn-block-xs + .btn-block-xs {
    margin-top: 5px;
    margin-left: 0 !important;
  }
  input[type="submit"].btn-block-xs,
  input[type="reset"].btn-block-xs,
  input[type="button"].btn-block-xs {
    width: 100%;
  }
  [class*='col-'] {
    margin-bottom: 5px;
  }
}
body {
  font-family: "opensans_regular", Arial, Verdana, sans-serif;
  background-color: #f1f1f1;
}
a {
  color: #40489f;
}
a:hover {
  color: #AAA;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  color: #6d6e71;
  font-family: "opensans_condbold", Arial, Verdana, sans-serif;
}
.page-header {
  border-color: #6d6e71;
}
/* page title */
.roslin-page-title {
  text-align: center;
  margin-bottom: 25px;
}
.roslin-page-title .title {
  font-family: "opensans_condbold", Arial, Verdana, sans-serif;
  font-size: 50px;
  padding-bottom: 0px;
  text-transform: uppercase;
  color: #6d6e71;
}
@media (max-width: 767px) {
  .roslin-page-title .title {
    font-size: 28px;
  }
}
.roslin-page-title .title.science {
  color: #e56a25;
}
.roslin-page-title .title.industry {
  color: #13af4b;
}
.roslin-page-title .title.services {
  color: #860d71;
}
.roslin-page-title .title.outreach {
  color: #009fc3;
}
.roslin-page-title .title.impact {
  color: #dd2162;
}
.roslin-page-title .post-title {
  padding-top: 3px;
  font-size: 18px;
  border-top: 1px solid #6d6e71;
  color: #6d6e71;
}
@media (min-width: 768px) {
  .roslin-page-title .post-title {
    display: inline;
  }
}
.roslin-page-title img.header-icon {
  margin-top: -10px;
}
@media all and (-ms-high-contrast: none) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: absolute;
  }
}
/* typography */
.btn-ric {
  color: #FFFFFF;
  background-color: #6D6E71;
  border-color: transparent;
  border-radius: 0;
  font-family: "opensans_condbold", Arial, Verdana, sans-serif;
  text-transform: uppercase;
}
.btn-ric.science {
  background-color: #e56a25;
}
.btn-ric.industry {
  background-color: #13af4b;
}
.btn-ric.services {
  background-color: #860d71;
}
.btn-ric.outreach {
  background-color: #009fc3;
}
.btn-ric.impact {
  color: #dd2162;
}
.btn-ric:hover,
.btn-ric:focus,
.btn-ric:active,
.btn-ric.active,
.open .dropdown-toggle.btn-ric {
  color: #FFFFFF;
  background-color: #53555C;
  border-color: transparent;
}
.btn-ric:hover.science,
.btn-ric:focus.science,
.btn-ric:active.science,
.btn-ric.active.science,
.open .dropdown-toggle.btn-ric.science {
  background-color: rgba(229, 106, 37, 0.8);
}
.btn-ric:hover.industry,
.btn-ric:focus.industry,
.btn-ric:active.industry,
.btn-ric.active.industry,
.open .dropdown-toggle.btn-ric.industry {
  background-color: rgba(19, 175, 75, 0.8);
}
.btn-ric:hover.services,
.btn-ric:focus.services,
.btn-ric:active.services,
.btn-ric.active.services,
.open .dropdown-toggle.btn-ric.services {
  background-color: rgba(134, 13, 113, 0.8);
}
.btn-ric:hover.outreach,
.btn-ric:focus.outreach,
.btn-ric:active.outreach,
.btn-ric.active.outreach,
.open .dropdown-toggle.btn-ric.outreach {
  background-color: rgba(0, 159, 195, 0.8);
}
.btn-ric:hover.impact,
.btn-ric:focus.impact,
.btn-ric:active.impact,
.btn-ric.active.impact,
.open .dropdown-toggle.btn-ric.impact {
  background-color: rgba(221, 33, 98, 0.8);
}
.btn-ric:active,
.btn-ric.active,
.open .dropdown-toggle.btn-ric {
  background-image: none;
}
.btn-ric.disabled,
.btn-ric[disabled],
fieldset[disabled] .btn-ric,
.btn-ric.disabled:hover,
.btn-ric[disabled]:hover,
fieldset[disabled] .btn-ric:hover,
.btn-ric.disabled:focus,
.btn-ric[disabled]:focus,
fieldset[disabled] .btn-ric:focus,
.btn-ric.disabled:active,
.btn-ric[disabled]:active,
fieldset[disabled] .btn-ric:active,
.btn-ric.disabled.active,
.btn-ric[disabled].active,
fieldset[disabled] .btn-ric.active {
  background-color: #6D6E71;
  border-color: #4C4E52;
}
.btn-ric .badge {
  color: #6D6E71;
  background-color: #FFFFFF;
}
.list {
  position: relative;
  margin: 1.5em 0;
}
.list > i {
  position: absolute;
  left: -3px;
  top: -3px;
  font-size: 2em;
}
.list > h2,
.list > h3 {
  margin: 0 0 0 50px;
}
.list > p {
  margin: 0 0 0 50px;
}
.quote {
  position: relative;
  margin: 1.5em 0;
}
.quote i {
  position: absolute;
  top: -10px;
  left: -7px;
  font-size: 2em;
  color: rgba(51, 51, 51, 0.44);
}
.quote small {
  margin-left: 50px;
  opacity: 0.7;
  font-size: 1em;
}
.quote p {
  margin-left: 50px;
  font-size: 18px;
  color: #666;
}
/* structure */
.container-fluid-no-padding {
  padding: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#YourCookieSettings {
  padding: 2px 0 4px 0;
  background-color: #F0F0F0;
  text-align: center;
  font-size: 12px;
  margin-bottom: 12px;
  position: relative;
  z-index: 10000;
  /*	margin-top:80px;
	margin-bottom:-80px;*/
}
@media (max-width: 767px) {
  #YourCookieSettings {
    /*		margin-top:60px;
		margin-bottom:-60px;*/
  }
}
#YourCookieSettings .yourCookieSettingsClose {
  background-image: url(/your-cookie-settings/your-cookie-settings-close.png);
  background-position: top left;
  position: relative;
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
}
#YourCookieSettings .yourCookieSettingsClose:hover {
  background-position: bottom left;
}
.header {
  height: 60px;
}
@media (min-width: 768px) {
  .header {
    height: 116px;
    position: relative;
    z-index: 1000;
  }
}
.navbar-default {
  background-color: rgba(0, 0, 0, 0.5);
  margin-bottom: 0px;
  border: 0px;
  border-radius: 0;
}
@media (max-width: 767px) {
  .navbar-default {
    background-color: #000;
  }
}
.navbar-default .navbar-brand {
  height: 60px;
  line-height: 50px;
  padding: 7px 15px;
}
.navbar-default .navbar-brand img {
  height: 46px;
}
@media (min-width: 768px) {
  .navbar-default {
    height: 116px;
    padding-top: 1px;
    padding-bottom: 5px;
  }
  .navbar-default .navbar-brand {
    height: 100px;
    line-height: 100px;
    padding: 8px 15px 8px 15px;
  }
  .navbar-default .navbar-brand img {
    height: 100px;
  }
  .navbar-default .navbar-nav {
    margin-top: -1px;
    margin-bottom: -116px;
  }
  .navbar-default .navbar-nav li {
    margin-right: 5px;
  }
  .navbar-default .navbar-header {
    height: 0 !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
  .navbar-default .navbar-nav li {
    margin-right: 2px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-default .navbar-brand {
    padding: 15px 15px 0px 15px;
  }
  .navbar-default .navbar-brand img {
    height: 80px;
  }
}
.navbar-default .navbar-collapse {
  background-color: #cccccc;
}
@media (min-width: 768px) {
  .navbar-default .navbar-collapse {
    background-color: rgba(255, 255, 255, 0);
  }
}
.navbar-default .navbar-nav li a {
  font-family: "bebas", Arial, Verdana, sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  font-weight: 100 !important;
  font-style: normal;
  padding: 48px 20px 48px 20px;
  font-size: 20px;
  color: #FFF !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-default .navbar-nav li a {
    font-size: 16px;
    padding: 15px 8px 15px 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-default .navbar-nav li a {
    font-size: 18px;
    padding: 15px 10px 15px 10px;
  }
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav li a {
    padding: 10px 10px 10px 10px;
    color: #000;
    font-size: 19px;
  }
}
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:active {
  background-color: rgba(0, 0, 0, 0.6);
}
.navbar-default .navbar-nav li.science a:hover,
.navbar-default .navbar-nav li.science a:active {
  background-color: rgba(229, 106, 37, 0.6);
}
.navbar-default .navbar-nav li.industry a:hover,
.navbar-default .navbar-nav li.industry a:active {
  background-color: rgba(19, 175, 75, 0.6);
}
.navbar-default .navbar-nav li.services a:hover,
.navbar-default .navbar-nav li.services a:active {
  background-color: rgba(134, 13, 113, 0.6);
}
.navbar-default .navbar-nav li.outreach a:hover,
.navbar-default .navbar-nav li.outreach a:active {
  background-color: rgba(0, 159, 195, 0.6);
}
.navbar-default .navbar-nav li.impact a:hover,
.navbar-default .navbar-nav li.impact a:active {
  background-color: rgba(221, 33, 98, 0.6);
}
.navbar-default .navbar-nav li.active a:link {
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.6);
}
.navbar-default .navbar-nav li.active a:visited {
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.6);
}
.navbar-default .navbar-nav li.active a:hover {
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.6);
}
.navbar-default .navbar-nav li.active a:active {
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.6);
}
.navbar-default .navbar-nav li.active.science a {
  background-color: rgba(229, 106, 37, 0.6);
}
.navbar-default .navbar-nav li.active.industry a {
  background-color: rgba(19, 175, 75, 0.6);
}
.navbar-default .navbar-nav li.active.services a {
  background-color: rgba(134, 13, 113, 0.6);
}
.navbar-default .navbar-nav li.active.outreach a {
  background-color: rgba(0, 159, 195, 0.6);
}
.navbar-default .navbar-nav li.active.impact a {
  background-color: rgba(221, 33, 98, 0.6);
}
.navbar-default .navbar-toggle {
  margin-top: 12px;
  color: #FFF;
  background-color: #6d6e71;
}
.navbar-default .navbar-toggle:visited {
  background-color: #0854a1;
}
.navbar-default .navbar-toggle:hover {
  background-color: #ea1c23;
}
.navbar-default .navbar-toggle:focus {
  background-color: #ea1c23;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFF;
}
.page-jumbotron {
  background-size: cover;
  background-position: center;
  margin-top: -116px;
}
@media (max-width: 767px) {
  .page-jumbotron {
    margin-top: 0px;
    min-height: 270px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-jumbotron {
    height: 280px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-jumbotron {
    height: 330px;
  }
}
@media (min-width: 1200px) {
  .page-jumbotron {
    height: 450px;
  }
}
.catalogueMenuSearch {
  margin-top: 20px;
}
.catalogueMenuSearch input {
  height: 42px;
}
.subMenu {
  list-style-type: none;
  margin: 20px 0px 0px 0px;
  padding: 0;
}
.subMenu li.title {
  margin-bottom: 10px;
}
.subMenu li.title a {
  font-size: 21px;
  color: #ec1f27;
}
.subMenu li.main {
  margin-bottom: 5px;
}
.subMenu li.main a {
  font-weight: bold;
}
.subMenu li.sub {
  margin-bottom: 5px;
  padding-left: 25px;
}
.subMenu .subMenu {
  margin-top: 0px;
}
#Content ul.subMenu {
  list-style-type: none;
  margin: 15px 0px 15px 0px;
  padding: 0;
}
#Content ul.subMenu li.title a {
  color: #FFF;
  font-size: 18px;
  text-decoration: none;
  padding: 10px;
  margin-bottom: 5px;
  display: block;
  background-color: #40489f;
}
#Content ul.subMenu li.main a {
  display: block;
  padding: 10px 10px 10px 20px;
  text-decoration: none;
}
#Content ul.subMenu li.main a:hover,
#Content ul.subMenu li.main a.active {
  color: #FFF;
  background-color: #2557a1;
}
#Content ul.subMenu li.sub a {
  display: block;
  padding: 10px 10px 10px 30px;
  text-decoration: none;
}
#Content ul.subMenu li.sub a:hover,
#Content ul.subMenu li.sub a.active {
  color: #FFF;
  background-color: #2557a1;
}
#Content ul.subMenu li.yellowSubmarine a {
  display: block;
  padding: 10px 10px 10px 40px;
  text-decoration: none;
}
#Content ul.subMenu li.yellowSubmarine a:hover,
#Content ul.subMenu li.yellowSubmarine a.active {
  color: #FFF;
  background-color: #2557a1;
}
#Footer .mainFooter {
  margin-top: 60px;
  color: #FFF;
  padding-top: 40px;
  padding-bottom: 30px;
  background: #575757;
  background: -moz-linear-gradient(top, #575757 1%, #393939 100%);
  background: -webkit-linear-gradient(top, #575757 1%, #393939 100%);
  background: linear-gradient(to bottom, #575757 1%, #393939 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#393939', GradientType=0);
}
#Footer .mainFooter a {
  color: #FFF;
}
#Footer .mainFooter ul.footerLinks {
  list-style-type: none;
  margin: 0px 0px 15px 0px;
  padding: 0;
}
#Footer .mainFooter ul.footerLinks li.title {
  font-weight: bold;
  margin-bottom: 10px;
}
#Footer .mainFooter ul.footerLinks li.main a {
  padding-top: 2px;
  padding-bottom: 2px;
  display: block;
}
#Footer .mainFooter ul.footerLinks li.main a.footerLogo {
  width: 45px;
  height: 45px;
  margin-right: 10px;
  float: left;
}
#Footer .partners {
  padding-top: 30px;
  padding-bottom: 20px;
}
#Footer .partners .row {
  margin-bottom: 10px;
}
#Footer .partners img {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  #Footer .partners img {
    margin-bottom: 15px;
  }
}
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/* HOMEPAGE */
@media (max-width: 991px) {
  .home-hero {
    position: relative;
    z-index: -100;
  }
}
@media (min-width: 768px) {
  .home-hero {
    margin-bottom: 30px;
    width: 100%;
    margin-top: -116px;
  }
}
.bannercontainer {
  /*.tp-bullets {

		float:none;
		margin: 0 auto;
		display: table;
		table-layout: fixed;	
		
		height:30px;		
		position:relative;

		@media (max-width: @screen-sm-max) {
			display:none;	
		}
	
	}*/
}
@media (max-width: 991px) {
  .bannercontainer .tparrows {
    display: none;
  }
}
.bannercontainer .mainTitle {
  font-family: "bebas", Arial, Verdana, sans-serif;
  padding: 10px 15px 15px 15px;
  line-height: 65px;
  font-size: 60px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  /*		background-color:fade(#850d70, 70%);*/
  background-color: rgba(109, 110, 113, 0.7);
  word-spacing: 5px;
}
.bannercontainer .mainTitle.green {
  background-color: rgba(19, 175, 75, 0.7);
}
.bannercontainer .mainTitle.purple {
  background-color: rgba(134, 13, 113, 0.7);
}
.bannercontainer .mainTitle.orange {
  background-color: rgba(229, 106, 37, 0.7);
}
.bannercontainer .mainTitle.blue {
  background-color: rgba(0, 159, 195, 0.7);
}
.bannercontainer .mainTitle.grey {
  background-color: rgba(109, 110, 113, 0.7);
}
.bannercontainer .mainTitle.cerise {
  background-color: rgba(221, 33, 98, 0.7);
}
.bannercontainer .subTitle {
  font-family: "bebas", Arial, Verdana, sans-serif;
  padding: 10px 15px 15px 15px;
  line-height: 35px;
  font-size: 30px;
  color: #FFF;
  text-align: left;
  text-transform: uppercase;
  /*		background-color:fade(#850d70, 70%);*/
  background-color: rgba(109, 110, 113, 0.7);
  word-spacing: 5px;
}
.bannercontainer .subTitle.green {
  background-color: rgba(19, 175, 75, 0.7);
}
.bannercontainer .subTitle.purple {
  background-color: rgba(134, 13, 113, 0.7);
}
.bannercontainer .subTitle.orange {
  background-color: rgba(229, 106, 37, 0.7);
}
.bannercontainer .subTitle.blue {
  background-color: rgba(0, 159, 195, 0.7);
}
.bannercontainer .subTitle.grey {
  background-color: rgba(109, 110, 113, 0.7);
}
.bannercontainer .subTitle.cerise {
  background-color: rgba(221, 33, 98, 0.7);
}
.home-introduction {
  text-align: center;
}
.home-introduction .pre-title {
  font-family: "opensans_condbold", Arial, Verdana, sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  color: #6d6e71;
}
@media (max-width: 767px) {
  .home-introduction .pre-title {
    font-size: 22px;
  }
}
.home-introduction .title {
  font-family: "opensans_condbold", Arial, Verdana, sans-serif;
  font-size: 50px;
  line-height: 30px;
  border-bottom: 1px solid #6d6e71;
  display: inline;
  padding-bottom: 0px;
  text-transform: uppercase;
  color: #6d6e71;
}
@media (max-width: 767px) {
  .home-introduction .title {
    font-size: 28px;
  }
}
.home-introduction .post-title {
  padding-top: 15px;
  font-size: 20px;
  color: #e7813c;
}
.home-introduction .post-title-subtext {
  padding-top: 5px;
  font-size: 15px;
  color: #e7813c;
}
.home-introduction .image {
  margin-top: 25px;
}
.home-introduction-text {
  background-color: #6D6e71;
  background-image: url(/images/home/The_buseiness_location_BG.jpg);
  color: #FFF;
  text-align: center;
  font-size: 25px;
  margin-top: 60px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.home-services {
  text-align: center;
  margin-top: 60px;
}
.home-services .icon {
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
}
.home-services .icon .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 60px;
  border-radius: 100px;
  padding: 20px;
  width: 100px;
}
.home-services .icon .icon-wrapper.vision {
  background-color: #e56a25;
}
.home-services .icon .icon-wrapper.opportunities {
  background-color: #13af4b;
}
.home-services .icon .icon-wrapper.support {
  background-color: #860d71;
}
.home-services .title {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "opensans_condbold", Arial, Verdana, sans-serif;
  font-size: 20px;
}
.home-services .title.vision {
  color: #e56a25;
}
.home-services .title.opportunities {
  color: #13af4b;
}
.home-services .title.support {
  color: #860d71;
}
.home-services .description {
  margin-bottom: 20px;
  color: #333 !important;
}
.home-sections {
  margin-top: 60px;
}
.home-sections .section {
  border-bottom: 2px solid #CCC;
  min-height: 388px;
}
.home-sections .section .section-header {
  text-align: center;
  padding: 20px 20px 20px 20px;
  font-size: 20px;
  font-family: "opensans_condbold", Arial, Verdana, sans-serif;
  text-transform: uppercase;
}
.home-sections .section .section-header a {
  color: #FFF;
}
.home-sections .section .section-header a .fa {
  font-size: 30px;
  margin-top: -5px;
  margin-right: 5px;
}
.home-sections .section .section-content {
  padding: 10px;
}
.home-sections .section.site-live .section-header {
  background-color: #13af4b;
}
.home-sections .section.development .section-header {
  background-color: #860d71;
}
.home-sections .section.news .section-header {
  background-color: #e56a25;
}
.home-sections .section.news .news-title {
  font-weight: bold;
}
.home-sections .section.news .news-title a {
  color: #333 !important;
}
.home-sections .section.news .news-date {
  margin-bottom: 10px;
}
.home-sections .section.events .section-header {
  background-color: #009fc3;
}
.home-sections .section.events .event-title {
  font-weight: bold;
}
.home-sections .section.events .event-title a {
  color: #333 !important;
}
.home-sections .section.events .event-date {
  margin-bottom: 10px;
}
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/* NEWS */
.news-article .roslin-page-title .title {
  font-size: 28px;
}
/* PRIVACY MODAL */
.no-border {
  border: 0 !important;
}
/* TOGGLE SWITCHES */
/* ON/OFF Switch */
.onoffswitch {
  position: relative;
  width: 55px;
  display: inline-block;
  font-size: 80%;
}
.onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 90%);
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin: 0;
}
.onoffswitch .onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.15s ease-in-out;
  -o-transition: margin 0.15s ease-in-out;
  -moz-transition: margin 0.15s ease-in-out;
  transition: margin 0.15s ease-in-out;
}
.onoffswitch .onoffswitch-inner:before,
.onoffswitch .onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 24px;
  padding: 0;
  line-height: 24px;
  font-size: 80%;
  color: hsl(0, 0%, 100%);
  font-weight: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch .onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: hsl(203, 100%, 39.1569%);
  color: hsl(0, 0%, 100%);
}
.onoffswitch .onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: hsl(0, 0%, 98%);
  color: hsl(0, 0%, 24%);
  text-align: right;
}
.onoffswitch .onoffswitch-switch {
  width: 22px;
  height: 22px;
  margin: 0;
  background: hsl(0, 0%, 100%);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: 35px;
  -webkit-transition: right 0.15s ease-in-out;
  -o-transition: right 0.15s ease-in-out;
  -moz-transition: right 0.15s ease-in-out;
  transition: right 0.15s ease-in-out;
}
.toggle-group {
  position: relative;
  height: 27px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  top: 50%;
  left: 20px;
  margin-top: -27px/2;
}
.toggle-group input[type=checkbox] {
  position: absolute;
  left: 10px;
}
.toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-switch {
  right: 1px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.toggle-group input[type=checkbox]:focus ~ .onoffswitch {
  outline: thin dotted #333;
  outline: 0;
}
.toggle-group label {
  position: absolute;
  cursor: pointer;
  padding-left: 65px;
  display: inline-block;
  text-align: left;
  line-height: 24px;
  width: 100%;
  z-index: 1;
  height: 24px;
  font-weight: 200;
}
/* ==== Accessibility ===== */
.aural {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}
.aural:focus {
  clip: rect(0, 0, 0, 0);
  font-size: 1em;
  height: auto;
  outline: thin dotted;
  position: static !important;
  width: auto;
  overflow: visible;
}