@import "bootstrap.css";
/**  -------------------------------  **/
/**  ------- HEADER & NAV ----------  **/
/**  -------------------------------  **/
header::before {
  content: "";
  height: 6px;
  width: 100%;
  display: block;
  background: url(/app/media/purple-bar.jpg) transparent no-repeat top;
  background-size: contain;
  margin-bottom: 20px;
}
header #headerLogo {
  background: url(/app/media/drslogo.png) transparent no-repeat left;
  background-size: contain;
  width: 187px;
  height: 91px;
  display: block;
}
header > div {
  padding-top: 10px;
}
header .phone {
  text-decoration: none;
  font-weight: bold;
  font-size: 140%;
  vertical-align: middle;
  color: #74777A;
}
#searchSite,
#inpageSearchSite {
  clear: both;
}
#searchSite #searchQuery,
#inpageSearchSite #searchQuery {
  display: inline-block;
  height: 41px;
  padding: 10px 15px;
  border: 1px solid #E5E5E5;
  background-color: #F4F4F4;
  width: 210px;
  transition: width ease-in-out 0.1s;
}
#searchSite #searchQuery:focus,
#inpageSearchSite #searchQuery:focus {
  width: 310px;
  transition: width ease-in-out 0.3s;
}
#searchSite #inpageSearchQuery,
#inpageSearchSite #inpageSearchQuery {
  display: inline-block;
  height: 41px;
  padding: 15px;
  border: 1px solid #E5E5E5;
  background-color: #F4F4F4;
  width: 310px;
}
#searchSite #searchSubmit,
#inpageSearchSite #searchSubmit,
#searchSite #inpageSearchSubmit,
#inpageSearchSite #inpageSearchSubmit {
  display: inline-block;
  width: 48px;
  height: 41px;
  border: none;
  background: url('../media/search_white.png') #E83D00 no-repeat 50% 50%;
  text-indent: -9999px;
  margin: 0 0 0 -4px;
  vertical-align: top;
}
#searchSite #searchSubmit:hover,
#inpageSearchSite #searchSubmit:hover,
#searchSite #inpageSearchSubmit:hover,
#inpageSearchSite #inpageSearchSubmit:hover,
#searchSite #searchSubmit:focus,
#inpageSearchSite #searchSubmit:focus,
#searchSite #inpageSearchSubmit:focus,
#inpageSearchSite #inpageSearchSubmit:focus {
  opacity: .6;
}
#mainNav {
  margin-top: 17px;
  height: 82px;
  margin-bottom: 2px;
}
#mainNav .toggle {
  display: none;
}
#mainNav ul li {
  display: block;
}
#mainNav ul li ul {
  padding: 0;
  display: none;
  position: absolute;
  margin-top: 82px;
  z-index: 10900;
  border-top: 2px solid #ffffff;
  background-color: #E83D00;
}
#mainNav ul li ul li.current {
  font-weight: bold;
}
#mainNav ul li ul li:first-child > a {
  padding-top: 15px;
}
#mainNav ul li ul li:last-child > a {
  padding-bottom: 15px;
}
#mainNav ul li a {
  background-color: #1F2740;
  color: #ffffff;
  display: block;
  padding: 6px 20px;
  text-decoration: none;
}
#mainNav ul li a:hover,
#mainNav ul li a:focus {
  background-color: #394772;
}
#mainNav > ul {
  padding: 0;
  margin: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
}
#mainNav > ul > li {
  /* top level only */
  display: table-cell;
}
#mainNav > ul > li:hover > a,
#mainNav > ul > li:focus > a,
#mainNav > ul > li.current:hover > a,
#mainNav > ul > li.current:focus > a,
#mainNav > ul > li.hover > a {
  background-color: #1F2740;
}
#mainNav > ul > li:hover > ul,
#mainNav > ul > li:focus > ul,
#mainNav > ul > li.current:hover > ul,
#mainNav > ul > li.current:focus > ul,
#mainNav > ul > li.hover > ul {
  display: block;
}
#mainNav > ul > li:hover > ul:focus,
#mainNav > ul > li:focus > ul:focus,
#mainNav > ul > li.current:hover > ul:focus,
#mainNav > ul > li.current:focus > ul:focus,
#mainNav > ul > li.hover > ul:focus {
  display: block;
}
#mainNav > ul > li:hover > ul a,
#mainNav > ul > li:focus > ul a,
#mainNav > ul > li.current:hover > ul a,
#mainNav > ul > li.current:focus > ul a,
#mainNav > ul > li.hover > ul a {
  background-color: #394772;
}
#mainNav > ul > li:hover > ul a:hover,
#mainNav > ul > li:focus > ul a:hover,
#mainNav > ul > li.current:hover > ul a:hover,
#mainNav > ul > li.current:focus > ul a:hover,
#mainNav > ul > li.hover > ul a:hover,
#mainNav > ul > li:hover > ul a:focus,
#mainNav > ul > li:focus > ul a:focus,
#mainNav > ul > li.current:hover > ul a:focus,
#mainNav > ul > li.current:focus > ul a:focus,
#mainNav > ul > li.hover > ul a:focus {
  background-color: #1F2740;
}
#mainNav > ul > li:first-child {
  margin-left: 0px;
}
#mainNav > ul > li:first-child > a {
  border-left: none;
}
#mainNav > ul > li > a {
  display: table;
  height: 82px;
  text-align: center;
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.07em;
  text-decoration: none;
  background-color: #394772;
  padding: 0;
  border-left: 2px solid #ffffff;
}
#mainNav > ul > li > a .vertCentre {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#mainNav > ul > li > a:hover,
#mainNav > ul > li > a:focus {
  text-decoration: none;
  background-color: #1F2740;
}
#mainNav > ul > li > a:hover ~ ul,
#mainNav > ul > li > a:focus ~ ul {
  display: block;
}
#mainNav > ul > li.current a {
  background-color: #6b6b6b;
}
#mainNav > ul > li.current a:hover,
#mainNav > ul > li.current a:focus {
  text-decoration: none;
}
/**  -------------------------------  **/
/**  ------------ FOOTER -----------  **/
/**  -------------------------------  **/
footer {
  margin-top: 10px;
}
footer .social {
  padding: 14px 0px;
}
footer .social ul {
  float: right;
}
footer .social ul li {
  display: inline-block;
}
footer .social ul li a {
  display: block;
  width: 40px;
  height: 40px;
  transition: opacity ease-in-out 0.2s;
  background-size: contain;
}
footer .social ul li a:hover,
footer .social ul li a:focus {
  opacity: 0.6;
}
footer .social ul li a.fb {
  background-image: url(/app/media/fb.jpg);
}
footer .social ul li a.tw {
  background-image: url(/app/media/twitter.png);
}
footer .social ul li a.gg {
  background-image: url(/app/media/gplus.png);
}
footer .contact {
  float: left;
  padding: 24px 0px;
}
footer .contact .phone {
  text-decoration: none;
}
footer .contact .phone::before {
  content: "";
  display: inline-block;
  height: 16px;
  border-left: 1px solid #000;
  padding-left: 20px;
  margin-left: 20px;
  vertical-align: middle;
}
footer > div > div {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  height: 70px;
}
footer .links {
  background-color: #5B6770;
  color: #ffffff;
  text-align: center;
}
footer .links ul {
  padding: 20px 0;
  margin: 0;
}
footer .links ul li {
  display: inline-block;
  margin-left: 20px;
}
footer .links ul li a {
  color: #ffffff;
}
footer .links ul li:first-child {
  margin-left: 0;
}
footer .aus-foot {
  font-size: 1.2em;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  color: #5B6770;
  margin-top: 10px;
  border-top: 0;
}
/**  -------------------------------  **/
/**  --------  HOME BANNER  --------  **/
/**  -------------------------------  **/
#banner {
  height: 330px;
  background-size: cover;
  padding: 20px 0px 0px 0px;
  background-position: 50%;
}
.landingGroups #banner,
.landingStandard #banner {
  margin-bottom: 20px;
}
#banner h1 {
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: 0px 0px 8px #000;
}
#banner p {
  color: #ffffff;
  font-size: 145%;
  width: 450px;
  line-height: 1.15em;
  text-shadow: 0px 0px 8px #000;
}
.movedHeader {
  margin-bottom: 30px;
}
/**  -------------------------------  **/
/**  --------- HOME CONTENT  -------  **/
/**  -------------------------------  **/
#content > div,
#content > section {
  padding-top: 20px;
  padding-bottom: 20px;
}
#feature {
  height: 390px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}
#feature .message {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 20px;
}
#feature .message h2,
#feature .message p {
  color: #ffffff;
}
#feature .message h2 {
  margin-top: 0;
}
#feature .message p {
  margin: 0;
}
#feature .message p a {
  color: #ffffff;
}
#feature .message > div {
  position: relative;
  z-index: 1;
}
#feature .message::before {
  content: "";
  background-color: #333333;
  opacity: 0.9;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
