/* START COMMON ELEMENT STYLING */
.container {
    clear:both;
    padding-top: 25px;
    padding-bottom: 25px;
}
.container-x {
    clear:both;
    padding: 25px 0;
}

.table {
  display: table;
  height:100%;
width:100%;
  margin-bottom: 0;
}

.table .table-cell {
  display:table-cell;
    vertical-align: middle;
}
.table .table-cell.table-cell--bottom {
 vertical-align: bottom;
}

.content-980,.content-1280 {
      
                padding: 0;
                margin: 0px auto;
}
 
@media (min-width: 980px) {
.content-980 {
    padding: 0;
    max-width: 980px;
}
}
 
@media (min-width: 1280px) {
.content-1280 {
    padding: 0;
    max-width: 1280px;
}
}

.vp_content.checkbox {
	padding-top:10px;
}

.vpFormSubmit {border-top: 0px !important;background: #fff !important;}

.vp_content input[type="radio"],.vp_content input[type="checkbox"],.vp_content label,.emailform input[type="radio"],.emailform input[type="checkbox"],.emailform label {
display:inline-block;
margin-right:15px !important;
}

.grp-inline {/* text-align:center; */}

.btn-standard,.btn-inline,.grp-inline > a {
	padding: 10px 20px;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.6rem;
	text-decoration: none !important;
	transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
	-moz-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
	-webkit-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
	-o-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
	background: #a2a2a2;
	color: #fff;
	/* border: 2px solid #a2a2a2; */
	border-radius:.25rem;
	text-align:center;
	}

.btn-standard {
			/* max-width: 400px; */
			margin: 20px auto;
			display: table;
	}

.btn-inline,.grp-inline > a {display:inline-block;vertical-align:top;margin: 10px 0.8%;/* width:98%; */vertical-align: middle;/* max-width: 400px; */}

.btn-standard:focus,.btn-standard:hover,.btn-standard:active,.btn-inline:focus,.btn-inline:hover,.btn-inline:active,.grp-inline > a:focus,.grp-inline > a:hover,.grp-inline > a:active {
    color: #333333;
    background: #d5d3b9;
    /* border-color: #d5d3b9; */
    }

@media (min-width: 700px) {    
.btn-inline,.grp-inline > a {/* width: 47%; */}
}

.vote-cta {
	color: #fff;
	background: #00c777;
	font-weight:bold;
	font-size:1.2rem;
	border:0px;
	max-width: 250px;
}

.vote-cta:hover,.vote-cta:active,.vote-cta:focus {
    color: #757575;
    background: #9dffd8;
}

.center-me { text-align:center; }

.video-scale {max-width:560px;margin: 10px auto;}

.video-scale > div {
    position: relative;
    padding-bottom: 51.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-scale > div iframe {
    position: absolute;
    top:0;
    left: 2.5%;
    max-width: 95%;
    max-height: 95%;
    margin: 0px auto;
}


.center-pic {
display:block;
margin:10px auto;
}

#product {
    margin: 10px 0;
    /*padding:10px;*/
    width:auto;
    /*max-width:500px;*/
    display: block;
    text-align:center;
    border: 1px solid #d5d3b9;
}

.product_box {
    margin:0;
    padding:0px;
    width:auto;
    text-align:center;
    border: none;
}
.product_box .button {
    margin:5px auto;
}

.product_box br {display:none !important;}

.product_box h2 {
    margin:0px
}

.product_box * {margin:0px!important;}
.product_box .msl_notification {border:0px;color:#333;}
.product_box span {margin: 8px auto 5px auto !important;display: block;}
.product_box h2 {color:#333;font-size:1.2rem;background: #d5d3b9;}
.msl-product-id {display:none !important;}
.product_box .button {
    margin: 10px auto 10px auto !important;
}
.product_images {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    position: static;
}
#product_description {
    padding: 1rem;
}
#image_main {
    width: auto;
    height: auto;
    margin: 0;
}

.msl_event_types {display:none;}

.msl_notification {background:none;}

.su-info,.msl_info {
    padding: 10px;
    border: 2px solid #0059ed;
    background: #e1f2ff;
    margin: 10px auto;
    max-width: 1280px;
    text-align: center;
    color: #000;
    width: 96%;
}

.su-info h2,.msl_info h2 {
	margin:10px 0px;
}

.msl_warning,.error {margin:20px auto;display:block;max-width:1280px;line-height: 1.8rem;font-size: 1.2rem;border: 3px solid #c60;background: rgba(242,140,40,0.3);color: #000;text-align: center;font-weight:bold;width: 96%;padding: 10px;}

.msl_warning h2,.error h2 {
margin:10px 0px;
}

.confirm {width: 96%;color:#000;margin:20px auto;display:block;max-width:1280px;line-height: 2rem;font-size: 1.3rem;border: 3px solid #13cd00;background: rgba(19,205,0,0.2);/* color: #fff; */text-align: center;padding: 5px;}


table.msl_table th {background:#ededed;color: #000;}


.list input,.list label {display:inline-block;}
.list input {margin-right:10px;}

.inc-awa {display:block;margin:10px auto;max-width: 370px;border-radius: 0.25rem;margin-top: 20px;}
.inc-awa:focus,.inc-awa:hover,.inc-awa:active {
box-shadow:0px 0px 0px 4px #ededed;
}

#inc-awa-d {
display:none;
}

@media screen and (min-width:840px) {
#inc-awa-m {
display:none;
}
#inc-awa-d {
display:block;
}
}

.login-score-ad,.sidemenu-ad {
text-align:center;
margin:10px auto;
}

.votenow {
	padding: 10px 20px;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.6rem;
	text-decoration: none !important;
	transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
	-moz-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
	-webkit-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
	-o-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
	background: #a2a2a2 !important;
	color: #fff !important;
	border: 3px solid #a2a2a2 !important;
	border-radius:.25rem;
	text-align:center;
	max-width:400px;
	margin: 20px auto !important;
	}

.votenow:focus,.votenow:hover,.votenow:active {
    color: #333 !important;
    background: #d5d3b9 !important;
    border-color: #d5d3b9 !important;
    }


#add_comment dt {background:none !important;}
dl.comments span.comment_details h3 {
font-size:1.2rem;
line-height:1.6rem;
}
.comment_details {background-color: #0000b5 !important;color: #fff !important;font-size: 1rem !important;}

#add_comment dd {
    border: 2px solid #ededed;
}

dl.comments dt {
    width: 20%;
    display: inline-block;
    float: right;
vertical-align:top;
background:none;
}

dl.comments dd {
    display: inline-block;
    margin: 0px 0px 10px 0px;
    max-width: 725px;
    width: 75%;
    min-height:180px;
}




#v-pop {font-size:1.4rem;line-height:2rem;text-align:center;font-weight:bold;padding:30px 10px;background:#d5d3b9;color:#333;z-index: 99999999;}

#v-pop a {	padding: 10px 20px;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.6rem;
	text-decoration: none !important;
	transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
	-moz-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
	-webkit-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
	-o-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
	background: #fff;
	color: #757575;
	border: 3px solid #a2a2a2;
	border-radius:.25rem;
	text-align:center;
	display:block;
	margin:20px auto 0px auto;
	max-width:300px;
	}
