.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* CSS3 Two Tone borders - IE9+ */
/* Fix for responsive images - use on IMG tag */
/* Mobile icons for retina display */
/** 
 * Mixin divides width of parent between children. It requires the parent to 
 * have a size class representing the number of children (eg: class="size_3"). 
 * It will take this and divide the width by that number of elements.
 *
 * Note: In silverstripe templates you can use $Count on a set of items you 
 * are about to loop throught to get the total number. EG:
 * <ul class="size_{$Menu.Count}">
 */
.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }

  .page-header h1 small {
    display: block;
    line-height: 20px;
  }

  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }

  .form-horizontal .control-group > label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }

  .form-horizontal .controls {
    margin-left: 0;
  }

  .form-horizontal .control-list {
    padding-top: 0;
  }

  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
  }
  .modal.fade.in {
    top: auto;
  }

  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }

  .carousel-caption {
    position: static;
  }
}
@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    margin-left: -20px;
    margin-right: -20px;
  }

  .container-fluid {
    padding: 0;
  }

  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }

  .container {
    width: auto;
  }

  .row-fluid {
    width: 100%;
  }

  .row,
  .thumbnails {
    margin-left: 0;
  }

  [class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
  }

  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before, .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }

  [class*="span"] {
    float: left;
    margin-left: 20px;
  }

  .container {
    width: 724px;
  }

  .span12 {
    width: 724px;
  }

  .span11 {
    width: 662px;
  }

  .span10 {
    width: 600px;
  }

  .span9 {
    width: 538px;
  }

  .span8 {
    width: 476px;
  }

  .span7 {
    width: 414px;
  }

  .span6 {
    width: 352px;
  }

  .span5 {
    width: 290px;
  }

  .span4 {
    width: 228px;
  }

  .span3 {
    width: 166px;
  }

  .span2 {
    width: 104px;
  }

  .span1 {
    width: 42px;
  }

  .offset12 {
    margin-left: 764px;
  }

  .offset11 {
    margin-left: 702px;
  }

  .offset10 {
    margin-left: 640px;
  }

  .offset9 {
    margin-left: 578px;
  }

  .offset8 {
    margin-left: 516px;
  }

  .offset7 {
    margin-left: 454px;
  }

  .offset6 {
    margin-left: 392px;
  }

  .offset5 {
    margin-left: 330px;
  }

  .offset4 {
    margin-left: 268px;
  }

  .offset3 {
    margin-left: 206px;
  }

  .offset2 {
    margin-left: 144px;
  }

  .offset1 {
    margin-left: 82px;
  }

  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.76243%;
    *margin-left: 2.70924%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94681%;
  }
  .row-fluid .span11 {
    width: 91.43646%;
    *width: 91.38327%;
  }
  .row-fluid .span10 {
    width: 82.87293%;
    *width: 82.81974%;
  }
  .row-fluid .span9 {
    width: 74.30939%;
    *width: 74.2562%;
  }
  .row-fluid .span8 {
    width: 65.74586%;
    *width: 65.69266%;
  }
  .row-fluid .span7 {
    width: 57.18232%;
    *width: 57.12913%;
  }
  .row-fluid .span6 {
    width: 48.61878%;
    *width: 48.56559%;
  }
  .row-fluid .span5 {
    width: 40.05525%;
    *width: 40.00206%;
  }
  .row-fluid .span4 {
    width: 31.49171%;
    *width: 31.43852%;
  }
  .row-fluid .span3 {
    width: 22.92818%;
    *width: 22.87499%;
  }
  .row-fluid .span2 {
    width: 14.36464%;
    *width: 14.31145%;
  }
  .row-fluid .span1 {
    width: 5.8011%;
    *width: 5.74791%;
  }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }

  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 714px;
  }

  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 652px;
  }

  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 590px;
  }

  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 528px;
  }

  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 466px;
  }

  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 404px;
  }

  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 342px;
  }

  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 280px;
  }

  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 218px;
  }

  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 156px;
  }

  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 94px;
  }

  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 32px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before, .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }

  [class*="span"] {
    float: left;
    margin-left: 30px;
  }

  .container {
    width: 1170px;
  }

  .span12 {
    width: 1170px;
  }

  .span11 {
    width: 1070px;
  }

  .span10 {
    width: 970px;
  }

  .span9 {
    width: 870px;
  }

  .span8 {
    width: 770px;
  }

  .span7 {
    width: 670px;
  }

  .span6 {
    width: 570px;
  }

  .span5 {
    width: 470px;
  }

  .span4 {
    width: 370px;
  }

  .span3 {
    width: 270px;
  }

  .span2 {
    width: 170px;
  }

  .span1 {
    width: 70px;
  }

  .offset12 {
    margin-left: 1230px;
  }

  .offset11 {
    margin-left: 1130px;
  }

  .offset10 {
    margin-left: 1030px;
  }

  .offset9 {
    margin-left: 930px;
  }

  .offset8 {
    margin-left: 830px;
  }

  .offset7 {
    margin-left: 730px;
  }

  .offset6 {
    margin-left: 630px;
  }

  .offset5 {
    margin-left: 530px;
  }

  .offset4 {
    margin-left: 430px;
  }

  .offset3 {
    margin-left: 330px;
  }

  .offset2 {
    margin-left: 230px;
  }

  .offset1 {
    margin-left: 130px;
  }

  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.5641%;
    *margin-left: 2.51091%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94681%;
  }
  .row-fluid .span11 {
    width: 91.45299%;
    *width: 91.3998%;
  }
  .row-fluid .span10 {
    width: 82.90598%;
    *width: 82.85279%;
  }
  .row-fluid .span9 {
    width: 74.35897%;
    *width: 74.30578%;
  }
  .row-fluid .span8 {
    width: 65.81197%;
    *width: 65.75877%;
  }
  .row-fluid .span7 {
    width: 57.26496%;
    *width: 57.21177%;
  }
  .row-fluid .span6 {
    width: 48.71795%;
    *width: 48.66476%;
  }
  .row-fluid .span5 {
    width: 40.17094%;
    *width: 40.11775%;
  }
  .row-fluid .span4 {
    width: 31.62393%;
    *width: 31.57074%;
  }
  .row-fluid .span3 {
    width: 23.07692%;
    *width: 23.02373%;
  }
  .row-fluid .span2 {
    width: 14.52991%;
    *width: 14.47672%;
  }
  .row-fluid .span1 {
    width: 5.98291%;
    *width: 5.92971%;
  }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }

  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1160px;
  }

  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1060px;
  }

  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 960px;
  }

  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 860px;
  }

  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 760px;
  }

  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 660px;
  }

  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 560px;
  }

  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 460px;
  }

  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 360px;
  }

  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 260px;
  }

  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 160px;
  }

  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 60px;
  }

  .thumbnails {
    margin-left: -30px;
  }

  .thumbnails > li {
    margin-left: 30px;
  }

  .row-fluid .thumbnails {
    margin-left: 0;
  }
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }

  .navbar-fixed-top {
    position: static;
    margin-bottom: 20px;
  }

  .navbar-fixed-top .navbar-inner {
    padding: 5px;
  }

  .navbar .container {
    width: auto;
    padding: 0;
  }

  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }

  .nav-collapse {
    clear: both;
  }

  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }

  .nav-collapse .nav > li {
    float: none;
  }

  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }

  .nav-collapse .nav > .divider-vertical {
    display: none;
  }

  .nav-collapse .nav .nav-header {
    color: #999;
    text-shadow: none;
  }

  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 6px 15px;
    font-weight: bold;
    color: #c7c7c7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }

  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }

  .nav-collapse .nav > li > a:hover,
  .nav-collapse .dropdown-menu a:hover {
    background-color: #222;
  }

  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }

  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: block;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }

  .nav-collapse .dropdown-menu .divider {
    display: none;
  }

  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }

  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }

  .navbar .btn-navbar {
    display: block;
  }

  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