#importantLinks h2 {
  margin-top: 0px;
}
#importantLinks ul {
  padding: 0;
}
#importantLinks ul li {
  list-style-type: none;
}
#importantLinks ul li a {
  display: block;
  padding: 15px 10px;
  text-decoration: none;
  border: 1px solid #E5E5E5;
  margin-bottom: 2px;
}
#importantLinks ul li a:hover,
#importantLinks ul li a:focus {
  background-color: #E83D00;
  color: #ffffff;
  border-color: #E83D00;
}
.loading {
  background-image: url(../media/loading.gif);
  background-repeat: no-repeat;
  background-position: 50%;
}
.home .loading.inlay {
  background-color: rgba(64, 64, 64, 0.2);
}
.loading#lazyLoadEvent {
  height: 40px;
}
.home .inlay {
  transition: background-color 0.3s ease-in-out;
}
.home #supportiveEmployers .image {
  display: inline-block;
  margin: 0 20px 0 0;
}
.home #supportiveEmployers > div {
  display: inline-block;
  vertical-align: top;
}
.home #supportiveEmployers > div h2 {
  margin-top: 0;
}
.home #supportiveEmployers form#employerSearch .multiselect {
  width: 480px;
}
.home #supportiveEmployers form#employerSearch .multiselect > select {
  width: 100%;
}
.home #supportiveEmployers form#employerSearch #employerQuery {
  width: 480px;
}
.home #supportiveEmployers form#employerSearch > span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  margin: 5px 8px;
  color: #ffffff;
}
.home #supportiveEmployers form#employerSearch #employerSubmit {
  margin-top: 13.33333333px;
}
/**  -------------------------------  **/
/**  ------- GENERIC CONTENT  ------  **/
/**  -------------------------------  **/
.result {
  padding-bottom: 10px;
}
.breadcrumbs li {
  list-style-type: none;
  display: inline-block;
}
.breadcrumbs li .divider {
  display: inline-block;
  padding: 0 8px;
}
.asideList::before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  border-left: 1px solid #E5E5E5;
}
.asideList::before.left {
  border-left: 1px solid #E5E5E5;
}
.asideList::before.right {
  border-right: 1px solid #E5E5E5;
}
.asideList::before.top {
  border-top: 1px solid #E5E5E5;
}
.asideList::before.bottom {
  border-bottom: 1px solid #E5E5E5;
}
.asideList::before.chunky {
  border-width: 3px;
}
.asideList h2,
.asideList h3,
.asideList ul,
.asideList p {
  padding-left: 20px;
}
.asideList h2 {
  color: #E83D00;
  margin: 0 0 24px 0;
}
.asideList h3 {
  text-transform: uppercase;
  letter-spacing: normal;
  font-size: 110%;
  margin-bottom: 20px;
}
.asideList ul {
  margin: 0;
}
.asideList ul li {
  list-style-type: none;
  padding-bottom: 20px;
}
.asideList ul li.current {
  font-weight: bold;
}
.asideList ul li.current ul {
  font-weight: normal;
  border-left: 1px solid #E5E5E5;
}
.asideList ul li a {
  color: #394872;
  display: block;
  letter-spacing: normal;
  text-decoration: none;
}
.asideList ul li a:hover,
.asideList ul li a:focus {
  text-decoration: underline;
}
.asideList ul li a:hover,
.asideList ul li a:focus {
  color: #C63800;
}
.asideList ul li:last-child {
  padding: 0;
}
.asideList ul li ul {
  padding-left: 15px;
  margin-top: 18px;
}
.asideList.contact {
  margin-top: 82px;
  font-size: 130%;
}
.asideList.contact strong {
  font-size: 130%;
}
.asideList.contact .social li {
  display: inline-block;
  padding-bottom: 0px;
}
.asideList.contact .social li a {
  display: block;
  width: 40px;
  height: 40px;
  transition: opacity ease-in-out 0.2s;
  background-size: contain;
}
.asideList.contact .social li a.fb {
  background-image: url(/app/media/fb.jpg);
}
.asideList.contact .social li a.tw {
  background-image: url(/app/media/twitter.png);
}
.asideList.contact .social li a.gg {
  background-image: url(/app/media/gplus.png);
}
.asideList.contact .social li a:hover,
.asideList.contact .social li a:focus {
  opacity: .6;
}
form label {
  font-weight: normal;
}
form .sliderRadio {
  /* place on a fieldset of radio inputs */
  min-height: 30px;
}
form .sliderRadio input[type=radio] {
  position: absolute;
  left: -9999px;
}
form .sliderRadio input[type=radio] + label {
  color: #74777A;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 1px;
  transition: border-bottom linear 0.3s;
  padding: 0 15px 5px 15px;
  margin-right: 10px;
  margin-bottom: 0;
  border-color: #E83D00;
}
form .sliderRadio input[type=radio]:checked + label {
  border-bottom: 7px solid #E83D00;
  transition: border-bottom linear 0.3s;
}
form select {
  padding: 10px;
  border: none;
  background: url(/app/media/arrow_down.png) #ffffff no-repeat 95% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #74777A;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 1px;
  min-width: 160px;
}
form select option {
  font-style: normal;
  color: #000;
}
form select::-ms-expand {
  /* for IE 10-11 */
  display: none;
}
.contour .error {
  padding-bottom: 20px;
}
.contour .error::before {
  content: "";
  display: inline-block;
  position: absolute;
  border-left: 3px solid #ca1b04;
  height: 39px;
  float: left;
  margin-top: 5px;
}
.contour .error .field-validation-error {
  font-size: 12px;
  font-style: italic;
  letter-spacing: normal;
  color: #ca1b04;
  position: absolute;
  padding-left: 0;
}
.contour .error label {
  vertical-align: middle;
  margin-bottom: 0;
  padding-left: 20px;
}
.contour .umbraco-forms-field::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 39px;
  float: left;
  margin-top: 5px;
}
.contour .umbraco-forms-field label {
  width: 25%;
  display: inline-block !important;
  text-align: right;
  font-weight: normal!important;
  padding-left: 20px;
  color: #515C65;
  vertical-align: middle;
}
.longanswer .contour .umbraco-forms-field label {
  vertical-align: top;
}
.contour .umbraco-forms-field > div {
  width: 70%;
  display: inline-block !important;
  margin-left: 10px;
}
.contour .umbraco-forms-field > div textarea {
  padding: 10px;
  resize: none;
}
.contour .umbraco-forms-field > div input[type=text] {
  padding: 5px 10px;
}
.contour .umbraco-forms-field > div input[type=text],
.contour .umbraco-forms-field > div textarea,
.contour .umbraco-forms-field > div select {
  border: none;
  width: 100%;
  display: block;
}
.contour .umbraco-forms-field.longanswer label {
  vertical-align: top;
  padding-top: 10px;
}
.contour input.text:focus,
.contour input.title:focus,
.contour textarea:focus,
.contour select:focus,
.contour input.text:focus,
.contour input.title:focus,
.contour textarea:focus,
.contour select:focus {
  border: none!important;
}
.contour .contourNavigation > div {
  float: none;
  width: 70%;
  margin-left: 25%;
  padding-left: 10px;
}
.contour .contourNavigation > div input[type=submit] {
  padding-left: 40px;
  padding-right: 40px;
}
.contour fieldset,
.contour .contourFieldSet {
  margin-bottom: 0!important;
  padding-top: 0;
  padding-right: 40px;
}
/**  -------------------------------  **/
/**  ------ SPECIFIC CONTENT  ------  **/
/**  -------------------------------  **/
.landingGroups #content-area,
.landingStandard #content-area {
  margin-bottom: 100px;
}
#content-area .column-gap {
  padding-right: 96px;
}
#content-area form {
  background-color: #E5E5E5;
  padding: 10px;
  width: 100%;
}
#newsletter {
  background-color: #404040;
  padding: 20px;
  margin-bottom: 10px;
}
#newsletter h2,
#newsletter p {
  color: #ffffff;
}
#newsletter h2 {
  margin-top: 0;
}
#newsletter #newsEmail {
  height: 41px;
  border: none;
  padding: 10px;
}
#newsletter .btn {
  margin-left: -4px;
  vertical-align: bottom;
}
.home #newsletter p {
  margin: 0;
}
.home #newsletter #newsEmail {
  width: auto;
  margin-left: 10px;
  margin-top: 10px;
}
#newsletter form {
  background-color: inherit;
  padding: 0;
  margin-right: 10px;
}
/**  -------------------------------  **/
/**  -------  LISTING TYPES  -------  **/
/**  -------------------------------  **/
.pagination {
  letter-spacing: normal;
  padding: 30px 0 0 0;
}
.pagination ul {
  display: inline-block;
  padding: 0;
}
.pagination ul li {
  display: inline-block;
}
.pagination ul li:first-child::after {
  content: "";
  display: inline-block;
  height: 16px;
  border-right: 1px solid #000;
  padding-right: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
/** EVENT **/
.event.first {
  margin-top: 20px;
}
.event.first .detail {
  padding-top: 0px;
}
.event .date {
  display: inline-block;
  text-align: right;
  vertical-align: top;
  color: #515C65;
  width: 65px;
  margin-left: 20px;
}
.event .date p {
  margin: 0;
}
.event .date .day {
  font-size: 25px;
  font-weight: bold;
}
.event .date .month {
  font-weight: bold;
  font-size: 1.7em;
  text-transform: uppercase;
  display: inline-block;
}
.event .date .year {
  font-size: 12px;
  display: block;
  border-top: 3px solid #E83D00;
  font-weight: bold;
  padding-top: 2px;
  margin-top: 2px;
}
.event .detail {
  display: inline-block;
  padding-left: 30px;
  margin-left: 30px;
  max-width: 500px;
  padding-top: 25px;
  min-height: 70px;
}
.event .detail h3 {
  margin-top: 0;
}
.event .detail h3 a {
  color: inherit;
  text-decoration: inherit;
  text-decoration: none;
}
.event .detail h3 a:hover,
.event .detail h3 a:focus {
  text-decoration: underline;
}
.event .detail > a {
  display: block;
  margin-top: 10px;
}
.home .event .date {
  margin: 0;
  border: 1px solid #E5E5E5;
  padding: 16px 10px;
  width: 100px;
  height: 100px;
}
.home .event .date span {
  margin-bottom: 6px;
  display: inline-block;
}
.home .event .date .year {
  border: none;
  margin-top: 0;
  padding-top: 0;
}
.home .event .date .month {
  border-bottom: 3px solid #E83D00;
  padding-bottom: 6px;
}
.home .event .detail {
  padding-left: 15px;
  margin-left: 0;
  width: 365px;
}
.home .event .detail h3 {
  color: #394872;
}
.home .event .detail p {
  margin-bottom: 30px;
}
/* END EVENT */
/** News **/
.newsItem {
  margin-bottom: 20px;
}
.newsItem .newsThumb {
  width: 210px;
  height: 130px;
  background-size: cover;
  display: inline-block;
}
.newsItem .newsThumb + .detail {
  padding-left: 10px;
  width: 410px;
}
.newsItem .newsThumb h3 {
  display: none;
}
.newsItem .detail {
  display: inline-block;
  vertical-align: top;
}
.newsItem .detail h3 {
  margin-top: 0;
}
.newsItem .detail h3 a {
  color: inherit;
  text-decoration: inherit;
  text-decoration: none;
}
.newsItem .detail h3 a:hover,
.newsItem .detail h3 a:focus {
  text-decoration: underline;
}
.home .newsItem {
  min-height: 255px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
}
.home .newsItem .detail {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 10px;
}
.home .newsItem .detail > div {
  position: relative;
  z-index: 2;
  color: #ffffff;
}
.home .newsItem .detail > div h3,
.home .newsItem .detail > div a {
  color: #ffffff;
}
.home .newsItem .detail > div p {
  margin: 0;
}
.home .newsItem .detail::before {
  content: "";
  background-color: #333;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  opacity: 0.9;
}
/**  END NEWS  **/
/** Galleries **/
.gallery {
  padding-bottom: 20px;
  border-bottom: 1px solid #E5E5E5;
}
.gallery.open .galleryThumb {
  display: inline-block;
}
.gallery.open .btn {
  display: none;
}
.gallery.open .btn.less {
  display: block;
}
.gallery .modalContent {
  display: none;
}
.gallery .galleryThumb {
  width: 49.5%;
  padding-right: 10px;
  display: none;
  position: relative;
  vertical-align: top;
}
.gallery .galleryThumb:nth-of-type(2n) {
  padding-right: 0;
  padding-left: 10px;
}
.gallery .galleryThumb:nth-of-type(2n) > span {
  left: 20px;
}
.gallery .galleryThumb:nth-of-type(1),
.gallery .galleryThumb:nth-of-type(2) {
  display: inline-block;
}
.gallery .galleryThumb img {
  width: 100%;
  display: none;
}
.gallery .galleryThumb .imageFrame {
  background-color: #7F7F7F;
  height: 210px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.gallery .galleryThumb .imageFrame:focus {
  opacity: .6;
}
.gallery .galleryThumb .videoFrame {
  height: 210px;
  background-color: #7F7F7F;
}
.gallery .galleryThumb .videoFrame video,
.gallery .galleryThumb .videoFrame .video {
  vertical-align: baseline;
  height: 100%;
  max-width: 100%;
  min-width: unset;
  background-color: inherit;
}
.gallery .galleryThumb > span {
  background: #394772;
  color: #ffffff;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 5px 10px;
}
.gallery .galleryThumb h4 {
  font-size: 100%;
  letter-spacing: 1px;
  line-height: 145%;
  margin-bottom: 4px;
}
.gallery .btn {
  width: 120px;
  display: block;
  margin: 0 auto;
}
.gallery .btn.less {
  display: none;
}
/**  Case studies  **/
.studyWrapper {
  /*width: 33%;*/
  padding-top: 20px;
  display: inline-block;
  vertical-align: top;
}
.studyWrapper .caseStudy {
  display: block;
  height: 175px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  text-decoration: none;
}
.studyWrapper .caseStudy:focus {
  opacity: .6;
}
.studyWrapper .caseStudy::after {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background: url('/app/media/white_arrow.png') #E83D00 no-repeat 50% 50%;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.studyWrapper .caseStudy > span {
  display: block;
  float: left;
  background-color: #394772;
  color: #ffffff;
  margin: 5px 0 0 5px;
  padding: 5px 10px;
}
.studyWrapper:nth-of-type(1),
.studyWrapper:nth-of-type(2),
.studyWrapper:nth-of-type(3) {
  padding-top: 0;
}
#filterCaseStudies > input,
#filterCaseStudies > p,
#filterCaseStudies > select,
#filterCaseStudies > fieldset {
  display: inline-block;
}
#filterCaseStudies select {
  width: 25%;
}
#caseStudyResults > p {
  margin: 0;
}
/** Forms and Resources **/
#filterResources .filterLabel {
  float: left;
  text-align: right;
  padding-left: 10px;
}
#filterResources fieldset {
  width: 58%;
  float: left;
  padding-left: 10px;
}
#filterResources fieldset input[type=checkbox] {
  position: absolute;
  left: -9999px;
}
#filterResources fieldset input[type=checkbox] + label {
  background-color: #394772;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  padding: 5px 10px;
  border: 1px solid #394772;
}
#filterResources fieldset input[type=checkbox] + label:hover,
#filterResources fieldset input[type=checkbox] + label:focus {
  text-decoration: underline;
}
#filterResources fieldset input[type=checkbox]:focus + label {
  text-decoration: underline;
}
#filterResources fieldset input[type=checkbox]:checked + label {
  background-color: #6b6b6b;
}
#filterResources #formQuery {
  width: 70%;
}
#filterResources input[type=submit] {
  width: 29%;
  vertical-align: top;
  margin-left: -3px;
}
#resourcesResults {
  padding-top: 20px;
  padding-bottom: 20px;
}
#resourcesResults ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 40px;
}
#resourcesResults ul li {
  padding: 10px 0;
  border-bottom: 1px solid #E5E5E5;
}
#resourcesResults ul li > span {
  width: 10%;
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  letter-spacing: normal;
}
/** SUPPORTIVE EMPLOYERS **/
.supportiveEmployersList #supportiveEmployers {
  min-height: 0;
  padding: 0;
}
.supportiveEmployersList #supportiveEmployers .container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.supportiveEmployersList #supportiveEmployers .logo {
  margin-bottom: 20px;
  display: block;
  text-align: center;
  height: 137px;
  width: 231px;
  max-width: 100%;
  background-color: #ffffff;
}
.supportiveEmployersList #supportiveEmployers .logo:focus {
  opacity: 0.6;
}
.supportiveEmployersList #supportiveEmployers .logo.blank {
  background-image: url(/app/media/we_support_adfr_logo.jpg);
  background-position: 5% 95%;
  background-size: 120px;
  background-repeat: no-repeat;
  text-decoration: none;
}
.supportiveEmployersList #supportiveEmployers .logo.blank .logo-wrap {
  padding: 5px 5px 45px 5px;
}
.supportiveEmployersList #supportiveEmployers .logo.blank .logo-wrap span {
  max-width: 90%;
  position: static;
  margin: 0;
}
.supportiveEmployersList #supportiveEmployers .logo.blank .logo-wrap span.ph {
  font-weight: bold;
  letter-spacing: normal;
}
.supportiveEmployersList #supportiveEmployers .logo.blank:hover span span,
.supportiveEmployersList #supportiveEmployers .logo.blank:focus span span {
  text-decoration: underline;
}
.supportiveEmployersList #supportiveEmployers .logo.blank:hover span span.ph,
.supportiveEmployersList #supportiveEmployers .logo.blank:focus span span.ph {
  text-decoration: none!important;
}
.supportiveEmployersList #supportiveEmployers .logo .logo-wrap {
  display: table-cell;
  vertical-align: middle;
  height: 137px;
  text-align: center;
  width: inherit;
}
.supportiveEmployersList #supportiveEmployers .logo .logo-wrap span {
  position: absolute;
  left: -9999px;
}
.supportiveEmployersList #supportiveEmployers .logo img {
  max-width: 100%;
  max-height: 100%;
}
.supportiveEmployersList #supportiveEmployers h3 {
  color: #ffffff;
  letter-spacing: normal;
  margin-top: 10px;
}
.supportiveEmployersList #supportiveEmployers h3:first-of-type {
  margin-top: 25px;
}
.supportiveEmployersList #supportiveEmployers .top {
  display: none;
  width: 30px;
  height: 30px;
  background: url(/app/media/backtop@2x.png) transparent no-repeat top;
  background-size: contain;
  position: fixed;
  bottom: 10px;
  right: 10px;
}
.supportiveEmployersList #supportiveEmployers .top:focus {
  opacity: .6;
}
.supportiveEmployersList #supportiveEmployers .top.stop {
  position: static;
  float: right;
  margin-top: -40px;
  margin-right: 10px;
}
.supportiveEmployersList form#employerSearch {
  margin-top: 20px;
  padding: 15px;
}
.supportiveEmployersList form#employerSearch h2 {
  font-size: 120%;
  margin: 0 0 10px 0;
}
.supportiveEmployersList form#employerSearch input[type=search],
.supportiveEmployersList form#employerSearch .multiselect {
  width: 480px;
  margin-bottom: 10px;
}
.supportiveEmployersList form#employerSearch select {
  width: 100%;
}
.supportiveEmployersList form#employerSearch #employerSubmit {
  display: block;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