#v-pop > a:focus,#v-pop > a:hover,#v-pop > a:active {
    color: #fff;
    background: #a2a2a2;
}

dl.msl_signup dt {background:#d5d3b9;}
dl.msl_signup dd.msl_signup_controls {
    background: transparent;
    font-weight: bold;
    text-align: center;
}

/* this is for giving signups a class="interest" which hides dates etc so it can be used just as an interest list for mailouts */
.interest .msl_signup_date,.interest .msl_signup_places,.interest .msl_signup_body {display:none;}
.interest .msl_signup_controls {margin-top:0px;text-align:center;}


.splash {border-radius: 0px 120px 0px 120px;}
.splash-txt {background: #fff;border-radius: 30px 15px 40px 10px;margin: 0px auto -50px auto !important;width: 80%;color: #333;padding: 10px;text-align: center;top: -50px;position: relative;}

.signup_reserve_fix {
font-size:0px;
}



@media screen and (max-width:1000px) {
.snow-canvas {display:none !important}
}
.snow-canvas {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    pointer-events: none;
    z-index:9999999;
}


.highlight-section {
    border-left: 5px solid #d5d3b9;
    padding-left: 10px;
}

.gen_basket {display:none;}

/* END COMMON ELEMENT STYLING */




/* START STUDENT GROUP TEMPLATE STYLING */

.group-join {
    padding: 10px 0;
    font-weight: bold;
    border: 3px solid #ededed;
    margin: 10px auto;
    display: block;
    border-left: 0px;
    border-right: 0px;
}
.group-join input {
    width: 100%;
    cursor: pointer;
}

.group-join > .mslwidget > h3 {display:none;}

.student-group #side-menu.override {
padding-top:0px;
}

.page-title.override {font-size:2.2rem;}

.student-group h2 {font-size:1.8rem;}

.student-group #local-open.override {}

.group-nav {margin:10px auto;border-bottom: 3px solid #ededed;}

#clubContact a {padding-left: 25px;
    margin: 3px 0px;
    line-height: 1.5rem;
    font-size: 1.2rem;
    text-decoration: none;
}

#clubContact a:focus,#clubContact a:hover,#clubContact a:active {color:#969696}

.student-group .msl-groupedmemberlist,
.msl-groupedmemberlist > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.msl-groupedmemberlist > ul {
    padding: 0;
}
.msl-groupedmemberlist .badge_tools {
    float: none;
}
.committee_holder {
    width: 50%;
    border: #ddd solid 1px;
}
@media only screen and (max-width: 768px) {
    .committee_holder {display: block; width: 100%;}
}
.committee_holder * {margin:0px; padding:0px;}
.committee_holder h4 {background: #ddd; padding:10px 5px; font-size:.9rem; white-space:nowrap; text-align: center;}
.badge {border:0px !important;}
.committee_holder ul {
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.committee_holder li {display: inline-block;}
.committee_holder .badge_tools {float: none;}
.committee_holder .badge.clearfix:after { display: none;}
.committee_holder .badge dl { padding-bottom: 0;}
.committee_holder .killfloat { display: none;}
.badge_tools {width:100%;}
.badge_avatar {margin:0px auto; border: none;}
.msl-groupedmemberlist .badge dl {margin-bottom: 0;}

#club_Gallery_Thumb h3 {display:none;}
.photogallery {width:auto;height:auto;float:none;max-width: inherit;display: block;vertical-align: top;}

.photogallery img {
margin:3px auto;
}

.student-group #desktop-side-links .level_2 > li > a {padding-left:0px !important;font-weight: 400;font-size:1.1rem;line-height:1.6rem;}

#coverPhotoImg {margin-bottom:20px;}
#logo-1,#coverPhotoImg {display:none;}
#logo-1 img,#logo-2 img {margin:0px auto;display:block;max-width:300px;width: 100%;}
#logo-2 {margin: 0px auto 15px auto;}

#grp-descrip img {width:100% !important; height: auto !important; margin: 0 !important; display:block;}

@media screen and (min-width:840px) {
#logo-1,#coverPhotoImg {display:block;margin-bottom: 20px;}
#logo-2 {display:none;}
}

.msl_email {
    background: none;
    margin: 10px 0px;
    padding-left: 0px;
    overflow-wrap: break-word;
    background-size: 20px;
    }
.msl_facebook {background: transparent url('/assets/site_resources/core17_facebook.svg') no-repeat 0% 50%;margin: 10px 0px;padding-left: 35px;overflow-wrap: break-word;background-size: 20px 20px;}
.msl_twitter {background: transparent url('/assets/site_resources/core17_twitter.svg') no-repeat 0 50%;margin: 10px 0px;
    padding-left: 35px;overflow-wrap: break-word;background-size: 20px 20px;}
.msl_instagram {background: transparent url('/assets/site_resources/core17_instagram.svg') no-repeat 0 50%;margin: 10px 0px;
    padding-left: 35px;overflow-wrap: break-word;background-size: 20px 20px;}

.student-group .news_item {
    border-bottom: 2px solid #ededed;
    padding: 5px 0px;
}


.student-group .stu-prod ul {margin:0px;padding:0px}
.student-group .stu-prod li {border-bottom: 2px solid #ededed;}
.stu-prod .product-name {font-size:1.2rem;line-height:1.6rem;}

.student-group #side-content .photogallery {
background:none;border:none;
}

.committee-hldr {
    width:100% !important;
    text-align:center;
}


.student-group #side-content #grp-descrip {width:100%;display:block;}
.student-group #side-content .photogallery {
    max-width: 215px;
    display: inline-block;
    width: 95%;
}



.sml-view {
	text-align:center;
}

.sml-view h2 {margin-bottom:0px;margin-top: 10px;}

.eventlist_day > h4,.eventlist_day > h3 {text-align:left;display:block;margin: 40px auto 5px auto;padding: 0px;border-bottom: 3px solid #d5d3b9;}

.eventlist_day:first-of-type > h3  {margin-top:20px;}

#events a {
	font-weight: bold;
	text-decoration: none;
	color: #012169;
}

.event_item {transition: all 100ms linear 0s, opacity 0.1s ease-in-out 0s;cursor:pointer;text-align: center;background: #ededed;display:inline-block;margin: 5px auto 20px auto;padding: 5px;vertical-align: top;width: 95%;border: 2px solid #bbb;}

.event_item:focus,.event_item:hover {
	box-shadow: 0px 0px 0px 4px #ededed;
}

.sml-view .mslwidget,.lrg-view .mslwidget {
	width:100%;
}
.msl_event_image img {
	display: none;
	width: 100%;
	background: #ededed;
	margin: 0px auto;
}

.msl_event_name {
	display: block;
	padding-top: 5px;
	font-size: 1.5rem;
	text-decoration: none;
	color: #000;
	line-height: 2rem;
	padding-bottom: 5px;
	background: #d5d3b9;
}

.msl_event_description,.msl_event_types {
	display:none;
}

.msl_event_tickets {
	margin:0px auto;
}

.msl_event_tickets a {
    display:block;
    background: none;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none !important;
    transition: all 500ms linear 0s, opacity 0.1s ease-in-out;
    -moz-transition: all 500ms linear 0s, opacity 0.1s ease-in-out;
    -webkit-transition: all 500ms linear 0s, opacity 0.1s ease-in-out;
    -o-transition: all 500ms linear 0s, opacity 0.1s ease-in-out;
    background: #fff;
    color: #a2a2a2;
    border: 2px solid #a2a2a2;
    border-radius: .25rem;
    text-align: center;
    width:80%;
    margin: 10px auto 5px auto;
}

.event_item dl {
	margin:0px;
	width: 100%;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}

.event_item dl dd {padding:5px;}

.msl_event_hook {padding:0px !important}

.msl-event-name {
	font-size:20px;
}

.msl-event-image {
	height: 80px;
	width: 80px;
	display:block;
	float:left;
	margin-right:5px;
	background-size: 40px 64px;
}

#events .event_item {
	border-right: 6px solid #FFF;
	box-sizing: border-box;
	clear: both;
	min-height: 80px;
	margin-top: 1px;
	line-height: 16px;
	background: #fff;
	display: block;
	border-bottom: 1px solid #ddd;
}

#events .event_item  {background: url('/stylesheet/Rebrand2012/favicon.gif');background-repeat: no-repeat;background-position: 23px 12px;background-size: 30px 45px;background-color: #fff;margin: 2px 0px;padding: 0px;border-bottom: 0px;overflow: auto;}

#events .event_item:after {
	/* border-bottom: 1px solid #CCC; */
	clear: both;
	/* content: "\a0"; */
	display: block;
	line-height: 0px;
}

#events .event_item:hover {border-right-color: #012169;cursor: pointer;}

.msl_event_time{
	font-weight:bold;
	font-size: 1.2rem;
	padding: 0px 0px 5px 0px;
	background: #fff;
	margin: 0px;
}

.msl_event_location,.msl_event_organisation {
	font-size:1.2rem;
	margin-left: 0px;
	background: #fff;
}

.msl_event_organisation {
	display:block;
	margin: 5px auto 10px auto;
	font-size: 1rem;
	background: #ededed;
}

.msl_eventlist {margin: 0px 0px 10px 0px;}


#filter {padding: 10px;margin: 10px auto 10px auto;width:95%;max-width:400px;text-align:center;}
#filter a {display:block;padding:5px 0px;}


#filter a {margin:0px 5px;}


.msl-joblist-job {
	display:inline-block;
	vertical-align:top;
	width:90%;
	text-align: left;
	max-width:400px;
	margin: 10px 0.5% !important;
	cursor:pointer;
	background:#fff;
	padding:5px;
	border: 2px solid #087a36;
	min-height: 235px;
	transition: all 100ms linear 0s, opacity 0.1s ease-in-out 0s;
}

.msl-joblist-job:focus,.msl-joblist-job:hover,.msl-joblist-job:active {
	box-shadow: 0px 0px 0px 2px #087a36;
}

.msl-joblist-title > *,.msl-joblist-salary,.msl-joblist-deadline,.msl-joblist-details {padding: 10px 10px 0px 10px !important;}

.msl-joblist-job > p > a {display:block;text-decoration:none;font-size: 1.3rem;border-top: 2px solid #ededed;border-bottom: 2px solid #ededed;color: #363636;}

.msl-joblist-details {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4; /* number of lines to show */
           /* fallback */
          /* fallback */
   /* line-height: 1.6rem !important; */
   /* max-height: 8rem; */
}

.ev-hldr-2 {
    width: 100%;
    margin: 0px auto 0px auto;
    max-width:1000px;
    display:table;
    cursor:pointer;
    padding: 10px 10px;
    border-bottom: 1px solid rgba(237,237,237,1);
    background: rgba(237,237,237,0);
    }

.ev-hldr-2:focus,.ev-hldr-2:hover,.ev-hldr-2:active{
	background: rgba(237,237,237,1);
}


.ev-hldr-2 * {
	    /* transition: all 1000ms; */
	    /* -moz-transition: all 1000ms; */
	    /* -webkit-transition: all 1000ms; */
	    /* -o-transition: all 1000ms; */
}

.ev-hldr-2 > * {display:table-cell;vertical-align: middle;}

.ev-hldr-2 > img {
    width: 100%;
    background: #fff;
    display: none;
}
.ev-details {width:90%;padding-left:1%;}
.ev-details-expand {width:75% !important;}

.ev-deet-1 {width: 95%;/* margin: 0px !important; */display: block;}
.ev-deet-2 {/* width: 18%; *//* display: none; */}
.ev-deet-3 {/* width: 10%; *//* display: none; */}
.ev-details-top h4,.ev-details-top p {font-size:1rem;line-height:1.4rem;margin:0px;padding:0px}
.ev-details-top p {font-weight:normal;}
.ev-details-bottom {
	height: 0px;
	overflow: hidden;
	display: block;
	}
	@media screen and (min-width:600px) {
		.ev-details-bottom {
	margin-left: 3%;
	}
	}
.ev-details-bottom > div {padding-top:10px;margin-top:10px;}
.ev-details-height-2 {display:block !important;} 

.ev-arrow {display: none;content: '';background: url('data:image/svg+xml;utf8,<svg version="1.1" id="arrow-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 71.3 47.8" style="enable-background:new 0 0 71.3 47.8;" xml:space="preserve"><path transform="rotate(90 35.654655456542976,23.849975585937504) " id="svg_1" d="m59.55002,23.84998l-39.6,33.8c-2,1.8 -5.3,1.5 -7,-0.5c-1.8,-2 -1.5,-5.3 0.5,-7l30.5,-26.3l-30.5,-26.3c-2,-1.8 -2.3,-5 -0.5,-7s5,-2.3 7,-0.5l39.6,33.8z" fill="#0000b5"/></svg>') no-repeat;background-size: 100% 100%;height: 15px;width: 3%;position:relative;margin-top: 5px;margin-left:20px;/* float: right; */transition: all 1ms;-moz-transition: all 1ms;-webkit-transition: all 1ms;-o-transition: all 1ms;}
.ev-details-expand .ev-arrow { background: url('data:image/svg+xml;utf8,<svg version="1.1" id="arrow-up" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 71.3 47.8" style="enable-background:new 0 0 71.3 47.8;" xml:space="preserve"><path transform="rotate(-90 35.654655456542976,23.849975585937504) " id="svg_1" d="m59.55002,23.84998l-39.6,33.8c-2,1.8 -5.3,1.5 -7,-0.5c-1.8,-2 -1.5,-5.3 0.5,-7l30.5,-26.3l-30.5,-26.3c-2,-1.8 -2.3,-5 -0.5,-7s5,-2.3 7,-0.5l39.6,33.8z" fill="#0000b5"/></svg>') no-repeat;}

.ev-opened {background: rgba(237,237,237,1);}

#show-filter {display: none;}

.descrip-box {    background: #fff;
    border: 2px solid #d5d3b9;
    padding: 10px;}

.ev-details-top > div {vertical-align:middle;margin: 0px 3%;text-align: left;}

@media screen and (min-width:620px) {
	#show-filter {display:none !important;}
	#filter {display:block !important;max-width: 100%;margin-top: 30px;}
	#filter > * {display: inline-block !important;}
	#filter > a {border-left:2px solid #ededed;padding-left:10px;line-height:1.2rem;}
	#filter > a:first-of-type {border:none;}
}


@media screen and (min-width:600px) {
	.ev-hldr-2 > img {display:inline-block;}
	.ev-deet-2,.ev-deet-3,.ev-arrow {display: block;}
.ev-deet-1 {/* width: 43%; */margin: 0px 3% !important;}
}



/* END STUDENT GROUP TEMPLATE STYLING */




/* START HEADER STYLING */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



header.top {
  width: 100%;
  clear:both;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -ms-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
}

.backing {
background:#fff;
}

/* END HEADER STYLING */



/* START COOKIE POLICY STYLING */
#cookie_policy_check {margin: 0px auto;padding: 30px 0;text-align: center;color: white;font-size: 18px;line-height: 26px;background: rgba(50,50,50,0.9);position: fixed;bottom: 0px;width: 100%;z-index: 99999;}
.cookie-warn {font-weight:500;display:inline-block;margin:4px auto 0px auto;padding:10px 20px;font-size:1.5rem;cursor: pointer;text-align: center;text-decoration: none;transition: all 100ms linear 0s, opacity 0.1s ease-in-out 0s;}
.warn-1, .warn-2 {border: 0;background: #fff;color: #0013ae;text-transform: uppercase;border-radius: 50px 0px 0px 0px;padding: 5px 25px;font-size: 1.2rem;line-height: 1.8rem;margin-top: 10px;margin-right: 15px;font-weight: 600;}
.warn-1:focus,.warn-1:hover,.warn-1:active {
box-shadow:0px 0px 0px 2px #fff;
}
.warn-2 {border-radius:0px 0px 50px 0px;
}
.warn-2:focus,.warn-2:hover,.warn-2:active {
box-shadow:0px 0px 0px 2px #fff;
}
/* END COOKIE POLICY STYLING */


/* START LOGIN STYLING */
#sso a {
    padding: 10px 20px;
    font-weight: 500;
    font-size: 1.2rem;
    margin: 2px auto;
    line-height: 1.8rem;
    max-width: 300px;
    text-decoration: none !important;
    display: block;
    transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
    -moz-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
    -webkit-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
    -o-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
    background: #a2a2a2;
    color: #fff;
    border-radius:.25rem;
    text-align:center;
    border: 0px;
    }
#sso a:hover {
    color: #333333;
    background: #d5d3b9;
}

#login-b {text-align: center;background: #fff;max-width: 1280px;margin: 0px auto;color: #777;clear: both;padding-top: 20px;}

#login-b h2 {font-size: 1.5rem;color: #313131;margin: 0 0 1.25rem;line-height: 1.8rem;}

#login_student{
	display: block;
	width: 97%;
	text-align: center;
	max-width: 800px;
	padding: 10px 0px;
	margin: 0px auto 20px auto;
}