.mobile-only {
  display: none;
}

@media (min-width: 1200px) {
  .HomePage .hero-unit #main {
    height: 260px;
    padding: 0px 15px 0px 40px;
  }
  .HomePage .hero-unit #main .big {
    font-size: 5em;
  }
  .HomePage .hero-unit #main .small {
    font-size: 2.4em;
  }
  .HomePage .hero-unit .carousel-container {
    height: 260px;
    border-radius: 0px;
    margin-left: 0;
    width: 800px;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-interface {
    top: 110px;
  }
  .HomePage .hero-unit .carousel-container.span12 {
    width: 100%;
  }
  .HomePage .hero-unit .carousel-container.span8 img.desktop {
    width: 100%;
  }
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner {
    border-radius: 10px;
  }
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption {
    background: transparent !important;
    top: 50%;
    left: 40%;
    padding: 0;
    position: absolute;
    transform: translateY(-50%);
  }
}
@media (min-width: 1200px) and (max-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption {
    left: 39%;
  }
}
@media (min-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption h3, .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption p, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption h3, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption p {
    color: white !important;
    font-weight: normal;
    margin: 0;
  }
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption h3, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption h3 {
    font-family: ITCBold;
    font-size: 42px;
    line-height: 46px;
    margin-bottom: 8px;
  }
}
@media (min-width: 1200px) and (max-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption h3, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption h3 {
    font-size: 30px;
    line-height: 32px;
  }
}
@media (min-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption p, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption p {
    font-family: ITCBK;
    font-size: 14px !important;
    line-height: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption p, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption p {
    font-size: 12px;
    line-height: 14px;
  }
}
@media (min-width: 1200px) {
  .HomePage .widgets-left .span6 {
    max-height: 305px;
  }
  .HomePage .WidgetHolder.BookAnAppointmentWidget p {
    font-size: 1.2em;
  }
  .HomePage .WidgetHolder.AmIEligibleWidget p {
    font-size: 1.2em;
  }
  .HomePage .WidgetHolder.ImageWidget {
    height: 293px !important;
  }
  .HomePage .WidgetHolder.LinkWidget p {
    font-size: 1.2em;
  }
  .HomePage .WidgetHolder.VideoWidget .video .jwplayer, .HomePage .WidgetHolder.VideoWidget .video .jwdownloaddisplay, .HomePage .WidgetHolder.VideoWidget .video div[id^="video_"][id*="_wrapper"] {
    width: 375px !important;
    height: 293px !important;
  }
  .HomePage .WidgetHolder.VideoWidget .video .jwplayer object, .HomePage .WidgetHolder.VideoWidget .video .jwdownloaddisplay object, .HomePage .WidgetHolder.VideoWidget .video div[id^="video_"][id*="_wrapper"] object {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .HomePage .WidgetHolder.VideoWidget .video .link-video {
    height: 293px !important;
  }
  .HomePage .WidgetHolder.VideoWidget .video .link-video iframe {
    height: 293px !important;
  }
  .HomePage .WidgetHolder.RelatedVideoWidget .text .video .jwplayer, .HomePage .WidgetHolder.RelatedVideoWidget .text .video .jwdownloaddisplay, .HomePage .WidgetHolder.RelatedVideoWidget .text .video div[id^="video_"][id*="_wrapper"] {
    width: 336px !important;
    height: 233px !important;
  }
  .HomePage .WidgetHolder.RelatedVideoWidget .text .video .jwplayer object, .HomePage .WidgetHolder.RelatedVideoWidget .text .video .jwdownloaddisplay object, .HomePage .WidgetHolder.RelatedVideoWidget .text .video div[id^="video_"][id*="_wrapper"] object {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .HomePage .WidgetHolder.MobileBloodDriveSearchWidget h3 {
    margin-top: 8px;
    margin-bottom: 18px;
  }
  .HomePage .WidgetHolder.MobileBloodDriveSearchWidget form fieldset select {
    width: 335px;
  }
  .HomePage .WidgetHolder.MobileBloodDriveSearchWidget form fieldset .field input {
    width: 313px;
  }

  .WidgetHolder.ImageWidget {
    height: 212px !important;
  }
  .WidgetHolder.VideoWidget .video .jwplayer, .WidgetHolder.VideoWidget .video .jwdownloaddisplay, .WidgetHolder.VideoWidget .video div[id^="video_"][id*="_wrapper"] {
    width: 270px !important;
    height: 212px !important;
  }
  .WidgetHolder.VideoWidget .video .jwplayer object, .WidgetHolder.VideoWidget .video .jwdownloaddisplay object, .WidgetHolder.VideoWidget .video div[id^="video_"][id*="_wrapper"] object {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .WidgetHolder.RelatedVideoWidget .text .video .jwplayer, .WidgetHolder.RelatedVideoWidget .text .video .jwdownloaddisplay, .WidgetHolder.RelatedVideoWidget .text .video div[id^="video_"][id*="_wrapper"] {
    width: 242px !important;
    height: 190px !important;
  }
  .WidgetHolder.RelatedVideoWidget .text .video .jwplayer object, .WidgetHolder.RelatedVideoWidget .text .video .jwdownloaddisplay object, .WidgetHolder.RelatedVideoWidget .text .video div[id^="video_"][id*="_wrapper"] object {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .WidgetHolder.MobileBloodDriveSearchWidget h3 {
    margin-top: 8px;
    margin-bottom: 18px;
  }
  .WidgetHolder.MobileBloodDriveSearchWidget form fieldset select {
    width: 238px;
  }
  .WidgetHolder.MobileBloodDriveSearchWidget form fieldset .field input {
    width: 220px;
  }

  .CampaignPage .email {
    width: 756px !important;
  }
}
@media (max-width: 1200px) {
  .HomePage .hero-unit #main {
    height: 180px;
    padding: 20px 40px 0px 40px;
  }
  .HomePage .hero-unit #main .big {
    font-size: 3.5em;
  }
  .HomePage .hero-unit #main .small {
    font-size: 1.8em;
  }
  .HomePage .hero-unit .carousel-container {
    height: 100%;
    vertical-align: middle;
  }
  .HomePage .hero-unit .carousel-container .content .carousel {
    margin-bottom: 0;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-inner {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .HomePage .hero-unit .carousel-container .content .carousel a {
    height: 100%;
    vertical-align: middle;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-interface {
    top: 110px;
  }
  .HomePage .hero-unit .carousel-container.span12 {
    width: 100%;
  }
  .HomePage .hero-unit .carousel-container.span8 img.desktop {
    width: 100%;
  }
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner {
    border-radius: 10px;
  }
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption {
    background: transparent !important;
    top: 50%;
    left: 40%;
    padding: 0;
    position: absolute;
    transform: translateY(-50%);
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption {
    left: 39%;
  }
}
@media (max-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption h3, .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption p, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption h3, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption p {
    color: white !important;
    font-weight: normal;
    margin: 0;
  }
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption h3, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption h3 {
    font-family: ITCBold;
    font-size: 42px;
    line-height: 46px;
    margin-bottom: 8px;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption h3, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption h3 {
    font-size: 30px;
    line-height: 32px;
  }
}
@media (max-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption p, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption p {
    font-family: ITCBK;
    font-size: 14px !important;
    line-height: 16px;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption p, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption p {
    font-size: 12px;
    line-height: 14px;
  }
}
@media (max-width: 1200px) {
  .HomePage .widgets-left .span6 {
    max-height: 305px;
  }
  .HomePage .WidgetHolder.VideoWidget .video .jwplayer, .HomePage .WidgetHolder.VideoWidget .video .jwdownloaddisplay, .HomePage .WidgetHolder.VideoWidget .video div[id^="video_"][id*="_wrapper"] {
    height: 238px !important;
  }
  .HomePage .WidgetHolder.VideoWidget .video .jwplayer object, .HomePage .WidgetHolder.VideoWidget .video .jwdownloaddisplay object, .HomePage .WidgetHolder.VideoWidget .video div[id^="video_"][id*="_wrapper"] object {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .HomePage .WidgetHolder.VideoWidget .video .link-video {
    height: 238px !important;
  }
  .HomePage .WidgetHolder.VideoWidget .video .link-video iframe {
    height: 238px !important;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /*.HomePage{
      .hero-unit{

          #main{
              @include roundTopCorners(6px);
              display: block;
              height: auto;
              padding: 4% 16%;
              width: 68% !important;
                  .big{
                      font-size: 5em;
                  }
                  .small{
                      font-size: 2.4em;
                  }
              }
          .carousel-container{
              width: 100%;
              margin-left: 0;

              .content{
                  .carousel{
                      .carousel-inner{
                          @include border-radius(0px);
                          @include roundBottomCorners(6px);
                          .item{
                              width: 100%;
                              img{
                                  width: 100%;
                              }
                          }
                      }
                      .carousel-interface{
                          top: 65px;
                          .carousel-controls{
                              button{

                                  height: 65px;
                              }
                          }
                          .carousel-indicators{
                              display: none;
                          }
                      }
                  }
              }
          }
      }
  }*/
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .HomePage .hero-unit #main {
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    display: block;
    height: auto;
    padding: 4% 16%;
    width: 68% !important;
  }
  .HomePage .hero-unit #main .big {
    font-size: 5em;
  }
  .HomePage .hero-unit #main .small {
    font-size: 2.4em;
  }
  .HomePage .hero-unit .carousel-container {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-inner {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-inner .item {
    width: 100%;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-inner .item img {
    width: 100%;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-interface {
    top: 65px;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-interface .carousel-controls button {
    height: 65px;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-interface .carousel-indicators {
    display: none;
  }
}
@media (max-width: 979px) {
  .header .header-inner .brand .headline {
    left: 28px;
  }

  #mainNav .btn-navbar {
    display: none !important;
  }
  #mainNav .navbar-inner nav .nav li a {
    padding: 9px 8px 9px 8px;
  }
  #mainNav .navbar-inner nav .nav li.career a {
    padding: 2px 14px;
  }

  #layout {
    padding-bottom: 230px;
  }

  .HomePage .hero-unit #main {
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    display: block;
    height: auto;
    padding: 4% 16%;
    width: 68% !important;
  }
  .HomePage .hero-unit #main .big {
    font-size: 5em;
  }
  .HomePage .hero-unit #main .small {
    font-size: 2.4em;
  }
  .HomePage .hero-unit .carousel-container {
    width: 100%;
    margin-left: 0;
    height: 235px;
    margin-top: 0;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-inner {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-interface {
    top: 65px;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-interface .carousel-controls {
    margin-top: 0;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-interface .carousel-controls button {
    height: 65px;
  }
  .HomePage .hero-unit .carousel-container .content .carousel .carousel-interface .carousel-indicators {
    display: none;
    margin-top: 140px;
    margin-left: 320px;
  }
  .HomePage .hero-unit .carousel-container.span12 {
    width: 100%;
  }
  .HomePage .hero-unit .carousel-container.span8 img.desktop {
    width: 100%;
  }
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner {
    border-radius: 10px;
  }
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption {
    background: transparent !important;
    top: 50%;
    left: 40%;
    padding: 0;
    position: absolute;
    transform: translateY(-50%);
  }
}
@media (max-width: 979px) and (max-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption {
    left: 39%;
  }
}
@media (max-width: 979px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption h3, .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption p, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption h3, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption p {
    color: white !important;
    font-weight: normal;
    margin: 0;
  }
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption h3, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption h3 {
    font-family: ITCBold;
    font-size: 42px;
    line-height: 46px;
    margin-bottom: 8px;
  }
}
@media (max-width: 979px) and (max-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption h3, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption h3 {
    font-size: 30px;
    line-height: 32px;
  }
}
@media (max-width: 979px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption p, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption p {
    font-family: ITCBK;
    font-size: 14px !important;
    line-height: 16px;
  }
}
@media (max-width: 979px) and (max-width: 1200px) {
  .HomePage .hero-unit .carousel-container.span12 .carousel .carousel-inner .carousel-caption p, .HomePage .hero-unit .carousel-container.span8 .carousel .carousel-inner .carousel-caption p {
    font-size: 12px;
    line-height: 14px;
  }
}
@media (max-width: 979px) {
  .HomePage .news .news-inner .news-list .preview .t-inner {
    height: 103px;
    padding: 0 5px;
  }
  .HomePage .news .news-inner .news-list .preview .t-inner a {
    font-size: 13px;
  }
  .HomePage .WidgetHolder {
    float: left;
  }
  .HomePage .WidgetHolder.BookAnAppointmentWidget p {
    font-size: 1.2em;
  }
  .HomePage .WidgetHolder.AmIEligibleWidget {
    height: 126px;
  }
  .HomePage .WidgetHolder.AmIEligibleWidget p {
    font-size: 1.2em;
  }
  .HomePage .WidgetHolder.ImageWidget {
    height: 183px !important;
  }
  .HomePage .WidgetHolder.LinkWidget {
    height: 126px;
  }
  .HomePage .WidgetHolder.LinkWidget p {
    font-size: 1.2em;
  }
  .HomePage .WidgetHolder.VideoWidget .video .jwplayer, .HomePage .WidgetHolder.VideoWidget .video .jwdownloaddisplay, .HomePage .WidgetHolder.VideoWidget .video div[id^="video_"][id*="_wrapper"] {
    width: 231px !important;
    height: 183px !important;
  }
  .HomePage .WidgetHolder.VideoWidget .video .jwplayer object, .HomePage .WidgetHolder.VideoWidget .video .jwdownloaddisplay object, .HomePage .WidgetHolder.VideoWidget .video div[id^="video_"][id*="_wrapper"] object {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .HomePage .WidgetHolder.VideoWidget .video .link-video {
    height: 183px !important;
  }
  .HomePage .WidgetHolder.VideoWidget .video .link-video iframe {
    height: 183px !important;
  }
  .HomePage .WidgetHolder.RelatedVideoWidget .text .video .jwplayer, .HomePage .WidgetHolder.RelatedVideoWidget .text .video .jwdownloaddisplay, .HomePage .WidgetHolder.RelatedVideoWidget .text .video div[id^="video_"][id*="_wrapper"] {
    width: 208px !important;
    height: 130px !important;
  }
  .HomePage .WidgetHolder.RelatedVideoWidget .text .video .jwplayer object, .HomePage .WidgetHolder.RelatedVideoWidget .text .video .jwdownloaddisplay object, .HomePage .WidgetHolder.RelatedVideoWidget .text .video div[id^="video_"][id*="_wrapper"] object {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .HomePage .WidgetHolder.MobileBloodDriveSearchWidget h3 {
    margin-top: 8px;
    margin-bottom: 18px;
  }
  .HomePage .WidgetHolder.MobileBloodDriveSearchWidget form fieldset select {
    width: 195px;
  }
  .HomePage .WidgetHolder.MobileBloodDriveSearchWidget form fieldset .field input {
    width: 180px;
  }

  .WidgetHolder.ImageWidget {
    height: 125px;
  }
  .WidgetHolder.LinkWidget h3 {
    font-size: 22px;
  }
  .WidgetHolder.AmIEligibleWidget h3, .WidgetHolder.BookAnAppointmentWidget h3 {
    font-size: 22px;
  }
  .WidgetHolder.VideoWidget .video .jwplayer, .WidgetHolder.VideoWidget .video .jwdownloaddisplay, .WidgetHolder.VideoWidget .video div[id^="video_"][id*="_wrapper"] {
    width: 166px !important;
    height: 125px !important;
  }
  .WidgetHolder.VideoWidget .video .jwplayer object, .WidgetHolder.VideoWidget .video .jwdownloaddisplay object, .WidgetHolder.VideoWidget .video div[id^="video_"][id*="_wrapper"] object {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .WidgetHolder.RelatedVideoWidget .text .video .jwplayer, .WidgetHolder.RelatedVideoWidget .text .video .jwdownloaddisplay, .WidgetHolder.RelatedVideoWidget .text .video div[id^="video_"][id*="_wrapper"] {
    width: 148px !important;
    height: 100px !important;
  }
  .WidgetHolder.RelatedVideoWidget .text .video .jwplayer object, .WidgetHolder.RelatedVideoWidget .text .video .jwdownloaddisplay object, .WidgetHolder.RelatedVideoWidget .text .video div[id^="video_"][id*="_wrapper"] object {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .WidgetHolder.MobileBloodDriveSearchWidget h3 {
    margin-top: 8px;
    margin-bottom: 18px;
  }
  .WidgetHolder.MobileBloodDriveSearchWidget form fieldset select {
    width: 135px;
  }
  .WidgetHolder.MobileBloodDriveSearchWidget form fieldset .field input {
    width: 129px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .navbar .container {
    width: 724px;
  }

  #mainNav .btn-navbar {
    display: none;
  }
}
@media (max-width: 768px) {
  #mainNav .btn-navbar {
    display: block !important;
  }

  .share-modal.modal {
    position: fixed;
    top: 50%;
    left: 10px;
    right: 10px;
    margin: -109px auto 0 auto;
    padding: 0 10px 20px;
  }
}
@media (max-width: 767px) {
  .pagination {
    height: auto;
  }

  footer {
    border-top: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #e11a28;
    background-image: -ms-linear-gradient(top, #ed1c2a, #ce1824);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ed1c2a), to(#ce1824));
    background-image: -webkit-linear-gradient(top, #ed1c2a, #ce1824);
    background-image: -o-linear-gradient(top, #ed1c2a, #ce1824);
    background-image: -moz-linear-gradient(top, #ed1c2a, #ce1824);
    background-image: linear-gradient(top, #ed1c2a, #ce1824);
    background-repeat: repeat-x;
  }
  #IE8 footer {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFED1C2A', endColorstr='#FFCE1824', GradientType=0);
  }
  footer .nav {
    float: none;
  }
  footer .socialLinks {
    float: none;
  }
  footer .socialLinks a {
    display: block;
    margin-left: 0;
  }

  .header header.header-inner .brand {
    display: block;
    float: none;
  }
  .header header.header-inner .brand a {
    margin: 0 auto;
  }

  .summary .date {
    position: static;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
  }
  .summary .content {
    padding: 0 15px 15px;
  }

  .no-mobile {
    display: none !important;
  }

  .VideoWidget, .RelatedVideoWidget {
    display: none !important;
  }

  .mobile-only {
    display: block;
  }

  .container {
    padding: 0;
  }

  .sidebar-nav {
    display: none;
  }

  .navbar {
    margin-bottom: 0;
  }
  .navbar .navbar-inner {
    padding: 0;
  }
  .navbar .navbar-inner form {
    display: block;
  }
  .navbar .navbar-inner .nav {
    float: left;
    width: 100%;
  }
  .navbar .navbar-inner button.btn-navbar {
    font-size: 1.1em;
  }
  .navbar .navbar-inner button.btn-navbar .nav-right {
    margin-top: 1px;
    text-shadow: none;
    font-size: 1.2em;
  }

  .nav-collapse {
    height: 0px;
    overflow: hidden;
  }

  .search form {
    margin-left: 20px;
    margin-top: 10px;
    float: left;
  }
  .search form #SearchForm_SearchForm_Search {
    width: 160px;
    border: 1px solid #b1b1b1;
    letter-spacing: 0px;
    font-size: 0.9em;
    color: #494949;
    padding: 3px 11px;
    padding-top: 5px;
    padding-right: 30px !important;
  }
  .search form input.btn {
    font-family: "FontAwesome";
    border: none;
    background: none;
    box-shadow: none;
    position: absolute;
    top: 3px;
    right: 0px;
    font-size: 1.5em;
    color: #494949;
    margin: 0;
    padding: 4px 10px;
  }
  .search form input.btn:hover {
    background-color: transparent;
  }

  #mobile-navigation {
    clear: both;
  }
  #mobile-navigation nav {
    padding-bottom: 40px;
    background-color: #4f4f4f;
  }
  #mobile-navigation ul {
    padding: 0;
    margin: 0;
  }
  #mobile-navigation ul ul {
    display: none;
  }
  #mobile-navigation ul ul a {
    padding-left: 40px;
  }
  #mobile-navigation ul ul ul {
    display: none;
  }
  #mobile-navigation ul ul ul a {
    padding-left: 60px;
  }
  #mobile-navigation .second-nav {
    display: none;
  }
  #mobile-navigation .second-nav ul {
    display: block;
  }
  #mobile-navigation .third-nav {
    display: none;
  }
  #mobile-navigation .third-nav ul {
    display: block;
  }
  #mobile-navigation .fourth-nav {
    display: none;
  }
  #mobile-navigation .fourth-nav ul {
    display: block;
  }
  #mobile-navigation .back a {
    background-color: #ce1824;
    border-bottom: 1px solid #a0131c;
    -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -ms-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -o-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
  }
  #mobile-navigation .back a:hover {
    background-color: #80101a;
    border-bottom: 1px solid #530a11;
    -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -ms-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -o-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
  }
  #mobile-navigation .back .fa {
    padding-right: 10px;
  }
  #mobile-navigation a {
    display: block;
    background-color: #4f4f4f;
    color: #fff;
    font-size: 1.3em;
    padding: 15px 20px;
    text-decoration: none;
    border-bottom: 1px solid #363636;
    -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -ms-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -o-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
  }
  #mobile-navigation a .fa-chevron-right {
    float: right;
  }

  .mobile-form-wrap {
    -webkit-transform: translateZ(0);
    display: none;
    padding: 10px 20px;
    background-color: #c11622;
    background-image: -ms-linear-gradient(top, #ce1824, #ae141f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ce1824), to(#ae141f));
    background-image: -webkit-linear-gradient(top, #ce1824, #ae141f);
    background-image: -o-linear-gradient(top, #ce1824, #ae141f);
    background-image: -moz-linear-gradient(top, #ce1824, #ae141f);
    background-image: linear-gradient(top, #ce1824, #ae141f);
    background-repeat: repeat-x;
    color: white;
  }
  #IE8 .mobile-form-wrap {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCE1824', endColorstr='#FFAE141F', GradientType=0);
  }
  .mobile-form-wrap form {
    margin-bottom: 0px;
  }
  .mobile-form-wrap form fieldset {
    position: relative;
  }
  .mobile-form-wrap form fieldset #Search label {
    display: none;
  }
  .mobile-form-wrap form fieldset label {
    display: none;
  }
  .mobile-form-wrap form fieldset select {
    height: 30px;
    color: #494949;
    width: 100%;
  }
  .mobile-form-wrap form fieldset input {
    color: #494949;
    margin-bottom: 0px;
  }
  .mobile-form-wrap form fieldset input:-moz-placeholder {
    color: #494949;
    opacity: 1;
  }
  .mobile-form-wrap form fieldset input::-moz-placeholder {
    color: #494949;
    opacity: 1;
  }
  .mobile-form-wrap form fieldset input:-ms-input-placeholder {
    color: #494949;
  }
  .mobile-form-wrap form fieldset input::-webkit-input-placeholder {
    color: #494949;
  }
  .mobile-form-wrap form fieldset .Actions, .mobile-form-wrap form fieldset .btn-toolbar {
    position: absolute;
    top: 74px;
    right: -13px;
    border: none;
  }
  .mobile-form-wrap form fieldset .Actions input, .mobile-form-wrap form fieldset .btn-toolbar input {
    font-family: 'FontAwesome' !important;
    font-weight: lighter;
    font-size: 1.5em;
    background-color: #af1520;
    background-image: -ms-linear-gradient(top, #ce1824, #80101a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ce1824), to(#80101a));
    background-image: -webkit-linear-gradient(top, #ce1824, #80101a);
    background-image: -o-linear-gradient(top, #ce1824, #80101a);
    background-image: -moz-linear-gradient(top, #ce1824, #80101a);
    background-image: linear-gradient(top, #ce1824, #80101a);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    text-shadow: none;
    border-top-left-ra3dius: 0px;
    border-bottom-left-radius: 0px;
    border: none;
    color: white;
    padding: 0px;
    padding-top: 5px;
    height: 32px;
    width: 33px;
    text-align: center;
  }
  #IE8 .mobile-form-wrap form fieldset .Actions input, #IE8 .mobile-form-wrap form fieldset .btn-toolbar input {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCE1824', endColorstr='#FF80101A', GradientType=0);
  }
  .mobile-form-wrap form fieldset .Actions input:hover, .mobile-form-wrap form fieldset .btn-toolbar input:hover {
    background-color: #c11622;
    background-image: -ms-linear-gradient(top, #ce1824, #ae141f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ce1824), to(#ae141f));
    background-image: -webkit-linear-gradient(top, #ce1824, #ae141f);
    background-image: -o-linear-gradient(top, #ce1824, #ae141f);
    background-image: -moz-linear-gradient(top, #ce1824, #ae141f);
    background-image: linear-gradient(top, #ce1824, #ae141f);
    background-repeat: repeat-x;
  }
  #IE8 .mobile-form-wrap form fieldset .Actions input:hover, #IE8 .mobile-form-wrap form fieldset .btn-toolbar input:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCE1824', endColorstr='#FFAE141F', GradientType=0);
  }

  .pop-up-holder {
    -webkit-transform: translateZ(0);
  }
  .pop-up-holder .book-an-appointment-popup {
    padding: 10px;
  }
  .pop-up-holder .book-an-appointment-popup h3 {
    color: #494949;
    margin: 5px 0px;
    font-size: 1.3em;
  }
  .pop-up-holder .book-an-appointment-popup ul {
    padding: 0px;
  }
  .pop-up-holder .book-an-appointment-popup ul li {
    position: relative;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #a5a5a5;
    background-image: -ms-linear-gradient(top, #bfbfbf, #7e7e7e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#7e7e7e));
    background-image: -webkit-linear-gradient(top, #bfbfbf, #7e7e7e);
    background-image: -o-linear-gradient(top, #bfbfbf, #7e7e7e);
    background-image: -moz-linear-gradient(top, #bfbfbf, #7e7e7e);
    background-image: linear-gradient(top, #bfbfbf, #7e7e7e);
    background-repeat: repeat-x;
    border: 1px solid #7e7e7e;
    display: block;
    width: 99%;
    height: 38px;
    color: white;
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  #IE8 .pop-up-holder .book-an-appointment-popup ul li {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBFBFBF', endColorstr='#FF7E7E7E', GradientType=0);
  }
  .pop-up-holder .book-an-appointment-popup ul li .icon {
    position: absolute;
    font-size: 26px;
    height: 38px;
    left: 0px;
    top: 0px;
    /*padding: 0px 10px;*/
    width: 44px;
    border-right: 1px solid #7e7e7e;
  }
  .pop-up-holder .book-an-appointment-popup ul li .icon i {
    display: none;
    padding-top: 8px;
  }
  .pop-up-holder .book-an-appointment-popup ul li .location {
    position: absolute;
    left: 57px;
    top: 8px;
  }
  .pop-up-holder .book-an-appointment-popup ul li .location a {
    color: white;
    background: transparent;
    line-height: 20px;
    font-weight: normal;
    font-size: 1.1em;
    padding: 0px;
    box-shadow: none;
    border: none;
  }
  .pop-up-holder .book-an-appointment-popup ul li .location a:hover {
    text-decoration: none;
    background: transparent;
    border: none;
  }
  .pop-up-holder .book-an-appointment-popup ul li:hover {
    cursor: pointer;
    background-color: #c11622;
    background-image: -ms-linear-gradient(top, #ce1824, #ae141f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ce1824), to(#ae141f));
    background-image: -webkit-linear-gradient(top, #ce1824, #ae141f);
    background-image: -o-linear-gradient(top, #ce1824, #ae141f);
    background-image: -moz-linear-gradient(top, #ce1824, #ae141f);
    background-image: linear-gradient(top, #ce1824, #ae141f);
    background-repeat: repeat-x;
    border: 1px solid #ce1824;
    color: white;
  }
  #IE8 .pop-up-holder .book-an-appointment-popup ul li:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCE1824', endColorstr='#FFAE141F', GradientType=0);
  }
  .pop-up-holder .book-an-appointment-popup ul li:hover a {
    color: white;
    text-shadow: none;
  }
  .pop-up-holder .book-an-appointment-popup ul li:hover .icon {
    border-right: 1px solid #ae141f;
    width: auto;
    padding: 0px 10px;
  }
  .pop-up-holder .book-an-appointment-popup ul li:hover .icon i {
    display: block;
  }

  .widgets-column {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  }
  .widgets-column ul {
    margin: 0;
    list-style-type: none;
  }
  .widgets-column a {
    display: block !important;
    color: #474747;
    font-weight: lighter;
    font-size: 1.3em;
    padding: 20px;
    text-decoration: none;
    background-color: #efefef;
    border-bottom: 1px solid #e2e2e2;
    -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -ms-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -o-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
      /*&:hover {
          color: $white;
          background-color: $med-red;

          @include highlight-border-bottom($dark-red);
          .mobile-form-wrap{
              border-top: 1px solid $light-red;
          }
      }*/
  }
  .widgets-column a.active {
    background-color: #c11622;
    background-image: -ms-linear-gradient(top, #ce1824, #ae141f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ce1824), to(#ae141f));
    background-image: -webkit-linear-gradient(top, #ce1824, #ae141f);
    background-image: -o-linear-gradient(top, #ce1824, #ae141f);
    background-image: -moz-linear-gradient(top, #ce1824, #ae141f);
    background-image: linear-gradient(top, #ce1824, #ae141f);
    background-repeat: repeat-x;
    color: white;
    border-bottom: 1px solid #ae141f;
    -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -ms-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    -o-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
  }
  #IE8 .widgets-column a.active {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCE1824', endColorstr='#FFAE141F', GradientType=0);
  }
  .widgets-column a .fa {
    float: right;
    font-size: 30px;
  }
  .widgets-column a.jointhebench {
    background-color: #ce1824;
    color: white;
  }
  .widgets-column .widget {
    line-height: 30px;
  }

  .download-wrap {
    display: none;
    padding: 10px;
    background: #494949;
    height: 72px;
  }
  .download-wrap .apps {
    margin-left: 8%;
    text-align: center;
  }
  .download-wrap .apps a {
    padding: 20px 13%;
    margin-right: 8%;
    display: inline-block !important;
    border: none;
    background-color: #af1520;
    background-image: -ms-linear-gradient(top, #ce1824, #80101a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ce1824), to(#80101a));
    background-image: -webkit-linear-gradient(top, #ce1824, #80101a);
    background-image: -o-linear-gradient(top, #ce1824, #80101a);
    background-image: -moz-linear-gradient(top, #ce1824, #80101a);
    background-image: linear-gradient(top, #ce1824, #80101a);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    color: white;
  }
  #IE8 .download-wrap .apps a {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCE1824', endColorstr='#FF80101A', GradientType=0);
  }
  .download-wrap .apps a.active {
    background-color: #e3e3e3;
    background-image: -ms-linear-gradient(top, #efefef, #d1d1d1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#d1d1d1));
    background-image: -webkit-linear-gradient(top, #efefef, #d1d1d1);
    background-image: -o-linear-gradient(top, #efefef, #d1d1d1);
    background-image: -moz-linear-gradient(top, #efefef, #d1d1d1);
    background-image: linear-gradient(top, #efefef, #d1d1d1);
    background-repeat: repeat-x;
    color: #494949;
    border: none;
  }
  #IE8 .download-wrap .apps a.active {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEFEFEF', endColorstr='#FFD1D1D1', GradientType=0);
  }
  .download-wrap .apps a .fa {
    float: none;
    font-size: 30px;
  }

  .widget {
    display: none;
  }

  .HomePage .widget {
    display: list-item;
  }

  #layout {
    padding-bottom: 0;
  }

  footer {
    position: static;
    padding: 20px 0;
  }
  footer .contact {
    text-align: center;
    color: #fff;
  }
  footer .contact p {
    margin: 0;
    font-size: 1.3em;
  }
  footer .contact p span {
    font-weight: bold;
  }
  footer .contact a {
    color: #fff;
  }
  footer .contact a:hover {
    text-decoration: none;
  }
  footer .contact i {
    font-size: 70px;
  }
  footer .contact:hover {
    cursor: pointer;
  }

  #main {
    padding: 10px;
  }

  .region-donor-mobile {
    padding: 10px 20px;
    border-bottom: 1px solid #efefef;
  }
  .region-donor-mobile.collapsed {
    text-align: center;
  }
  .region-donor-mobile.collapsed a {
    color: #2b7559;
  }
  .region-donor-mobile.collapsed .fa-map-marker {
    color: #b1b1b1;
  }
  .region-donor-mobile.collapsed:hover {
    cursor: pointer;
    color: #fff;
    background-color: #b1b1b1;
  }
  .region-donor-mobile.collapsed:hover a {
    color: #fff;
  }
  .region-donor-mobile.collapsed:hover .fa-map-marker {
    color: #fff;
  }
  .region-donor-mobile .text {
    text-align: left;
    float: left;
  }
  .region-donor-mobile .fa-map-marker {
    float: right;
    font-size: 70px;
    color: #ce1824;
    margin-top: 5px;
  }
  .region-donor-mobile .content {
    clear: both;
  }
  .region-donor-mobile .content h3 {
    color: #2b7559;
  }
  .region-donor-mobile .content h3 .fa-map-marker {
    float: none;
    font-size: inherit;
    margin: 0;
    color: #2b7559;
  }
  .region-donor-mobile .content .map {
    width: 100%;
    height: 0;
    padding-bottom: 80%;
    position: relative;
  }
  .region-donor-mobile .content .map .map-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .DonorRegionPage #main h2 {
    padding: 10px 20px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 0;
  }
  .DonorRegionPage h3.drives {
    margin: 30px 20px 5px;
  }
  .DonorRegionPage .drive-section {
    margin: 0 20px;
  }

  .ContactPage h2.mobile-only {
    background-color: #ce1824;
    color: #fff !important;
    padding: 15px 20px;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.1em;
  }
  .ContactPage h2.mobile-only .fa {
    float: right;
    font-size: 1.2em;
  }
  .ContactPage ul.points {
    padding: 0px 20px;
  }
  .ContactPage .details {
    padding: 0px 20px;
  }
  .ContactPage .contact-map {
    display: none;
  }
  .ContactPage .map-inner img {
    max-width: none;
  }

  .PlasmaPage .layout .content .links .link {
    width: 100%;
  }

  .PlateletPage .layout {
    background-image: url("../images/dotmap.gif");
    background-position: right;
    background-repeat: no-repeat;
  }
  .PlateletPage .layout .content {
    min-height: 450px;
  }
  .PlateletPage .layout .content table {
    border-radius: 9px;
    border-collapse: separate !important;
    border: 1px solid #C9C9C9;
    margin-top: 20px;
  }
  .PlateletPage .layout .content table td {
    padding-left: 15px;
    font-size: 14px;
    color: #494949;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
  }

  .DonorRegionLandingPage .locations .link {
    display: block;
  }

  .DonorRegionPage .drive-table {
    width: 100%;
    border-collapse: separate !important;
    border: 1px solid #b1b1b1 !important;
    border-radius: 6px;
  }
  .DonorRegionPage .drive-table tr {
    border: none;
  }
  .DonorRegionPage .drive-table tr.odd td {
    background-color: #efefef;
  }
  .DonorRegionPage .drive-table tr.last td {
    border: none !important;
  }
  .DonorRegionPage .drive-table tr.last td.right-bottom {
    border-bottom-right-radius: 6px;
  }
  .DonorRegionPage .drive-table tr.last td.left-bottom {
    border-bottom-left-radius: 6px;
  }
  .DonorRegionPage .drive-table tr:hover {
    cursor: pointer;
  }
  .DonorRegionPage .drive-table tr:hover td {
    background-color: #b6b6b6;
    background-image: -ms-linear-gradient(top, #bababa, #b1b1b1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bababa), to(#b1b1b1));
    background-image: -webkit-linear-gradient(top, #bababa, #b1b1b1);
    background-image: -o-linear-gradient(top, #bababa, #b1b1b1);
    background-image: -moz-linear-gradient(top, #bababa, #b1b1b1);
    background-image: linear-gradient(top, #bababa, #b1b1b1);
    background-repeat: repeat-x;
  }
  #IE8 .DonorRegionPage .drive-table tr:hover td {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBABABA', endColorstr='#FFB1B1B1', GradientType=0);
  }
  .DonorRegionPage .drive-table tr:hover td a {
    color: white;
  }
  .DonorRegionPage .drive-table tbody {
    border: none;
  }
  .DonorRegionPage .drive-table th {
    border: none !important;
    background-color: #1a553f;
    background-image: -ms-linear-gradient(top, #2b5f4b, #00472c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2b5f4b), to(#00472c));
    background-image: -webkit-linear-gradient(top, #2b5f4b, #00472c);
    background-image: -o-linear-gradient(top, #2b5f4b, #00472c);
    background-image: -moz-linear-gradient(top, #2b5f4b, #00472c);
    background-image: linear-gradient(top, #2b5f4b, #00472c);
    background-repeat: repeat-x;
    font-weight: normal !important;
    font-size: 1.1em;
    color: white;
  }
  #IE8 .DonorRegionPage .drive-table th {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2B5F4B', endColorstr='#FF00472C', GradientType=0);
  }
  .DonorRegionPage .drive-table th.left-top {
    border-top-left-radius: 6px;
  }
  .DonorRegionPage .drive-table th.right-top {
    border-top-right-radius: 6px;
  }
  .DonorRegionPage .drive-table td {
    border-bottom: 1px solid #b1b1b1;
  }
  .DonorRegionPage .drive-table td a {
    color: #494949;
  }
  .DonorRegionPage .drive-table td a span {
    font-weight: normal;
  }
  .DonorRegionPage .drive-table td a:hover {
    text-decoration: none;
  }
  .DonorRegionPage .drive-table td.address {
    max-width: 600px;
  }
  .DonorRegionPage .drive-table td.date {
    min-width: 0px;
  }
  .DonorRegionPage .drive-table td.time {
    min-width: 0px;
  }

  .VideoPage .jwplayer, .VideoPage .link-video {
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 56.25%;
    position: relative;
  }
  .VideoPage .jwplayer #player, .VideoPage .jwplayer #player iframe, .VideoPage .link-video #player, .VideoPage .link-video #player iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 363px) {
  .region-donor-mobile .fa-map-marker {
    float: none;
    text-align: center;
    font-size: 70px;
    color: #ce1824;
    margin-top: 5px;
  }
}
@media (max-width: 768px) {
  .widgets-column .carousel-caption {
    background: none;
    position: relative;
    padding: 36px 0 0 256px;
  }
  .widgets-column .carousel-caption h3 {
    font-family: ITCBold;
    font-size: 35px;
    line-height: 35px;
    margin: 0;
    color: white !important;
  }
  .widgets-column .carousel-caption p {
    font-family: ITCBK;
    font-size: 14px !important;
    line-height: 16px;
    margin: 0;
  }
  .widgets-column .campaign-link {
    padding: 0 !important;
    position: relative;
    height: 180px;
    background-size: cover;
    background: no-repeat;
    background-position: left;
  }
}
.carousel .carousel-inner img.tablet {
  display: none;
}
@media (max-width: 979px) {
  .carousel .carousel-inner img.tablet {
    display: block;
  }
  .carousel .carousel-inner img.desktop {
    display: none;
  }
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("public/resources/themes/nzbs/js/fancybox/source/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("public/resources/themes/nzbs/js/fancybox/source/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("public/resources/themes/nzbs/js/fancybox/source/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("public/resources/themes/nzbs/js/fancybox/source/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("public/resources/themes/nzbs/js/fancybox/source/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url("public/resources/themes/nzbs/js/fancybox/source/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
#colorbox {
  top: 45% !important;
  position: fixed !important;
  margin-top: -22% !important;
}