/** FORM, supportive employer page **/
#sucessMessage {
  background-color: #E5E5E5;
  padding: 20px 10px 10px 10px;
}
#sucessMessage + .supportive-employer {
  display: none;
}
form.supportive-employer .form-container {
  padding-right: 40px;
}
form.supportive-employer .input-validation-error {
  background-color: #FBE3E4;
}
form.supportive-employer .field-validation-error {
  color: #8a1f11 !important;
  display: inline-block;
  font-style: italic;
}
form.supportive-employer #errorSummary .validation-summary-errors {
  padding: 1em;
  margin-left: 0;
  border: 1px solid #8a1f11;
  background: #fbe4e5;
  color: #8a1f11 !important;
  font-style: italic;
}
form.supportive-employer h3,
form.supportive-employer .form-container > p,
form.supportive-employer fieldset > p,
form.supportive-employer .offset,
form.supportive-employer .form-actions,
form.supportive-employer fieldset legend {
  padding-left: 25%;
  margin-left: 18px;
}
form.supportive-employer fieldset legend {
  letter-spacing: 2px;
  font-size: 18.66px;
  color: #E83D00;
  font-weight: bold;
  padding-top: 20px;
}
form.supportive-employer fieldset:first-child legend {
  padding-top: 0;
}
form.supportive-employer legend + .field.radio {
  margin-top: 0;
}
form.supportive-employer label {
  color: #515C65;
}
form.supportive-employer .form-actions {
  margin-top: 2em;
}
form.supportive-employer .offset-col::before {
  display: inline-block;
  content: '';
  padding-left: 25%;
  width: 3px;
  height: 39px;
  float: left;
  clear: left;
  margin-top: 5px;
  margin-left: 7px;
}
form.supportive-employer .offset-col .input-container {
  margin-left: 10px;
}
form.supportive-employer .offset-col .input-container::before {
  display: inline;
  content: ' ';
}
form.supportive-employer .field {
  clear: both;
}
form.supportive-employer .field::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 39px;
  float: left;
  margin-top: 5px;
}
form.supportive-employer .field .input-container {
  display: inline-block !important;
  width: 70%;
  margin-left: 10px;
  vertical-align: middle;
}
form.supportive-employer .field > label {
  display: inline-block !important;
  width: 25%;
  text-align: right;
  vertical-align: middle;
  color: #515C65;
}
form.supportive-employer .field input[type=text],
form.supportive-employer .field textarea,
form.supportive-employer .field select {
  width: 100%;
  display: block;
  margin: .5em 0;
}
form.supportive-employer .field input[type=text] {
  padding: 5px 10px;
}
form.supportive-employer .field textarea {
  padding: 10px;
  resize: vertical;
  border: none;
}
form.supportive-employer .field select {
  padding: 10px;
}
form.supportive-employer .field input[type=checkbox],
form.supportive-employer .field input[type=radio] {
  vertical-align: middle;
}
form.supportive-employer .field input[type=checkbox] ~ label,
form.supportive-employer .field input[type=radio] ~ label {
  vertical-align: middle;
  width: 90%;
}
form.supportive-employer .field #ReservistLeavePolicyDocument {
  margin-bottom: 15px;
}
form.supportive-employer .field.longanswer .input-container {
  vertical-align: top;
}
form.supportive-employer .field.longanswer > label {
  vertical-align: top;
  padding-top: 10px;
}
form.supportive-employer .field.longanswer textarea {
  height: 250px;
}
form.supportive-employer .field.longanswer.inline::before {
  content: none;
}
form.supportive-employer .field.longanswer.inline > label {
  width: 95%;
  padding-left: 25%;
  margin-left: 18px;
  text-align: left;
}
form.supportive-employer .field.longanswer.inline .input-container {
  padding-left: 25%;
  margin-left: 17px;
  width: 95%;
}
form.supportive-employer .field.radio,
form.supportive-employer .field.check {
  padding-top: 0.5em;
}
form.supportive-employer .field.radio .input-container,
form.supportive-employer .field.check .input-container,
form.supportive-employer .field.radio > label,
form.supportive-employer .field.check > label {
  vertical-align: top;
}
form.supportive-employer .field.radio .input-container > div,
form.supportive-employer .field.check .input-container > div {
  margin: 0 0 0.5em;
}
form.supportive-employer .field.radio .input-container input,
form.supportive-employer .field.check .input-container input {
  margin: 2px 4px 0 0;
}
form.supportive-employer .field.radio .input-container label,
form.supportive-employer .field.check .input-container label {
  margin: 0;
  min-width: 80px;
}
form.supportive-employer .field.radio.inline::before,
form.supportive-employer .field.check.inline::before {
  content: none;
}
form.supportive-employer .field.radio.inline .input-container,
form.supportive-employer .field.check.inline .input-container,
form.supportive-employer .field.radio.inline > label,
form.supportive-employer .field.check.inline > label {
  width: 90%;
  padding-left: 25%;
  margin-left: 18px;
  text-align: left;
}
form.supportive-employer .field.radio.inline .input-container > div,
form.supportive-employer .field.check.inline .input-container > div {
  float: left;
  width: 25%;
}
form.supportive-employer .field.radio.inline > label,
form.supportive-employer .field.check.inline > label {
  padding-bottom: 4px;
}
form.supportive-employer .field.required > label::after {
  content: ' *';
  color: #E83D00;
  display: inline-block;
  width: 0px;
  margin-left: 2px;
}
form.supportive-employer .scrollable-text {
  height: 250px;
  margin-left: 10px;
  margin-bottom: 0.5em;
  margin-top: 1em;
  padding: 1em;
  overflow-y: scroll;
  background: #ffffff;
  width: 70%;
  display: inline-block;
  font-size: 12px;
}
form.supportive-employer .short-text {
  margin-left: 10px;
  margin-bottom: 0.5em;
  margin-top: 1em;
  padding: 1em;
  background: #ffffff;
  width: 70%;
  display: inline-block;
  font-size: 12px;
}
/* Accordion */
a.accordion-heading {
  background-color: #f2f2f2;
  display: block;
  border: solid 1px #f2f2f2;
  color: #333 !important;
  padding: 15px 20px;
  text-decoration: none;
  font-size: inherit;
}
a.accordion-heading:hover {
  background-color: #d9d9d9;
}
h3.accordion-heading {
  margin: 1px 0 0 0;
  font-size: 14px;
  font-weight: normal;
}
h3.accordion-heading.open {
  font-weight: bold;
}
h3.accordion-heading.last {
  margin-bottom: 20px;
}
h3.accordion-heading.open.last {
  margin-bottom: 0;
}
span.accordion-heading-text {
  text-decoration: none !important;
  max-width: calc(100% - 80px);
  display: inline-block;
}
span.accordion-expander {
  float: right;
  text-transform: uppercase;
  font-weight: bold;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJ1BMVEUqKio1NTU0NDQzMzMyMjIyMjIyMjIzMzMxMTExMTEqKiorKyssLCyWOf0kAAAACnRSTlMAI0pMUFGZpMrmnJKqsQAAACdJREFUCB0FwYEJACAMA7CsMAX/f9dpAhtBh2BCrX6qLpwmqCG4wwdx/AYqKOqX/gAAAABJRU5ErkJggg==) transparent no-repeat left;
  padding-left: 12px;
}
.open span.accordion-expander {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAADFBMVEX///8yMjItLS0qKipRbkYUAAAAA3RSTlMALMfGR/hjAAAAEklEQVR4AWPACZiYmZkZccoCAAGKAA16Xy0dAAAAAElFTkSuQmCC) transparent no-repeat left;
}
div.accordion-content {
  display: block;
  padding: 20px;
  border: solid 1px #f2f2f2;
}
div.accordion-content.closed {
  display: none;
}
div.accordion-content.last {
  margin-bottom: 20px;
}
a.expand-all {
  color: #333;
  margin: 20px 0 10px 0;
  display: block;
  text-transform: uppercase;
  padding-left: 12px;
}
a.expand-all.open {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAADFBMVEX///8yMjItLS0qKipRbkYUAAAAA3RSTlMALMfGR/hjAAAAEklEQVR4AWPACZiYmZkZccoCAAGKAA16Xy0dAAAAAElFTkSuQmCC) transparent no-repeat left;
}
a.expand-all.closed {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJ1BMVEUqKio1NTU0NDQzMzMyMjIyMjIyMjIzMzMxMTExMTEqKiorKyssLCyWOf0kAAAACnRSTlMAI0pMUFGZpMrmnJKqsQAAACdJREFUCB0FwYEJACAMA7CsMAX/f9dpAhtBh2BCrX6qLpwmqCG4wwdx/AYqKOqX/gAAAABJRU5ErkJggg==) transparent no-repeat left;
}
/* ---------------------------- */
/* ------- SMALL MOBILE ------- */
/* ----- Container: 100% ------ */
/* ------ 767 and under ------- */
/* ---------------------------- */
@media (max-width: 787px) {
  #global_nav .global_nav_wrapper {
    margin-left: 0px !important;
    padding-left: 0px !important;
  }
  /*----- bootstrap overrides / additions -----*/
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .col-xs-none {
    padding-left: 0;
    padding-right: 0;
  }
  .xs-only {
    display: block !important;
  }
  .xs-hidden {
    display: none;
  }
  /*---- other (global) overrides ----*/
  .heightmatch {
    height: auto !important;
  }
  .border.noMobile.left,
  .border.noMobile.right,
  .border.noMobile.bottom,
  .border.noMobile.top {
    border: none;
  }
  .margin.noMobile.left,
  .margin.noMobile.right,
  .margin.noMobile.bottom,
  .margin.noMobile.top {
    margin: 0;
  }
  .noPadding {
    padding-left: 0;
    padding-right: 0;
  }
  .btn.mobileChunky {
    width: 100%;
    padding: 16px 14px;
    text-align: center;
    height: auto;
  }
  .btn.chunky {
    width: 100%;
    text-align: center;
  }
  .btn.arrowRight::after {
    margin-left: 30px;
    margin-right: -20px;
  }
  /*------ HEADER -------*/
  header #headerLogo {
    width: 145px;
  }
  header > div {
    padding: 0;
  }
  header > div a:first-child {
    display: none;
  }
  header > div .phone {
    font-size: 110%;
  }
  #banner {
    height: 280px;
  }
  #banner p {
    line-height: 1.2em;
    width: 100%;
  }
  /*---- FOOTER ----*/
  div.foot::before {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #E5E5E5;
    margin-bottom: 10px;
  }
  footer {
    padding-bottom: 40px;
  }
  footer .contact {
    float: none;
    text-align: center;
  }
  footer .social {
    height: auto;
    border-top: none;
  }
  footer .social ul {
    padding: 0;
    float: none;
    text-align: center;
    margin: 0;
  }
  footer .social ul li {
    margin-right: 5px;
  }
  footer .social ul li a {
    width: 50px;
    height: 50px;
  }
  /*------ LANDINGS -------*/
  .landingGroups .asideList {
    margin-bottom: 40px;
  }
  .landingGroups .asideList::before {
    display: none;
  }
  .landingGroups .asideList h2,
  .landingGroups .asideList ul {
    padding: 0;
  }
  /*--- HOMEPAGE ---*/
  #feature {
    margin: -10px -5px 0 -5px;
  }
  #feature .message {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 10px;
  }
  #newsletter {
    padding: 10px;
    margin-top: 10px;
  }
  #newsletter #newsEmail {
    width: 65%;
  }
  #newsletter .btn {
    width: 35%;
    padding-left: 0;
    padding-right: 0;
  }
  #newsletter form {
    margin: 0;
    float: none !important;
  }
  .home #newsletter form {
    padding: 10px 5px 0 5px;
  }
  #content > div,
  #content > section {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #content .foot .asideList {
    border-top: none;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 20px;
    margin-bottom: 10px;
    padding-top: 10px;
  }
  #content .foot .asideList::before {
    display: none;
  }
  #importantLinks h2 {
    margin-top: 20px;
  }
  .home #supportiveEmployers .image {
    margin: -10px -10px 10px -10px;
    background-color: white;
    padding: 0 5px;
    display: block;
  }
  .home #supportiveEmployers .image > img {
    width: 200px;
  }
  .home #supportiveEmployers form#employerSearch #employerQuery {
    width: 100%;
  }
  .home #supportiveEmployers form#employerSearch > span {
    display: block;
    text-align: center;
    padding: 10px 0;
  }
  .home #supportiveEmployers form#employerSearch #employerIndustry {
    width: 100%;
  }
  .home #supportiveEmployers form#employerSearch #employerSubmit {
    margin-left: 0;
    margin-top: 10px;
  }
  .home #supportiveEmployers > div {
    display: block;
  }
  .home .newsItem {
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
    background-image: none !important;
  }
  .home .newsItem .detail {
    margin: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px !important;
    position: relative;
  }
  .home .newsItem .detail::before {
    opacity: 1;
  }
  .home .newsItem .detail .btn {
    position: relative;
    z-index: 2;
    margin-top: 20px;
  }
  .home .newsItem > img {
    width: 100%;
  }
  /*---- EVENTS ---*/
  .home .event .date {
    width: 100%;
    height: auto;
    border-left: 15px solid #E83D00;
    text-align: left;
    padding: 12px 10px 8px 6px;
    margin-bottom: 15px;
  }
  .home .event .date span {
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px;
    color: #515C65;
  }
  .home .event .date br {
    display: none;
  }
  .home .event .date .month {
    border-bottom: none;
    padding-bottom: 0;
  }
  .home .event .detail {
    width: 100%;
    padding: 0;
  }
  .event .date {
    display: none;
  }
  .event.first .date {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #E5E5E5;
    border-left: 15px solid #E83D00;
    text-align: left;
    padding: 8px 10px 8px 6px;
    margin: 0;
  }
  .event.first .date span {
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px !important;
    color: #515C65;
  }
  .event.first .date br {
    display: none;
  }
  .event.first .date .year {
    border: none;
    display: inline-block;
  }
  .event .detail {
    border-left: none !important;
    padding: 15px 0 0 0;
    margin: 15px 0 0 0;
    border-top: 1px solid #E5E5E5 !important;
    width: 100%;
  }
  .event.first .detail {
    border-top: none !important;
  }
  /* ----- News items ----- */
  #listingArea .newsItem {
    border: none !important;
    padding: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 15px;
  }
  #listingArea .newsItem .newsThumb {
    width: 100%;
    height: 215px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: relative;
  }
  #listingArea .newsItem .newsThumb h3 {
    display: block;
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    padding: 10px;
  }
  #listingArea .newsItem .newsThumb h3::before {
    content: "";
    background-color: #ffffff;
    opacity: 0.9;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #listingArea .newsItem .newsThumb h3 a {
    z-index: 1;
    position: relative;
    color: #E83D00;
    text-decoration: none;
  }
  #listingArea .newsItem .newsThumb h3 a:hover,
  #listingArea .newsItem .newsThumb h3 a:focus {
    text-decoration: underline;
  }
  #listingArea .newsItem .newsThumb + .detail {
    width: auto;
  }
  #listingArea .newsItem .newsThumb + .detail h3 {
    display: none;
  }
  #listingArea .newsItem .detail {
    display: block;
    margin: 0 10px;
    padding-left: 0 !important;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
  }
  /* Galleries (Photos and videos area) */
  .gallery {
    margin-left: -10px;
    margin-right: -10px;
  }
  .gallery h3 {
    padding: 0 10px;
  }
  .gallery .btn {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
  }
  .gallery .galleryThumb {
    width: auto;
    padding: 0;
  }
  .gallery .galleryThumb h4,
  .gallery .galleryThumb p {
    padding: 0 10px;
  }
  .gallery .galleryThumb .videoFrame .video .oo-player {
    padding-top: 0;
  }
  .gallery .galleryThumb:nth-of-type(1),
  .gallery .galleryThumb:nth-of-type(2) {
    display: block;
    padding: 0;
  }
  .gallery .galleryThumb:nth-of-type(1) > span,
  .gallery .galleryThumb:nth-of-type(2) > span {
    left: 10px;
  }
  .gallery.open .galleryThumb {
    display: block;
  }
  .gallery-modal {
    max-width: 90% !important;
    left: 5% !important;
  }
  /*------ CONTENT AREAS -------*/
  .landingGroups #content-area,
  .landingStandard #content-area {
    margin-bottom: 0;
  }
  #content-area .column-gap {
    padding-right: 5px;
  }
  #content-area p > img {
    max-width: 100%;
    height: auto;
  }
  #content-area .share.noMobile.left,
  #content-area .share.noMobile.right,
  #content-area .share.noMobile.bottom,
  #content-area .share.noMobile.top {
    border: none;
  }
  #content-area .share.left {
    padding-left: 20px;
  }
  #content-area .share.right {
    padding-right: 20px;
  }
  #content-area .share.top {
    padding-top: 20px;
  }
  #content-area .share.bottom {
    padding-bottom: 20px;
  }
  #content-area .share > span {
    display: block;
  }
  #content-area .share .btn.fb,
  #content-area .share .btn.tw,
  #content-area .share .btn.gg,
  #content-area .share .btn.ln {
    margin: 10px 10px 0 0;
    padding: 10px 12px;
  }
  .landingGroups .asideList {
    margin-bottom: 40px;
  }
  .landingGroups .asideList::before {
    display: none;
  }
  .asideList h2,
  .asideList ul,
  .asideList h3 {
    padding: 0;
  }
  .asideList::before {
    border-top: 1px solid #E5E5E5;
    border-left: none;
    height: initial;
    width: auto;
    position: static;
    margin: 30px 0 20px 0;
  }
  .pagination {
    padding: 0;
  }
  /** Supportive employers page **/
  .home #supportiveEmployers form#employerSearch .multiselect {
    width: 100%;
  }
  .supportiveEmployersList form#employerSearch {
    margin-left: -10px;
    margin-right: -10px;
    width: auto;
  }
  .supportiveEmployersList form#employerSearch input[type=search],
  .supportiveEmployersList form#employerSearch .multiselect {
    width: 100%;
  }
  .supportiveEmployersList #supportiveEmployers h3 {
    margin-top: 20px;
  }
  .supportiveEmployersList #supportiveEmployers .logo {
    padding: 0;
    margin-bottom: 10px;
    width: initial;
    height: 110px;
  }
  .supportiveEmployersList #supportiveEmployers .logo .logo-wrap {
    width: 10%;
    height: 110px;
  }
  .supportiveEmployersList #supportiveEmployers .logo .logo-wrap img {
    max-width: 100%;
  }
  .supportiveEmployersList #supportiveEmployers .logo .logo-wrap h4,
  .supportiveEmployersList #supportiveEmployers .logo .logo-wrap p {
    position: absolute;
    left: -9999px;
  }
  .supportiveEmployersList #supportiveEmployers .logo.blank {
    background-size: 90px;
    background-position: 2% 98%;
  }
  .supportiveEmployersList #supportiveEmployers .logo.blank .logo-wrap {
    line-height: normal;
    font-size: 1.2rem;
    padding: 5px 5px 40px 5px;
  }
  /**  Case studies  **/
  .studyWrapper {
    width: 100%;
    padding-top: 10px;
  }
  .studyWrapper:first-child {
    padding-top: 0;
  }
  .studyWrapper:nth-of-type(2),
  .studyWrapper:nth-of-type(3) {
    padding-top: 10px;
  }
  form#filterCaseStudies {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
  }
  form#filterCaseStudies select {
    width: 100%;
    margin-top: 10px;
  }
  form#filterResources {
    width: auto;
    margin-left: -10px;
    margin-top: -10px;
    margin-right: -10px;
  }
  p + form#filterResources {
    margin-top: 0;
  }
  form#filterResources .filterLabel {
    float: none;
    padding-left: 5px;
  }
  form#filterResources fieldset {
    float: none;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
  }
  #resourcesResults ul li > span {
    display: block;
    width: auto;
  }
  .contour {
    margin-left: -10px;
    margin-right: -10px;
  }
  .contour .contourField::before {
    display: none;
  }
  .contour .contourField label {
    width: 100%;
    text-align: left;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
  }
  .contour .contourField > div {
    width: 100%;
    margin: 0;
  }
  .contour .contourField > div input[type=text],
  .contour .contourField > div textarea {
    max-width: unset !important;
  }
  .contour .contourField.error {
    border-left: 2px solid #ca1b04;
    padding-left: 10px;
    margin-bottom: 5px;
  }
  .contour fieldset,
  .contour .contourFieldSet {
    padding: 0;
  }
  .contour .contourNavigation > div {
    width: 100%;
    margin: 20px 0;
    padding-left: 5px;
  }
  .contour .contourNavigation > div input[type=submit] {
    width: 100%;
  }
  /** SEARCH page **/
  #inpageSearchSite #inpageSearchQuery {
    width: 80%;
  }
  #inpageSearchSite #inpageSearchSubmit {
    width: 20%;
  }
  /** FORM, supportive employer page **/
  form.supportive-employer .form-container {
    padding: 10px;
  }
  form.supportive-employer h3,
  form.supportive-employer .form-container > p,
  form.supportive-employer fieldset > p,
  form.supportive-employer .offset,
  form.supportive-employer .form-actions,
  form.supportive-employer fieldset legend {
    padding-left: 0;
    margin-left: 0;
  }
  form.supportive-employer .offset-col::before {
    display: none;
  }
  form.supportive-employer .offset-col > div {
    margin-left: 0;
  }
  form.supportive-employer .scrollable-text,
  form.supportive-employer .short-text {
    width: 100%;
    margin-left: 0;
  }
  form.supportive-employer .field::before {
    display: none;
  }
  form.supportive-employer .field .input-container,
  form.supportive-employer .field > label {
    width: 100%;
    display: block;
  }
  form.supportive-employer .field .input-container {
    margin-left: 0;
  }
  form.supportive-employer .field label {
    text-align: left;
    margin: 5px 0 0;
  }
  form.supportive-employer .field.longanswer.inline > label {
    padding-left: 0;
    margin-left: 0;
  }
  form.supportive-employer .field.longanswer.inline .input-container {
    padding-left: 0;
    margin-left: 0;
  }
  form.supportive-employer .field.radio > label,
  form.supportive-employer .field.check > label {
    padding-left: 0;
  }
  form.supportive-employer .field.radio .input-container > div,
  form.supportive-employer .field.check .input-container > div {
    margin: 0.5em 0;
  }
  form.supportive-employer .field.radio.inline .input-container,
  form.supportive-employer .field.check.inline .input-container,
  form.supportive-employer .field.radio.inline > label,
  form.supportive-employer .field.check.inline > label {
    padding-left: 0;
    margin-left: 0;
  }
}
/* ---------------------------- */
/* --------  MENU ONLY  ------- */
/* ---  Mobile menu present --- */
/* ------ only when <1043 ----- */
/* ---------------------------- */
@media (max-width: 1043px) {
  /**MENU**/
  #mainNav {
    height: auto;
    padding: 0;
    margin-top: 0;
  }
  #mainNav #searchSite {
    display: none;
    background-color: #394772;
    width: 100%;
    padding: 10px;
  }
  #mainNav #searchSite #searchSubmit {
    height: 48px;
    vertical-align: top;
    width: 16%;
  }
  #mainNav #searchSite #searchQuery {
    width: 84%;
    height: 48px;
  }
  #mainNav .toggle {
    margin-top: -62px;
    background-color: #E83D00;
    border-radius: 0px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.45em;
    display: block;
    width: 130px;
    padding: 20px 0;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    float: right;
  }
  #mainNav .toggle::after {
    content: "";
    background: url('/app/media/white_arrow.png') transparent no-repeat 50% 50%;
    width: 15px;
    height: 17px;
    background-size: contain;
    display: inline-block;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    margin-left: 10px;
  }
  #mainNav .toggle.open {
    background-color: #394772;
    margin-bottom: 0px;
    padding-bottom: 25px;
  }
  #mainNav .toggle.open ~ ul {
    display: block!important;
    position: static;
  }
  #mainNav .toggle.open + #searchSite {
    display: inline-block;
  }
  #mainNav .toggle.open::after {
    background-image: url(/app/media/close_icon_large.png);
  }
  #mainNav ul {
    padding: 0;
  }
  #mainNav ul .toggle {
    margin: 0;
    width: 16%;
    display: list-item;
    padding: 20px 0px;
    text-align: center;
    background-color: #394772;
    list-style-type: none;
  }
  #mainNav ul .toggle::after {
    width: 0;
    height: 0;
    content: "+";
    background-image: none;
    margin: 0;
    transform: none;
    -ms-transform: none;
    /* IE 9 */
    -moz-transform: none;
    /* IE 9 */
    -webkit-transform: none;
    /* Chrome, Safari, Opera */
    line-height: 0px;
    vertical-align: middle;
  }
  #mainNav ul .toggle.open {
    padding-bottom: 20px;
  }
  #mainNav ul .toggle.open::after {
    content: "-";
  }
  #mainNav ul li {
    border-top: 1px solid #ffffff;
    width: 100%;
    background-color: #394772;
  }
  #mainNav ul li ul {
    background-color: #999;
    border-top: none;
    margin-top: 0;
  }
  #mainNav ul li a {
    display: inline-block;
    text-align: left;
    height: auto;
    padding: 20px 10px;
    transition: none;
  }
  a ~ #mainNav ul li a,
  #mainNav ul li a:first-child {
    width: 84%;
  }
  #mainNav ul li a:only-child {
    width: 100%;
  }
  #mainNav ul li a:hover,
  #mainNav ul li a:focus {
    background-color: #1F2740;
  }
  #mainNav ul li.open {
    background-color: #6b6b6b;
  }
  #mainNav ul li.open a {
    background-color: #6b6b6b !important;
  }
  #mainNav ul li.open li a {
    padding-left: 40px;
  }
  #mainNav ul li.open > a {
    display: inline-block;
  }
  #mainNav ul li.open > .toggle {
    background-color: #6b6b6b;
    padding-bottom: 20px;
  }
  #mainNav ul li.open > .toggle:hover,
  #mainNav ul li.open > .toggle:focus,
  #mainNav ul li.open > .toggle:active {
    background-color: #6b6b6b;
  }
  #mainNav ul li.current {
    background-color: #6b6b6b;
  }
  #mainNav ul li.current .toggle:hover,
  #mainNav ul li.current .toggle:focus,
  #mainNav ul li.current .toggle:active {
    background-color: #6b6b6b;
  }
  #mainNav ul li.current:hover > a,
  #mainNav ul li.current:focus > a {
    background-color: #6b6b6b;
  }
  #mainNav ul li.current:hover > ul,
  #mainNav ul li.current:focus > ul {
    display: none;
  }
  #mainNav > ul {
    display: none;
  }
  #mainNav > ul > li {
    float: none;
    margin: 0;
    display: block;
  }
  #mainNav > ul > li:hover > a,
  #mainNav > ul > li:focus > a {
    background-color: #394772;
  }
  #mainNav > ul > li:hover > ul,
  #mainNav > ul > li:focus > ul {
    display: none;
  }
  #mainNav > ul > li:first-child {
    border: none;
  }
  #mainNav > ul > li > a {
    border-left: none;
    float: none;
  }
  #mainNav > ul > li > a:hover ~ ul,
  #mainNav > ul > li > a:focus ~ ul {
    display: none;
  }
  #mainNav > ul > li > a .vertCentre {
    text-align: left;
  }
}
/* ---------------------------- */
/* -------  MID DEVICE  ------- */
/* -----  Container: 768 ------ */
/* ----- => 768 and <1024 ----- */
/* ---------------------------- */
@media (min-width: 788px) and (max-width: 1043px) {
  .responsive_global_nav #global_nav .wrapper {
    width: 768px!important;
  }
  #global_nav .global_nav_wrapper {
    margin-left: 185px!important;
    padding-left: 0px!important;
  }
  /*----- bootstrap overrides / additions -----*/
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
  /** Menu adjustments **/
  header {
    padding-bottom: 10px;
  }
  a ~ #mainNav ul li a,
  #mainNav ul li a:first-child {
    width: 90%;
  }
  #mainNav ul li a:only-child {
    width: 100%;
  }
  #mainNav ul .toggle {
    width: 10%;
  }
  #banner {
    height: 250px;
  }
  /** HOME **/
  .home #banner {
    height: 290px;
  }
  .home #feature {
    height: 340px;
  }
  .home #supportiveEmployers .image {
    margin-right: 0;
    padding-right: 10px;
    width: 25%;
  }
  .home #supportiveEmployers .image img {
    width: 100%;
  }
  .home .inlay {
    min-height: initial;
  }
  .home #newsletter {
    margin-top: 20px;
  }
  .home #newsletter #newsEmail {
    width: 285px;
  }
  .home .event .date {
    padding: 6px 6px;
    width: 80px;
    height: 80px;
  }
  .home .event .detail {
    width: 280px;
  }
  /**CONTENT AREA**/
  #content-area .column-gap {
    padding-right: 30px;
  }
  #content-area #newsletter #newsEmail {
    width: 80%;
  }
  #content-area #newsletter .btn {
    width: 20%;
    padding-left: 0;
    padding-right: 0;
  }
  #content-area #filterResources .filterLabel {
    float: none;
    padding-left: 5px;
  }
  #content-area #filterResources fieldset {
    float: none;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
  }
  #content-area #filterResources #formQuery {
    width: 300px;
  }
  /** Supportive Employer area **/
  .supportiveEmployersList form#employerSearch input[type=search],
  .supportiveEmployersList form#employerSearch .multiselect {
    width: 100%;
  }
  .supportiveEmployersList #supportiveEmployers .logo {
    height: 115px;
    margin-bottom: 10px;
  }
  .supportiveEmployersList #supportiveEmployers .logo .logo-wrap {
    height: 115px;
  }
  .supportiveEmployersList #supportiveEmployers .logo.blank {
    background-size: 100px;
    background-position: 2% 100%;
  }
  .supportiveEmployersList #supportiveEmployers .logo.blank .logo-wrap {
    padding: 2px 0px 40px 0px;
    line-height: normal;
    font-size: 1.2rem;
  }
  /** Case studies **/
  #filterCaseStudies select {
    width: 28%;
  }
  .studyWrapper {
    padding-top: 10px;
  }
  .studyWrapper:nth-of-type(3) {
    padding-top: 10px;
  }
  /** Events ***/
  .event .detail {
    max-width: 365px;
  }
  #listingArea .newsItem .newsThumb {
    width: 160px;
    height: 105px;
    background-size: cover;
  }
  #listingArea .newsItem .newsThumb + .detail {
    max-width: 305px;
  }
  .gallery-modal {
    max-width: 70%!important;
    left: 15%!important;
  }
  /** FORM styles **/
  .contour fieldset,
  .contour .contourFieldSet {
    padding-right: 0;
  }
  .contour .contourNavigation > div {
    margin-left: 29%;
    padding-left: 0;
    margin-top: 20px;
  }
  /** FORM, supportive employer page **/
  form.supportive-employer .form-container {
    padding-right: 0;
  }
}
/* ---------------------------- */
/* ---------  DESKTOP  -------- */
/* -----  Container: 1024 ----- */
/* ----- => 1024 and <1460 ---- */
/* ---------------------------- */
@media (min-width: 1044px) and (max-width: 1459px) {
  .md-hidden {
    display: none;
  }
  .responsive_global_nav #global_nav .wrapper {
    width: 1024px!important;
    padding: 0 20px;
  }
  #global_nav .global_nav_wrapper {
    padding-left: 160px!important;
  }
  #global_nav_links {
    min-width: unset!important;
  }
  .home #newsletter {
    margin-top: 20px;
  }
}
/* ---------------------------- */
/* ------ LARGE DESKTOP  ------ */
/* ----- Container: 1440 ------ */
/* ------ 1460 and above ------ */
/* ---------------------------- */
@media (min-width: 1460px) {
  .lg-hidden {
    display: none;
  }
  .responsive_global_nav #global_nav .wrapper {
    width: 1440px!important;
    padding: 0 20px;
    max-width: unset!important;
  }
  #global_nav_links {
    min-width: unset!important;
  }
  .lg-only {
    display: block!important;
  }
  .studyWrapper {
    width: 25%;
  }
  .asideList h2,
  .asideList h3,
  .asideList ul,
  .asideList p {
    padding-right: 20px;
    letter-spacing: 1px;
  }
  .asideList ul li a {
    letter-spacing: 1px;
  }
  #mainNav > ul > li > a {
    padding: 0 48px;
  }
  /** HOME **/
  .home #newsletter {
    padding: 15px;
    margin-top: 57px;
  }
  .home #newsletter form {
    float: none!important;
    display: inline-block;
    margin: 0;
    padding: 10px 10px 0 10px;
    width: 100%;
  }
  .home #newsletter form #newsEmail {
    width: 100%;
  }
  .home #newsletter form input[type=submit] {
    float: right;
    margin-top: 10px;
  }
  .home #feature .message {
    width: 70%;
    right: unset;
    padding-right: 100px;
  }
  /** CONTENT AREA **/
  #content-area aside + aside > div {
    background-color: #404040;
    color: #ffffff;
  }
  #content-area aside + aside > div h2,
  #content-area aside + aside > div p,
  #content-area aside + aside > div a {
    color: #ffffff;
  }
  #content-area aside + aside > div h2 {
    margin-top: 0;
    padding: 10px 10px 0px 10px;
  }
  #content-area aside + aside > div ul li a {
    border: none;
    padding-left: 10px;
    padding-right: 10px;
  }
  #content-area aside + aside #newsletter {
    padding: 10px;
    margin-top: 50px;
  }
  #content-area aside + aside #newsletter h2 {
    padding: 0;
  }
  #content-area aside + aside #newsletter form #newsEmail {
    width: 70%;
  }
  #content-area aside + aside #newsletter form input[type=submit] {
    width: 30%;
    padding-left: 0;
    padding-right: 0;
  }
  /** CASE STUDIES **/
  .studyWrapper:nth-of-type(4) {
    padding-top: 0;
  }
  /** forms / resources filter **/
  #filterResources #formQuery {
    width: 80%;
  }
  #filterResources input[type=submit] {
    width: 19%;
  }
  .gallery-modal {
    max-width: 50%!important;
    left: 25%!important;
  }
  #listingArea .newsItem .newsThumb {
    width: 200px;
    height: 140px;
    background-size: cover;
  }
  #listingArea .newsItem .newsThumb + .detail {
    max-width: 460px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  footer .social ul li a.fb {
    background-image: url(/app/media/fb@2x.png);
  }
  footer .social ul li a.tw {
    background-image: url(/app/media/twitter@2x.png);
  }
  footer .social ul li a.gg {
    background-image: url(/app/media/gplus@2x.png);
  }
  #searchSite #searchSubmit,
  #inpageSearchSite #searchSubmit,
  #searchSite #inpageSearchSubmit,
  #inpageSearchSite #inpageSearchSubmit {
    background-image: url(/app/media/search_white@2x.png);
    background-size: auto 55%;
  }
  .chosen-container .chosen-choices li.search-field {
    background: url(/app/media/arrow_down@2x.png) #ffffff no-repeat 97% 50% !important;
    background-size: auto 25%!important;
  }
  form select {
    background-image: url(/app/media/arrow_down@2x.png) !important;
    background-size: 15px 10px;
  }
  #mainNav .toggle::after {
    background-image: url(/app/media/white_arrow@2x.png);
  }
  .studyWrapper .caseStudy::after {
    background-image: url(/app/media/white_arrow@2x.png);
    background-size: auto 50%;
  }
  header #headerLogo {
    background-image: url(/app/media/drslogo@2x.png);
  }
}
/* ---------------------------- */
/* ---- VERY LARGE DESKTOP ---- */
/* ----- Container: 1440 ------ */
/* ------ 1921 and above ------ */
/* ---------------------------- */
@media (min-width: 1921px) {
  #banner {
    height: 480px;
  }
}
/* ----- COLOURS ------ */
/* ----- GENERICS ------ */
body {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 17px;
  word-wrap: break-word;
}
h1 {
  font-size: 30px;
  color: #394872;
  letter-spacing: 1px;
}
#content-area h1 {
  font-weight: bold;
  margin-top: 0;
}
h2 {
  font-size: 25px;
  font-weight: bold;
  color: #394772;
  letter-spacing: 1px;
}
h3 {
  letter-spacing: 2px;
  font-size: 18.66px;
  color: #E83D00;
  font-weight: bold;
}
p,
a {
  letter-spacing: 1px;
}
#content-area p {
  line-height: 20px;
}
a {
  text-decoration: underline;
  transition: background-color ease-in-out 0.1s, color ease-in-out 0.1s;
  color: #000;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #C63800;
}
::-moz-selection {
  color: #ffffff;
  background: #394772;
}
::selection {
  color: #ffffff;
  background: #394772;
}
/*:focus {
    border: 2px dashed red!important;
}*/
/* use this as a mixin when you need to flip the text decoration hover for links */
.flipHovers {
  text-decoration: none;
}
.flipHovers:hover,
.flipHovers:focus {
  text-decoration: underline;
}
/**  -------------------------------  **/
/**  -------  GLOBAL THINGS --------  **/
/**  -------------------------------  **/
.offscreen {
  position: absolute;
  left: -9999px;
}
.inlay {
  background-color: #404040;
  padding: 20px 0;
  min-height: 195px;
}
.inlay h2,
.inlay p,
.inlay p > a,
.inlay h3,
.inlay h4 {
  color: #ffffff;
}
.sub {
  font-size: 12px;
  font-style: italic;
  letter-spacing: normal;
}
.btn {
  background-color: #E83D00;
  border-radius: 0px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-size: 14pt;
}
.btn:hover,
.btn:focus {
  text-decoration: underline;
  color: #ffffff;
}
.btn.chunky {
  padding: 20px 14px;
}
.btn.arrowRight::after {
  content: "";
  background: url('/app/media/white_arrow@2x.png') #E83D00 no-repeat right;
  display: inline-block;
  height: 16px;
  width: 10px;
  margin-left: 8px;
  vertical-align: middle;
}
.btn.fb,
.btn.tw,
.btn.gg,
.btn.ln {
  font-weight: normal;
  margin: 0 5px;
  font-size: 100%;
  padding: 10px 16px;
}
.btn.fb:last-child,
.btn.tw:last-child,
.btn.gg:last-child,
.btn.ln:last-child {
  margin-right: 0;
}
.btn.fb {
  background-color: #3B59A0;
}
.btn.tw {
  background-color: #55ACEE;
}
.btn.gg {
  background-color: #DD4B38;
}
.btn.ln {
  background-color: #0077B5;
}
.border.left {
  border-left: 1px solid #E5E5E5;
}
.border.right {
  border-right: 1px solid #E5E5E5;
}
.border.top {
  border-top: 1px solid #E5E5E5;
}
.border.bottom {
  border-bottom: 1px solid #E5E5E5;
}
.border.chunky {
  border-width: 3px;
}
.margin.left {
  margin-left: 20px;
}
.margin.right {
  margin-right: 20px;
}
.margin.top {
  margin-top: 20px;
}
.margin.bottom {
  margin-bottom: 20px;
}
.padding.left {
  padding-left: 20px;
}
.padding.right {
  padding-right: 20px;
}
.padding.top {
  padding-top: 20px;
}
.padding.bottom {
  padding-bottom: 20px;
}
.container.foot {
  padding-bottom: 0px!important;
}
.lg-only,
.xs-only {
  display: none;
}
/**  -------------------------------  **/
/**  --------  FORM SYLES  ---------  **/
/**  -------------------------------  **/
.placeholder {
  color: #74777A;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 1px;
}
::-webkit-input-placeholder {
  color: #74777A;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 1px;
}
::-moz-placeholder {
  color: #74777A;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 1px;
}
:-ms-input-placeholder {
  color: #74777A;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 1px;
}
:-moz-placeholder {
  color: #74777A;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 1px;
}
select {
  border-radius: 0;
}
textarea {
  border-radius: 0;
}
input[type="text"],
input[type="search"] {
  height: 41px;
  padding: 15px;
  border: none;
  display: inline-block;
  border-radius: 0;
  color: #333;
}
input[type="submit"] {
  height: 41px;
  border-radius: 0;
}
input[type="file"] {
  padding-top: 12px;
  padding-bottom: 12px;
  padding: 8px;
  width: 100%;
  background-color: #fff;
  font-style: italic;
  letter-spacing: 1px;
  color: #74777A;
  font-size: 12px;
  border-radius: 0;
}
input[type="file"]::-webkit-file-upload-button {
  background-color: #394772;
  border: none;
  color: #fff;
  padding: 8px 10px;
  font-weight: bold;
  border-radius: 0;
  -webkit-appearance: none;
}
/* CHOSEN plugin overrides */
.chosen-container {
  vertical-align: top;
  background-color: #fff;
}
.chosen-container .chosen-choices {
  border: none;
  background-color: transparent;
  padding: 0 3px;
  min-height: 41px;
  background-image: none;
  box-shadow: none;
}
.chosen-container .chosen-choices li.search-field {
  float: none;
  background: url(/app/media/arrow_down.png) #ffffff no-repeat 97% 50%;
  display: block;
  clear: both;
}
.chosen-container .chosen-choices li.search-field input[type=text] {
  min-height: 39px;
  color: #74777A;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 1px;
  padding-left: 12px;
}
.chosen-container .chosen-choices li.search-choice {
  background-image: none;
  background-color: #394772;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 5px 20px 4px 6px;
  box-shadow: none;
}
.chosen-container .chosen-choices li.search-choice .search-choice-close {
  background-image: url('/app/media/close_icon_large.png');
  background-size: contain;
  background-position: 50% 50%;
  width: 10px;
  height: 10px;
  top: 6px;
  right: 4px;
}
.chosen-container .chosen-choices li.search-choice .search-choice-close:hover,
.chosen-container .chosen-choices li.search-choice .search-choice-close:focus {
  background-position: 50% 50%;
  opacity: .6;
}
/**  -------------------------------  **/
/**  -------  PLUGIN STYLES --------  **/
/**  --------- (Overrides) ---------  **/
/**  -------------------------------  **/
#global_nav li a {
  letter-spacing: normal;
}
#global_nav .visuallyhidden {
  clip: unset!important;
  height: auto!important;
  margin: 0!important;
  overflow: initial!important;
  position: static!important;
  width: auto!important;
}
#global_nav .visuallyhidden > a {
  border-left: none;
  opacity: 0;
  transition: opacity ease-in-out 0.2s;
}
#global_nav .visuallyhidden > a:focus {
  opacity: 1;
}
.lazy-hidden {
  background: url(/app/media/loading.gif) 50% 50% no-repeat #fff;
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
}
#page {
  width: 960px;
}
dialog {
  display: block;
}
.gallery-modal {
  position: fixed;
  left: 20%;
  right: auto;
  top: 15%;
  width: auto;
  margin: 0 auto;
  border: none;
  background: #fff;
  z-index: 99999;
  padding: 2em;
  max-width: 60%;
}
.gallery-modal .gallery-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #E83D00;
  text-indent: -9999px;
  border: none;
  width: 28px;
  height: 28px;
  display: block;
  padding: 0;
}
.gallery-modal .gallery-modal-close::before {
  content: "";
  width: 15px;
  height: 15px;
  background: url(/app/media/close_icon_large.png) transparent no-repeat 50% 50%;
  background-size: contain;
  display: block;
  margin: 0 auto;
}
.gallery-modal .gallery-modal-close span {
  position: absolute;
  left: -9999px;
}
.gallery-modal h4 {
  font-size: 100%;
  letter-spacing: 1px;
  line-height: 145%;
  margin-bottom: 4px;
}
#js-modal-content img {
  width: auto;
  max-width: 100%;
}
#js-modal-content .sub {
  margin: 0;
}
.gallery-modal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000;
  opacity: .6;
  z-index: 99998;
}
.browserCompatability table td,
.browserCompatability table th {
  padding: 10px;
}
.browserCompatability table th {
  background: #394772;
  color: #ffffff;
}
.browserCompatability table td {
  background-color: #E5E5E5;
}
.browserCompatability table tr.subhead {
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.browserCompatability header {
  text-align: center;
}
.browserCompatability header img {
  margin: 0 auto;
}
.browserCompatability .col-md-8 {
  width: 840px;
  margin: 0 auto;
}