#login_staff{
	display: block;
	padding: 10px 0px;
	width: 95%;
	text-align: center;
	max-width: 800px;
	position:relative;
}

#guest-r {color: #fff !important;}
#guest-r:hover,#guest-r:focus,#guest-r:active {color: #333333 !important;background: #d5d3b9 !important;}

#login_staff a {color: #757575;padding: 5px;font-weight: 500;}
#login_staff a:hover,#login_staff a:focus,#login_staff a:active {color: #fff;background: #a2a2a2;}



#login_staff .mslwidget {
	/* max-width:100% !important; */
	width:100%;
	max-width: 370px;
	margin: 0 auto !important;
	padding:0 !important;
	text-align: center;
}


.login label, .login input {display: block;width:100%;margin: 0 auto .25rem;/* text-align:left; */font-size: 14px;}

.login input {width: 80%;border: 1px solid #a2a2a2;}



#ctl00_LoginControl_lnkRegister {display:none;}


#stu_login {/* max-width: 300px; */margin: 20px 0;display: block;}

#ctl00_stdlogin_btnLogin,.msl_logincontrol_ext_login,#ctl00_LoginControl_btnLogin {
    padding: 10px 20px;
    font-weight: 500;
    font-size: 1.4rem;
    margin: 2px auto;
    line-height: 1.8rem;
    max-width: 300px;
    text-decoration: none !important;
    display: block;
    transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
    -moz-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
    -webkit-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
    -o-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
    background: #a2a2a2;
    color: #fff;
    border-radius:.25rem;
    text-align:center;
    border: 0px;
    }

#ctl00_stdlogin_btnLogin:focus,#ctl00_stdlogin_btnLogin:hover,#ctl00_stdlogin_btnLogin:active,.msl_logincontrol_ext_login:focus,.msl_logincontrol_ext_login:hover,.msl_logincontrol_ext_login:active,#ctl00_LoginControl_btnLogin:focus,#ctl00_LoginControl_btnLogin:hover,#ctl00_LoginControl_btnLogin:active {color: #333333;background: #d5d3b9;}

#ctl00_LoginControl_btnLogin,#ctl00_stdlogin_btnLogin {margin: 20px auto;}

#login-b .msl_warning {
margin:10px auto;
}


.sidepanel h3 {display:none;}

#guest_link {background:#fff; text-align:left; margin: 10px;}


@media screen and (min-width: 1000px) {
	#login_staff,#login_student,#login_staff .mslwidget,#login_staff #guest_link {
			/* display:inline-block; */
			/* max-width: 45%; */
			vertical-align: middle;
			margin: 10px auto;
			padding: 10px;
			text-align: center;
	}
	#login_staff,#login_student {vertical-align:top;}
	.login input {width: 100%;}
}
/* END LOGIN STYLING */


/* START TOP ROW STYLING */
#top-content {
	max-width:1280px;
	margin: 0px auto;
	position: relative;
	min-height: 60px;
	overflow: hidden;
	padding: 10px 0px;
}

#top-content > * {
	display:inline-block;
	vertical-align: top;
}

#main-logo {padding: 2%;width: 21%;min-width: 170px;}

#main-logo img {width:100%;display:block;height:auto;}

#main-banner-advert-space {
	margin: 1% auto 0% auto;
	text-align: center;
	display: none;
	z-index: 999;
}

#r-nav {right: 0px;position: absolute;top: 0px;padding: 3% 5px 2% 0px;overflow: hidden;text-align: right;/* width: 295px; */display:inline-block;}


#main_nav_btn,#login-start,.msl-loginbutton {
	color:#fff;
text-transform:uppercase;
	background:#0000b5;text-decoration:none;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 20px;
    line-height: 12px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-bottom-left-radius: 30px;
  display:none;
  }
a.msl-loginbutton:hover {
    color: #fff;
}

.msl-loginbutton.msl-loggedin,#login-start {
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-bottomright: 30px;
  border-bottom-right-radius: 30px;
}

/*#main_nav_btn,#login-start {padding:2px 10px 2px 20px;border-radius:0px 0px 0px 50px;display: inline-block;}*/

.msl-loginbutton,#main_nav_btn {display:none;}

#main_nav_btn:focus,#main_nav_btn:hover,#main_nav_btn:active,.msl-loginbutton:focus,.msl-loginbutton:hover,.msl-loginbutton:active,#login-start:active,#login-start:focus,#login-start:hover {box-shadow:0px 0px 0px 2px #0000b5;}

#mybasketheading {display: inline-block;margin-right:20px;}
#mybasketheading svg {
fill:#0013ae;
    width: 22px;
    vertical-align: bottom;
    height: 20px;
}

#mybasketheading:focus svg,#mybasketheading:hover svg,#mybasketheading:active svg { fill:#969696; }

#mybasketheading img {width:25px;display:inline-block;vertical-align:middle;}

#mybasketheading[data-qty]:after {
    content: attr(data-qty);
    display: inline-block;
    padding-left:5px;
    right:100%;
}

#basket dl {
    border-bottom: 0px;
}

.social-media-icons {margin-top:15px;display: none;}
#mobile-main-menu .social-media-icons {display:block;margin: 0px auto 10px auto;}

#mobile-main-menu .social-media-icons > a {width:15%;}
.social-media-icons > a {width: 25px;height:20px;display: inline-block;vertical-align:middle;margin: 0px 0px 0px 15px;}

.social-media-icons > a > svg {width: 25px;height:20px; fill:#0013ae; }
.social-media-icons > a:focus > svg, .social-media-icons > a:hover > svg {fill:#969696; }

#talk-to-us {width:auto !important;color:#fff;text-decoration:none;background:#0000b9;text-align:center;padding: 5px 20px;border-radius: 2.5rem 0rem 2.5rem 0rem;font-weight:normal;line-height: 1rem;height: auto !important;}
#talk-to-us:focus,#talk-to-us:hover,#talk-to-us:active {    box-shadow: 0px 0px 0px 2px #0000b5;}

/* START SEARCH BAR STYLING */
#search {overflow:hidden;margin-bottom: 5px;display:none;}

#r-nav .gsc-search-box {
	float:right;
margin:0;
	max-width: 200px;

}

#r-nav .gsib_b {
display:none !important;
}

#r-nav #___gcse_0 td,#r-nav #___gcse_0 tr {border: 0px;padding: 0px !important;height: 25px;display: inline-block;vertical-align: middle;}

#r-nav .gsc-input {padding: 0px !important;border-radius: 50px 0px 0px 0px;background: #5f5f5f;width: 198px;}

#r-nav .gsc-input-box  {
height:auto;
    border-radius: 5px;
}

.gsc-search-button {
padding-top:25px;
width:25px !important;
text-align: center;
    background: #5f5f5f;
}

#r-nav .gsc-input-box,#r-nav .gsc-input-box:focus,#r-nav .gsc-input-box:hover,#r-nav .gsc-input-box-hover {
    border: 0px !important;
    background: transparent !important;
    height: auto !important;
    box-shadow:none !important;
    display: block;
}

#r-nav #gs_id50 {margin:0px !important;float:right;width: 85% !important;}

#r-nav #gs_id50 > tbody > tr {display:block;}


#r-nav #gsc-i-id1 {
    font-size: 12px !important;
    line-height: 1.2rem !important;
    background-color: transparent !important;
    border: 0px !important;
    border-radius: 1px;
    box-shadow: none;
    box-sizing: border-box;
    height: 25px !important;
    padding: 0px 0px !important;
    background-image: none !important;
    margin: 0px;
color:white;
    text-indent: 10px !important;
}

#r-nav #gsc-i-id1::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
#r-nav #gsc-i-id1::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
#r-nav #gsc-i-id1:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
#r-nav #gsc-i-id1:-moz-placeholder { /* Firefox 18- */
  color: white;
}

input.gsc-search-button, #r-nav input.gsc-search-button:hover, #r-nav input.gsc-search-button:focus {
    margin: 0px !important;
    border:0px !important;
    color: #333 !important;
    height: 13px;
    padding: 0 !important;
    vertical-align: middle;
   width: 13px !important;
    background: #5f5f5f !important;
}
#r-nav input.gsc-search-button:hover,#r-nav input.gsc-search-button:focus {}

#r-nav .gsc-clear-button,#r-nav .gsc-branding {display: none !important;}

#search_results td {padding:0px;margin:0px;border:0px;}

.gsc-input-box {
  border: 1px solid #b9b9b9;
  border-top-color: #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  outline: none;
  height: auto !important;
  border-color: #757575 !important;
}

.gsc-search-button:focus, .gsc-search-button:hover, .gsc-search-button:active {
	opacity:0.8;
	cursor:pointer;
}
/* END SEARCH BAR STYLING */



@media screen and (min-width: 825px) {
#main-banner-advert-space {display: inline-block;margin-left: 4%;width: 52%;}
#top-content {min-height: 90px;}
}

@media screen and (min-width: 1024px) {
#main_nav_btn, #login-start,.msl-loginbutton {display:inline-block;}
#search,.social-media-icons {display:block;}
#mobile-main-menu .social-media-icons {display:none;}
#main-menu {display:block;}
#r-nav {padding-top: 1%;}
#top-content {min-height: 120px;}
#main-banner-advert-space {
	padding-right: 4%;
	margin-left: 1%;
}
}

@media screen and (min-width: 1300px) {
#main-logo {padding: 2% 2% 2% 0%;width: 21%;min-width: 170px;}
#main-banner-advert-space {margin:2% auto 0% auto;}
}

/* END TOP ROW STYLING */





/* START CORE NAVIGATION STYLING */
#main-menu {/* max-width:1280px; */margin: 0px auto;position:relative;display:none;/* padding: 0px 13%; */}

#main-menu > ul {width:100%;text-align: center;display: table;z-index: 90;/* -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); */-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);/* box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); */border-bottom: 2px solid #ededed;}

.shadows {height: 15px;display:block;z-index: 50;background: transparent;}

#main-menu ul {padding:0px;margin:0px;background: #fff;}

#main-menu li {list-style-type:none;display: inline-block;vertical-align: top;margin: 0px;}

#main-menu > ul > li {
  display: inline-block;
  text-align: center;
  width: 12%;
  max-width: 180px;
  }


#main-menu > ul > li > ul {
  margin: 0px;
  text-align: left;
  padding: 0px;
  list-style:none;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 30;
  margin-top: 2px;
}

#main-menu > ul > li > ul > div {max-width:1280px;margin:0px auto;display: table;width: 100%;}

#main-menu > ul > li > ul a {padding:20px;}

#main-menu a {
  display: block;
  color: #0013ae;
  padding: 20px 0;
  position: relative;
  text-decoration: none;
}


#main-menu > ul>  li:before{
    content: " ";
    float: left;
    margin: 20px 0px 0px -1px;
    border: 1px solid #ededed;
    height: 20px;
    width: 0px;
    background: #ededed;
}
#main-menu > ul > li:first-child:before {
  border:0px !important;
}

#main-menu a:hover, #main-menu a:focus, #main-menu a.active,.selected-menu {
  background: #ededed;
}

#main-menu > ul>  li > ul li:before{
    content: " ";
    float: left;
    margin: 20px 0px 0px -1px;
    border: 1px solid #ededed;
    height: 20px;
    width: 0px;
    background: #ededed;
}
#main-menu > ul > li > ul li:first-child:before {
  border:0px !important;
}


.unselected_sub {
    display: none !important;
}


@media screen and (min-width: 1024px) {
#main-menu {display:block;}
#main-menu a {font-size:14px;}
}

@media screen and (min-width: 1160px) {
#main-menu a {font-size:16px;}
#main-menu > ul > li > ul a {font-size:16px;}
}

/* END CORE NAVIGATION STYLING */



/* START GLOBAL MENU POPOUT STYLING */

input[type = "checkbox"].navigation-check { display: none }

.fade_in {
visibility:visible !important;
}

.navigation-global {
  box-shadow: 0px 0px 10px #363636;
  max-width: 380px;
  height: 100vh;
  position: fixed;
  right: -400px;
  top: 0px;
  width: 80vw;
  z-index: 999999;
  overflow: auto;
}

#login-mob {clear:both}

#basket {
    text-align: right;
    padding: 10px;
    background: #fcfcfc;
    border-top: 2px solid;
    border-bottom: 2px solid;
    clear: both;
}

#controlpanel {clear:both;}

#control-p {background:#ededed;clear: both;}

#control-p h3,#control-p h4 {display:none;}

#control-p  li a {font-size:1.2rem;border:0px !important;line-height: 1.6rem !important;margin: 4px auto;color: #363636 !important;}

#control-p  li a:focus,#control-p  li a:hover,#control-p  li a:active {text-decoration:underline;} 

#mob-close {width: 50px;float: right;margin-top: 10px;border-top: 0px !important;line-height: 1.4rem !important;}

.nav-utilities {clear:both;}

#ctl00_AdminPanel_lbOrganisations {display:none;}

#login-mob .msl-loggedout,#login-mob .msl-loggedin {
        color: #fff;
    text-transform: uppercase;
    background: #0000b5;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 20px;
    line-height: 20px;
    border-top: 0px;
    margin: 10px 0px 10px 10px;
    display: inline-block;
    }

    .lm2,#mob-close-li {display:inline-block;max-width:45%;}
    #mob-close-li {float:right;margin-top:10px;}

    #login-mob .msl-loggedout {border-radius: 0px 0px 30px 0px;}
    #login-mob .msl-loggedin {border-radius: 0px 0px 0px 30px;float: right;margin: 0px 10px 10px 0px;}

#mobile-main-menu {background:#fff;text-align: left;}

#mobile-main-menu li {
  list-style-type:none;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  -webkit-transition: background 0.7s;
  -moz-transition: background 0.7s;
  -ms-transition: background 0.7s;
  -o-transition: background 0.7s;
  transition: background 0.7s;
  margin-bottom: 0px;
}

#mobile-main-menu li a {display: block;border-top: 3px solid #fafafa;color: #0013ae;padding: 0 15px;line-height: 40px;text-decoration: none;position: relative;}
#mobile-main-menu ul {margin:0px;padding:10px 0px;list-style-type:none;}

#mobile-main-menu li a span {
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 33px;
  height: 45px;
  padding: 13px 0px;
  top: 0;
  display: inline-block;
}

#mobile-main-menu li a span:after {
  content: ' ';
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="arrow-right" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 71.3 47.8" style="enable-background:new 0 0 71.3 47.8;" xml:space="preserve"><path transform="rotate(90 35.654655456542976,23.849975585937504) " id="svg_1" d="m59.55002,23.84998l-39.6,33.8c-2,1.8 -5.3,1.5 -7,-0.5c-1.8,-2 -1.5,-5.3 0.5,-7l30.5,-26.3l-30.5,-26.3c-2,-1.8 -2.3,-5 -0.5,-7s5,-2.3 7,-0.5l39.6,33.8z" fill="#0013ae"/></svg>') no-repeat;
  background-size: 18px 12px;
  height: 12px;
  width: 18px;
  position: absolute;
}

#mobile-main-menu li.alt-arrow {
  background: #fafafa;
}
#mobile-main-menu li.alt-arrow a span:after {
	background: url('data:image/svg+xml;utf8,<svg version="1.1" id="arrow-right" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 71.3 47.8" style="enable-background:new 0 0 71.3 47.8;" xml:space="preserve"><path transform="rotate(-90 35.654655456542976,23.849975585937504) " id="svg_1" d="m59.55002,23.84998l-39.6,33.8c-2,1.8 -5.3,1.5 -7,-0.5c-1.8,-2 -1.5,-5.3 0.5,-7l30.5,-26.3l-30.5,-26.3c-2,-1.8 -2.3,-5 -0.5,-7s5,-2.3 7,-0.5l39.6,33.8z" fill="#0013ae"/></svg>') no-repeat;
  background-size: 18px 12px;
  height: 12px;
  width: 18px;
}

#mob-menu-whats-on span:after {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="arrow-right" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 47.8 71.3" style="enable-background:new 0 0 47.8 71.3;" xml:space="preserve"><path fill="#0013ae" d="M47.8,35.6L8.2,69.4c-2,1.8-5.3,1.5-7-0.5c-1.8-2-1.5-5.3,0.5-7l30.5-26.3L1.7,9.3c-2-1.8-2.3-5-0.5-7s5-2.3,7-0.5 L47.8,35.6z"/></svg>') no-repeat !important;
  background-size: 12px 18px !important;
  height: 18px !important;
  width: 12px !important;
}

#mobile-main-menu li ul {
  background: #fafafa;
  -webkit-transition: max-height 0.7s;
  -moz-transition: max-height 0.7s;
  -ms-transition: max-height 0.7s;
  -o-transition: max-height 0.7s;
  transition: max-height 0.7s;
  overflow: hidden;
}
#mobile-main-menu li ul li {
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}
#mobile-main-menu li ul li a:after {
  background: none;
}

#mobile-main-menu .msl-loginbutton {/* border-radius:0px !important; *//* background:#fff; *//* box-shadow:none !important; */}


#mobile-main-menu .msl_add,#mobile-main-menu .msl_edit,#mobile-main-menu .msl_admin {padding: 0px 0px 0px 20px !important;background-image: none !important;}

#mobile-main-menu .msl_add a,#mobile-main-menu .msl_edit a,#mobile-main-menu .msl_admin a {padding: 0px !important;}

.navigation-cancel {
  background: rgba(115, 115, 115, 0.5);
  display: none;
  left: 0px;
  margin: 0px;
  position: fixed;
  top: 0px;
  cursor: pointer;
  z-index: 99;
  height: 100%;
  width: 100%;
}


.burger-menu {
  position: relative;
  z-index: 1;
  margin-top: 6px;
  margin-right: 10px;
  width: 25px;
  display: inline-block;
  height: 25px;
  text-transform: uppercase;
  float: right;
}
.burger-menu.fixed {
  position: fixed;
  right: 15px;
}
.burger-menu__click-region {
  position: absolute;
  left: 0px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.burger-menu__piece {
  display: block;
  position: absolute;
  width: 25px;
  border-top: 3px solid #0013ae;
  transform-origin: 50% 50%;
  border-radius: 4px;
  -webkit-transition: transform 400ms ease-out;
  -moz-transition: transform 400ms ease-out;
  -ms-transition: transform 400ms ease-out;
  -o-transition: transform 400ms ease-out;
  transition: transform 400ms ease-out;
}
.burger-menu__piece:nth-child(1) {
  top: 0px;
}
.burger-menu__piece:nth-child(2) {
  top: 8px;
  opacity: 1;
  -webkit-transition: transform 400ms ease-out, opacity 0ms linear 200ms;
  -moz-transition: transform 400ms ease-out, opacity 0ms linear 200ms;
  -ms-transition: transform 400ms ease-out, opacity 0ms linear 200ms;
  -o-transition: transform 400ms ease-out, opacity 0ms linear 200ms;
  transition: transform 400ms ease-out, opacity 0ms linear 200ms;
}
.burger-menu__piece:nth-child(3) {
  top: 16px;
}
.active .burger-menu__piece {
  border-top: 3px solid #0013ae;
}
.active .burger-menu__piece:nth-child(1) {
  -webkit-animation: burger-open-top 400ms ease-out forwards;
  -moz-animation: burger-open-top 400ms ease-out forwards;
  -o-animation: burger-open-top 400ms ease-out forwards;
  animation: burger-open-top 400ms ease-out forwards;
}
.active .burger-menu__piece:nth-child(2) {
  opacity: 0;
  -webkit-transform: 400ms ease-out, opacity 0ms linear 200ms;
  -moz-transform: 400ms ease-out, opacity 0ms linear 200ms;
  -ms-transform: 400ms ease-out, opacity 0ms linear 200ms;
  -o-transform: 400ms ease-out, opacity 0ms linear 200ms;
  transform: 400ms ease-out, opacity 0ms linear 200ms;
}
.active .burger-menu__piece:nth-child(3) {
  top: 16px;
  -webkit-animation: burger-open-bot 400ms ease-out forwards;
  -moz-animation: burger-open-bot 400ms ease-out forwards;
  -o-animation: burger-open-bot 400ms ease-out forwards;
  animation: burger-open-bot 400ms ease-out forwards;
}
.closing .burger-menu__piece:nth-child(1) {
  -webkit-animation: burger-close-top 400ms ease-out forwards;
  -moz-animation: burger-close-top 400ms ease-out forwards;
  -o-animation: burger-close-top 400ms ease-out forwards;
  animation: burger-close-top 400ms ease-out forwards;
}
.closing .burger-menu__piece:nth-child(3) {
  -webkit-animation: burger-close-bot 400ms ease-out forwards;
  -moz-animation: burger-close-bot 400ms ease-out forwards;
  -o-animation: burger-close-bot 400ms ease-out forwards;
  animation: burger-close-bot 400ms ease-out forwards;
}

@-webkit-keyframes burger-open-top {
  50% {
    transform: translate3d(0, 8px, 0);
  }
  100% {
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
}
@-moz-keyframes burger-open-top {
  50% {
    transform: translate3d(0, 8px, 0);
  }
  100% {
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
}
@-o-keyframes burger-open-top {
  50% {
    transform: translate3d(0, 8px, 0);
  }
  100% {
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
}
@keyframes burger-open-top {
  50% {
    transform: translate3d(0, 8px, 0);
  }
  100% {
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
}
@-webkit-keyframes burger-open-bot {
  50% {
    transform: translate3d(0, -8px, 0);
  }
  100% {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
}
@-moz-keyframes burger-open-bot {
  50% {
    transform: translate3d(0, -8px, 0);
  }
  100% {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
}
@-o-keyframes burger-open-bot {
  50% {
    transform: translate3d(0, -8px, 0);
  }
  100% {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
}
@keyframes burger-open-bot {
  50% {
    transform: translate3d(0, -8px, 0);
  }
  100% {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
}
@-webkit-keyframes burger-close-top {
  0% {
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
  50% {
    transform: translate3d(0, 8px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes burger-close-top {
  0% {
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
  50% {
    transform: translate3d(0, 8px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes burger-close-top {
  0% {
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
  50% {
    transform: translate3d(0, 8px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes burger-close-top {
  0% {
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
  50% {
    transform: translate3d(0, 8px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes burger-close-bot {
  0% {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
  50% {
    transform: translate3d(0, -8px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes burger-close-bot {
  0% {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
  50% {
    transform: translate3d(0, -8px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes burger-close-bot {
  0% {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
  50% {
    transform: translate3d(0, -8px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes burger-close-bot {
  0% {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
  50% {
    transform: translate3d(0, -8px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 1024px) {
.burger-menu,#mob-menu-whats-on,#mob-menu-voice,#mob-menu-support,#mob-menu-development,#mob-menu-groups,#mob-menu-about,#mob-menu-spaces,#search-mob,#login-mob {display:none !important;}
}

/* END GLOBAL MENU POPOUT STYLING */





/* START SECTION SUBNAV STYLING */

#side-menu,#side-content {display:block;width: 100%;margin: 0px auto 0px auto;}
#side-menu {}

@media screen and (min-width: 840px) {
#side-menu,#side-content {display:inline-block;}
#side-content {
	margin: 0px 0px 0px 4%;
	width: 71%;
}
#side-menu {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    padding-top: 15px;
}
a#local-open {display:none;}
}



#side-menu ul {
padding:0px;
margin:0px;
list-style-type:none;
}

#desktop-side-links {display:none;}
#desktop-side-links a {text-decoration:none;color: #757575;display: block; font-size: .95em;}
#desktop-side-links a:hover, #desktop-side-links a:focus, #desktop-side-links a:active {color:#000000; text-decoration:underline;}

a#area-link {color:#0000b5;font-size:1.4rem;line-height:1.6rem;font-weight:600;}
a#area-link:hover,a#area-link:focus,a#area-link:active {text-decoration:none;color:#757575;}

#side-menu hr {margin:10px 0px; border:none;}

#side-menu li {margin-bottom:8px;}


.page-title {
    font-weight: 600;
    color: #000000;
    font-size: 28px;
    height: auto;
    margin: 0px 0px 20px 0px;
    line-height: 41px;
    /*border-bottom: 2px solid #ededed;
    padding-bottom: 5px;*/
}



#desktop-side-links li > ul {margin-top:10px;}

#desktop-side-links .level_1 > li > a {padding-left:0px !important;font-weight: 400;font-size:1.1rem;line-height:1.6rem;}
#desktop-side-links .level_2 a {padding-left:15px !important;font-weight: 400;}
#desktop-side-links .level_3 a {padding-left:25px !important;font-weight: 400;}
#desktop-side-links .level_4 a {padding-left:35px !important;font-weight: 400;}
#desktop-side-links .level_5 a {padding-left:45px !important;font-weight: 400;}

@media screen and (min-width:720px) {
	.page-title {font-size: 2.4rem;line-height: 3.6rem;letter-spacing:0rem;font-weight:500;}
}

#mobile-side-link-list li {
  margin:0px
}
#mobile-side-link-list li a {
    display: block;
    border-top: 3px solid #fafafa;
    color: #a2a2a2;
    padding: 8px 0px;
    text-decoration: none;
    position: relative;
    margin: 0px;
}

#mobile-side-link-list li a.current {
    background: #fafafa;
}

#mobile-side-link-list .level_1 > li > a {padding-left:0px !important;font-size:1.1rem;line-height:1.6rem;font-weight: normal;}
#mobile-side-link-list .level_2 a {padding-left:15px !important;}
#mobile-side-link-list .level_3 a {padding-left:25px !important;}
#mobile-side-link-list .level_4 a {padding-left:35px !important;}
#mobile-side-link-list .level_5 a {padding-left:45px !important;}

#mobile-area-link {font-size:1.4rem;padding: 8px 0px;display:block;text-decoration:none;/* border-bottom: 2px solid #ededed; */}

#mobile-side-links {
  /* border: 3px solid #a2a2a2; */
  /* padding:5px !important; */
  margin-bottom: 15px !important;
}

#mobile-side-links > li {margin:0px}

#mobile-side-links .burger-menu {
    display: none;
}


a#local-open {
    line-height: 2rem;
    margin: 0px 0px 10px 0px;
    display: inline-block;
    background: #a2a2a2;
    color: #fff;
    text-decoration:none;
    border: 2px solid #a2a2a2;
    padding: 0px 10px;
    border-radius: .25rem;
    }
a#local-open > div {
	    max-width: 250px;
	    margin:0px auto;
}

a#local-open > div > span {
	margin-left:10px;
}

a#local-open:focus,a#local-open:hover,a#local-open:active {
	color:#757575;
	background: #fff;
}


@media screen and (min-width: 840px) {
#mobile-side-links {display:none;}
#desktop-side-links {display:block;}
}


.burger-menu-2 {
  position: relative;
  z-index: 124;
  margin-top: 14px;
  margin-right: 10px;
  width: 25px;
  display: inline-block;
  height: 25px;
  float: right;
}
.burger-menu-2.fixed {
  position: fixed;
  right: 15px;
}




/* END SECTION SUBNAV STYLING */






/* START SLIDEDOWN STYLING */


.section_header {margin: 0px;padding: 15px 0px 0px 0px;}

.section_header a {
    display:block;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none !important;
    transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
    -moz-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
    -webkit-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
    -o-transition: all 100ms linear 0s, opacity 0.1s ease-in-out;
    background: #a2a2a2;
    color: #fff;
    /* border: 2px solid #a2a2a2; */
    border-radius: .25rem;
    text-align: left;
    margin: 0px 5px;
}



.section_header a:hover,.section_header a:focus,.section_header a:active {
    color: #333333;
    background: #d5d3b9;
    }

.section_header a span {float:right;margin-top:2px}

.section_header .s-open {
	border-radius:0.25rem 0.25rem 0.25rem 0rem;
	color: #333333;
	background: #d5d3b9;
}

.section_body {padding: 10px;/* width: 98%; */margin: 0px 0px 0px 5px;border-left: 10px solid #d5d3b9;}
.section_body > *:first-child {margin-top: 0px;}

/* END SLIDEDOWN STYLING */




/* START FOOTER STYLING */
footer {
  background:#fff;
  display:block;
  overflow:auto;
  color:#757575;
  clear:both;
  padding:30px 0;
  background-color: #ededed;
}
footer .social-media-icons > a > svg { fill:#969696; }
footer .social-media-icons > a:hover > svg,footer .social-media-icons > a:focus > svg { fill:#000000; }
footer a {text-decoration:none;color: #757575;}
footer a:hover, footer a:focus {color:#000000; text-decoration:underline;}

#footer-inner {margin:0 auto;max-width:980px;text-align: center;}

#footer-links {
list-style-type:none;
margin:0px;
padding:0px;
text-align:center;
font-size:14px;
}

#footer-legals {    clear: both; font-size:12px; }
#footer-legals a {color:#000000;}
#footer-legals a:hover, #footer-other a:focus {color:#757575;}


#footer-other {font-size:18px;}
#footer-other a {color:#000000;}
#footer-other a:hover, #footer-other a:focus {color: #757575;}

#footer-awa {clear:both;}

#footer-awa > * {
    display: inline-block;
    margin: 2% 0 2% 2%;
    width: 10%;
    min-width: 130px;
    vertical-align: middle;
    max-width: 150px;
}

@media screen and (min-width: 500px) {
.f-l {float:left;text-align:left !important;}
.f-r {float:right;text-align:right !important;}	
}

@media screen and (min-width: 500px) {
#footer-awa {text-align:right;margin-top:-30px !important;clear:right;}
#footer-awa > * {
    min-width: 100px;
}
}

/* END FOOTER STYLING */

/* Catalogue Widget */
.catalogue_productlist {
    margin: 0;
    padding: 0;
}
.catalogue_productlist li {
    float: none;
    width: auto;
    height: auto;
    margin: 10px 0;
    padding: 10px;
    text-align: left;
    background-color: #ededed;
}
.catalogue_productlist img {
    width: auto;
    height: auto;
    margin: 0;
}

/* Report view table */
#report_viewer_wrapper tr,
#report_viewer_wrapper td,
#report_viewer_wrapper table {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
}
#report_viewer_wrapper td,
#report_viewer_wrapper th {
    border-bottom: none;
    padding: 0;
}
#report_viewer_wrapper input[type="text" ],
#report_viewer_wrapper select {
    height: auto;
    padding: 2px 3px;
    margin: 0;
}

/* Voter Widget */
#ctl00_voterpopup_upVoterPopup {
    display: none;
}

/* Homepage */
.card-x article {
  color: white;
  height: 100%;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
text-align:left;
  bottom: 0;
}

.card-x article header h1 {
  font-size: 22px;
  line-height: 33px;
  font-weight: 500;
  margin: 0px 0px 30px 0px;
  width: auto;
  position: relative;
  height: auto;
  display: block;
}


.card-x article p {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  font-weight: 400;
  margin-bottom: 15px;
}
.card-x article a {
  color: white;
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  width: 90%;
}
.card-x article a span svg {
  vertical-align: middle;
  height: 7px;
  width: 13px;
  fill: white;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media (min-width:980px) {
	.card-x article:hover .card-x__content {
  		top: 0 !important;
	}
}
.card-x__content {
  -webkit-transition: top 0.4s ease-in-out;
  -moz-transition: top 0.4s ease-in-out;
  -ms-transition: top 0.4s ease-in-out;
  -o-transition: top 0.4s ease-in-out;
  transition: top 0.4s ease-in-out;
  padding: 20px 30px;
  height: 100%;
  top: 81%;
  background: #121b5c;
  position: absolute;
  width: 100%;
  /* border-top: 1px solid #fff; */
}
.card-x__content.ser-standard {background-color: #d5d3b9;color: #363636;}
.card-x__content.ser-standard a {color:#363636 !important;}
.card-x__content.ser-voice {background-color:#ff473d;color:#fff}
.card-x__content.ser-support {background-color:#039e8e;color:#fff}
.card-x__content.ser-development {background-color:#087a36;color:#fff}
.card-x__content.ser-experiences {background-color:#a629a3;color:#fff}
.card-x__content.ser-groups {background-color:#121a61;color:#fff}
.card-x__content.ser-instagram { background-color:#cd486b; color:#fff;}

.list_controls a {
    line-height: 1;
    height: 100px;
}