.fluid-width-video-wrapper, .video-container {
  margin: 0 auto;
  width: 75%; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@font-face {
	font-family:  'Century Gothic';
	src: url("/fonts/century.ttf") format("truetype");
}

@font-face {
	font-family: 'Century Gothic';
	src: url("/fonts/centurybold.ttf") format("truetype");
  font-weight: bold;
}


::-moz-focus-inner {
  border: 0; }

body {
  background-color: #E8F4FC;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }

h1,h2,h3,h4,h5,h6,p
{
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 

}

@media (min-width:768px)
{
    .panel h2.section-header
    {
        min-height: 40px;
    }
}


.panel{
    border:0;
}


h1.with-full
{
    margin-bottom: 0;
}

a:active,a:visited,a:hover,a:link,.related-items a{
  color: #1998D5;
}
a, .related-items a {
	text-decoration: none;
  
   } 
a:hover, .panel-body a:hover, .related-items a:hover
{
	text-decoration: underline;
}


ul {
  padding: 0 30px; }
  
  
  h1.with-full
{
    margin-bottom: 0;
}


div.full-image-viewport
{
   max-height: 400px;
   overflow: hidden; 
}

img.image-full
{
    width:100%;
}

.image-full-cont .panel-body
{
    padding: 0px 20px;
}

.image-full-cont img.image-full
{
    width:98%;
}
  

h1.filthy {
  text-align: center;
  margin-bottom: 0;
  padding: 10px;
  font-size: 1.8em; }
  h1.filthy img {
    height: 40px; }

.blue {
  background-color: #1998D5;
  color: #FFFFFF; }
  .blue h1 a {
    color: #FFFFFF; }

.green {
  background-color: #B2BB1E;
  color: #FFFFFF; }
  .green h1 a {
    color: #FFFFFF; }

.orange {
  background-color: #F58026;
  color: #FFFFFF; }
  .orange h1 a {
    color: #FFFFFF; }

.magenta {
  background-color: #EA0B8C;
  color: #FFFFFF; }
  .magenta h1 a {
    color: #FFFFFF; }

.purple {
  background-color: #A54399;
  color: #FFFFFF; }
  .purple h1 a {
    color: #FFFFFF; }

.burgundy {
  background-color: #AA2226;
  color: #FFFFFF; }
  .burgundy h1 a {
    color: #FFFFFF; }

.container, .navbar-collapse {
  padding: 0; }

.visible-md.visible-lg {
  display: none !important; }
  @media (min-width: 1000px) {
    .visible-md.visible-lg {
      display: block !important; } }

/* Header */
header .navbar-default {
  border-bottom: 1px solid #1998D5; }
header .header-logo {
  display: inline-block;
  margin: 7px 0 6px 50%;
  left: -20px;
  position: relative; }
  @media (min-width: 800px) {
    header .header-logo {
      left: -37px;
      margin: 10px 0 5px 50%; } }
  @media (min-width: 1000px) {
    header .header-logo {
      margin: 0 0 0 50%;
      left: -40px; } }
  header .header-logo img.visible-xs {
    height: 45px; }
    @media (min-width: 800px) {
      header .header-logo img.visible-xs {
        height: 75px; } }
    @media (min-width: 1000px) {
      header .header-logo img.visible-xs {
        display: none !important; } }
  header .header-logo img.visible-md {
    height: 80px; }
header nav {
  background-color: #FFFFFF; }
header .header-top {
  position: relative;
  float: right;
  width: 324px;
  height: 36px;
  margin-top: 22px; }
  header .header-top > form > p > .submit {
    width: 48px;
    height: 36px;
    border: 0;
    background: transparent url(/images/theme/search-btn.png) top center no-repeat;
    font-size: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100%; }
  header .header-top > form > p > #keywords {
    border: 1px solid #B2DCF1;
    border-left: none;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    margin: 0;
    height: 36px;
    width: 198px;
    padding: 0 5px;
    position: absolute;
    top: 0;
    left: 43px;
    background-color: #FFFFFF;
    color: #1998D5; }
  header .header-top > form > p > a.header-basket-btn {
    width: 36px;
    height: 36px;
    font-size: 0;
    background: transparent url(/images/theme/basket-btn.png) no-repeat;
    position: absolute;
    left: 247px;
    top: 0;
    background-size: 100%; }
  header .header-top > form > p > a.header-login-btn {
    width: 36px;
    height: 36px;
    font-size: 0;
    background: transparent url(/images/theme/login-btn.png) no-repeat;
    position: absolute;
    left: 288px;
    top: 0;
    background-size: 100%; }
header .nav-justified {
  margin: 8px 0; }
  header .nav-justified > li {
    border-top: none; }
    @media (min-width: 800px) {
      header .nav-justified > li > a {
        text-align: center;
        border-right: 1px solid #1998D5;
        border-radius: 0;
        color: #000000; } }
header .navbar-collapse {
  max-height: 370px; }
header #header-search-mobile {
  padding: 10px;
  margin-top: -8px;
  background-color: #1998D5; }
  @media (min-width: 800px) {
    header #header-search-mobile {
      display: none; } }
@media (min-width: 800px) {
  header .nav-pills > li {
    font-size: 11px; } }
@media (min-width: 1000px) {
  header .nav-pills > li {
    font-size: 13px; } }
header .nav-pills > li > a {
  padding: 6px; }
  header .nav-pills > li > a:hover {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #1998D5; }
header .nav-pills > li.active > a {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #1998D5; }
header .nav-pills > li.donate {
  border-left: none; }
  header .nav-pills > li.donate:hover {
    background-color: transparent; }
  header .nav-pills > li.donate > a {
    border-radius: 20px;
    color: #FFFFFF;
    background-color: #EA0B8C;
    margin-left: 15px;
    border-color: #EA0B8C; }
@media (min-width: 800px) {
  header .breadcrumb-wrapper {
    position: relative;
    background: #FFFFFF;
    font-size: 12px;
    padding: 2px;
    border-top: 2px solid #1998D5; } }
@media (min-width: 800px) {
  header .breadcrumb-wrapper ol {
    margin-bottom: 0; } }

header .navbar-toggle-new
{
    position: absolute;
    right:0;
    top:10px;
}

header .header-logo-new
{
    height: 80px;
    overflow:hidden;
    text-align: center;
}
header .header-logo-new .header-logo {
    margin:0;
    left:0;
}

header .header-logo-new img {
    float: left;
    margin-top:3px;
    margin-left:12px;
}

header .header-logo-new h1{
    font-size:1.6rem;
    line-height: 2.2rem;
    color: #fff;
    width:225px;
    display: inline-block;
    margin:15px 0 0 -40px;
}




@media(min-width:360px)
{
     header .header-logo-new h1{
          font-size:1.8rem;
        line-height: 2.4rem;
     }
}
@media(min-width:1000px)
{
    header .header-logo-new h1{
        
    float:left;
    
    }
    
    header .header-logo-new
{
    float: left;
}
 header .header-logo-new img {
        margin-left:0;
    }
    
}
@media(min-width:610px)
{
    header .header-logo-new h1{
         font-size:2.0rem;
    margin:30px 50px;
    width:auto;
    }
    
   
}



/* Hero */



   .hero .hero-full.hero-test .hero-1st .info{
     background-color:#1998D5;
     height:100px;
     position:absolute;
     width:100%;
     bottom:0;
   }
   
   


.hero {
  margin-top: 94px;
  margin-bottom: 30px; }
  @media (min-width: 320px) {
    .hero {
      margin-bottom: 5px; } }
  @media (min-width: 360px) {
    .hero {
      margin-bottom: 30px; } }
  @media (min-width: 800px) {
    .hero {
      margin-top: 177px; } }
  @media (min-width: 1000px) {
    .hero {
      margin-top: 185px; } }
  .hero .hero-item {
    cursor: pointer; }
    .hero .hero-item .info {
      padding: 10px; }
      @media (min-width: 768px) {
        .hero .hero-item .info {
          padding: 15px;
          text-align: left; } }
    .hero .hero-item h1 {
     font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
      font-size: 1.1em;
      margin-bottom: 0; }
      
         
          .hero-mini.hero-test-two .hero-item .hero-icon
          {
              float:left;
          }
          
      @media (min-width: 768px) {
          
       
        .hero .hero-item h1 {
          font-size: 1.0em; text-align: center } 
       
          
                  .hero-full.hero-test .hero-item h1,.hero-mini.hero-test-two .hero-item h1 {
              text-align: left;
          font-size: 1.8rem; }
          }
    .hero .hero-item p {
      margin-bottom: 0;
      min-height: 40px; }
    .hero .hero-item .hero-link1 {
      display: block;
      text-align: right;
      position: absolute;
      right: 10px;
      bottom: 10px; }
      @media (min-width: 768px) {
        .hero .hero-item .hero-link1 {
          position: absolute;
          right: 10px;
          bottom: 10px; } }
  .hero .donate-hero {
    max-width: 400px;
    text-align: center;
    margin-bottom: 9px !important; }
    @media (min-width: 768px) {
      .hero .donate-hero {
        position: absolute;
        left: 60px;
        top: 0;
        margin: 0 !important;
        width: 323px; } }
    @media (min-width: 800px) {
      .hero .donate-hero {
        top: 0;
        left: 0;
        width: 370px; } }
    @media (min-width: 1000px) {
      .hero .donate-hero {
        left: 0;
        width: 320px;
        height: 130px; } }
    @media (min-width: 480px) {
      .hero .donate-hero img {
        height: 75px; } }
    @media (min-width: 800px) {
      .hero .donate-hero img {
        height: 100px; } }
    @media (min-width: 1000px) {
      .hero .donate-hero img {
        height: 75px; } }
    .hero .donate-hero .hero-item {
      padding: 7px; }
      @media (min-width: 768px) {
        .hero .donate-hero .hero-item {
          padding: 13px 13px 12px 13px; } }
      @media (min-width: 800px) {
        .hero .donate-hero .hero-item {
          padding: 11px; } }
      @media (min-width: 1000px) {
        .hero .donate-hero .hero-item {
          padding: 14px 14px 13px 14px; } }
      .hero .donate-hero .hero-item .info {
        padding: 10px 0 0 0; }
        @media (min-width: 768px) {
          .hero .donate-hero .hero-item .info h1 {
            font-size: 1.2em; } }
  .hero > div > section {
    margin: 0 auto; }
  .hero > div > div {
    margin: 0 auto; }
  .hero .hero-row1 {
    height: 144px;
    margin-bottom: 9px !important;
    width: 100%;
    max-width: 400px; }
    @media (min-width: 768px) {
      .hero .hero-row1 {
        position: relative;
        left: 60px;
        margin: 8px 0 0 0 !important;
        width: 323px;
        height: 128px; } }
    @media (min-width: 800px) {
      .hero .hero-row1 {
        left: 0;
        top: 8px;
        margin: 0 !important;
        width: 370px;
        height: 150px; } }
    @media (min-width: 1000px) {
      .hero .hero-row1 {
        position: absolute;
        top: 0;
        left: 658px;
        width: 320px;
        height: 130px; } }
    .hero .hero-row1 > section {
      text-align: center;
      width: 48%;
      height: 100%;
      padding: 10px; }
      @media (min-width: 768px) {
        .hero .hero-row1 > section {
          width: 157px; } }
      @media (min-width: 800px) {
        .hero .hero-row1 > section {
          width: 181px;
          padding: 14px 14px 13px 14px; } }
      @media (min-width: 1000px) {
        .hero .hero-row1 > section {
          width: 155px;
          padding: 9px 9px 8px 9px; } }
      .hero .hero-row1 > section > article > img {
        height: 89px; }
        @media (min-width: 768px) {
          .hero .hero-row1 > section > article > img {
            height: 70px; } }
        @media (min-width: 800px) {
          .hero .hero-row1 > section > article > img {
            height: 99px; } }
        @media (min-width: 1000px) {
          .hero .hero-row1 > section > article > img {
            height: 75px; } }
      .hero .hero-row1 > section > article .info {
        padding: 10px 0 0 0; }
    .hero .hero-row1 .add-event-hero {
      float: left; }
    .hero .hero-row1 .support-event-hero {
      float: right; }
  .hero .hero-row2 {
    height: 144px;
    margin-bottom: 9px !important;
    width: 100%;
    max-width: 400px; }
    @media (min-width: 768px) {
      .hero .hero-row2 {
        position: absolute;
        left: 391px;
        top: 375px;
        margin: 0 !important;
        width: 323px;
        height: 128px; } }
    @media (min-width: 800px) {
      .hero .hero-row2 {
        top: 474px;
        left: 378px;
        width: 370px;
        height: 150px; } }
    @media (min-width: 1000px) {
      .hero .hero-row2 {
        left: 658px;
        top: 139px;
        width: 320px;
        height: 130px; } }
    .hero .hero-row2 > section {
      text-align: center;
      width: 48%;
      height: 100%;
      padding: 10px; }
      @media (min-width: 768px) {
        .hero .hero-row2 > section {
          width: 157px; } }
      @media (min-width: 800px) {
        .hero .hero-row2 > section {
          width: 181px;
          padding: 14px 14px 13px 14px; } }
      @media (min-width: 1000px) {
        .hero .hero-row2 > section {
          width: 155px;
          padding: 9px 9px 8px 9px; } }
      .hero .hero-row2 > section > article > img {
        height: 89px; }
        @media (min-width: 768px) {
          .hero .hero-row2 > section > article > img {
            height: 70px; } }
        @media (min-width: 800px) {
          .hero .hero-row2 > section > article > img {
            height: 99px; } }
        @media (min-width: 1000px) {
          .hero .hero-row2 > section > article > img {
            height: 75px; } }
      .hero .hero-row2 > section > article .info {
        padding: 10px 0 0 0; }
    .hero .hero-row2 .add-event-hero {
      float: left; }
    .hero .hero-row2 .support-event-hero {
      float: right; }
  .hero .hero-full {
    height: 288px;
    margin-left: 2%;
    margin-bottom: 0; }
    @media (min-width: 320px) {
      .hero .hero-full {
        margin-bottom: 30px;
        height: 733px; } }
    @media (min-width: 340px) {
      .hero .hero-full {
        margin-left: 7%;
        margin-bottom: 0; } }
    @media (min-width: 480px) {
      .hero .hero-full {
        margin-left: 2.5%;
        height: 584px; } }
    @media (min-width: 600px) {
      .hero .hero-full {
        margin-left: 1%;
        height: 436px; } }
    @media (min-width: 768px) {
      .hero .hero-full {
        margin-left: 7%; } }
    @media (min-width: 800px) {
      .hero .hero-full {
        margin-left: 6%;
        height: 436px; } }
    @media (min-width: 1000px) {
      .hero .hero-full {
        margin-left: 0;
        padding: 0;
        height: 288px;
        margin-bottom: 0; } }
    .hero .hero-full .hero-1st {
      position: absolute;
      left: 0;
      top: 0;
      text-align: center;
      margin: 0;
      width: 150px;
      height: 140px; }
      @media (min-width: 320px) {
        .hero .hero-full .hero-1st {
          top: 592px; } }
      @media (min-width: 480px) {
        .hero .hero-full .hero-1st {
          top: 444px;
          width: 308px; } }
      @media (min-width: 600px) {
        .hero .hero-full .hero-1st {
          top: 0;
          width: 150px; } }
      @media (min-width: 768px) {
        .hero .hero-full .hero-1st {
          width: 160px; } }
      .hero .hero-full .hero-1st img {
        width: 100px;
        height: 100px; }
      .hero .hero-full .hero-1st span.hero-icon {
        width: 100px;
        height: 100px;
        background-size: cover;
        display: block;
        margin: auto; }
      .hero .hero-full .hero-1st .info {
        padding: 0 10px; }
    .hero .hero-full .hero-2nd {
      position: absolute;
      left: 158px;
      top: 0;
      text-align: center;
      margin: 0;
      width: 150px;
      height: 140px; }
      @media (min-width: 320px) {
          
          .media-hero .hero-tweet
          {
              border-right:0;
              border-bottom: 2px solid #1998D5;
              padding-bottom: 10px;
              margin-bottom: 20px;
          }
          
          .media-hero .hero-tweet,.media-hero .hero-media
          {
              width: 100%;
              
          }
          
          .media-hero .hero-tweet p,.media-hero .hero-media p
          {
              color:#000;
              
          }
          
          
          .dot-nav
          {
              display: none;
          }
          
            .hero .hero-full.hero-test .hero-1st{
                top:240px
            }
          
           .hero .hero-full.hero-test
           {
               height:520px;
           }
          
           .hero .hero-full.hero-test .hero-2nd, .hero .hero-full.hero-test .hero-3rd, .hero .hero-full.hero-test .hero-4th
           {
               height:110px;
               left:0;
               width:100%;
           } 

        .hero .hero-full.hero-test .hero-2nd {
          top: 0; }
          
            .hero .hero-full.hero-test .hero-3rd {
          top: 120px; }
          
            .hero .hero-full.hero-test .hero-4th {
          display: none;}
          
          .hero .hero-full.hero-test .hero-1st .info
          {
              bottom:-120px;
              height:120px;
          }
          }
     
     
      @media (min-width: 360px)
        {
            .hero .hero-full.hero-test
            {
                height: 600px;
            }
        }
 
     @media (min-width: 480px) and (max-width: 767px) {
       
       
       .hero .hero-full.hero-test .hero-1st .info
       {
            height: 0px;   
       }
       
     } 
     
   
          
      @media (min-width: 480px) {
          
            .hero .hero-full.hero-test .hero-1st .info
          {
              bottom: -50px;
          }
        .hero .hero-full .hero-2nd {
          top: 444px;
          left: 316px;
          width: 144px; } 
          
           .hero .hero-full.hero-test .hero-2nd {
          top: 0; }
          
          
          }
      @media (min-width: 600px) {
        .hero .hero-full .hero-2nd {
          width: 150px;
          left: 158px;
          top: 0; } }
      @media (min-width: 768px) {
        .hero .hero-full .hero-2nd {
          width: 160px;
          left: 168px; } }
      .hero .hero-full .hero-2nd img {
        width: 100px;
        height: 100px; }
      .hero .hero-full .hero-2nd span.hero-icon {
        width: 100px;
        height: 100px;
        background-size: cover;
        display: block;
        margin: auto; }
      .hero .hero-full .hero-2nd .info {
        padding: 0 10px; }
       .hero .hero-full.hero-test .hero-2nd .info {
        padding: 14px 10px; }
        
     
         .hero .hero-full.hero-test .hero-2nd .info h1 {
        margin: 0 0 8px 0; }
    .hero .hero-full .hero-3rd {
      position: absolute;
      left: 0;
      top: 148px;
      text-align: center;
      margin: 0;
      width: 150px;
      height: 140px; }
      @media (min-width: 480px) {
        
        .hero .hero-full .hero-3rd {
          display: block;
          width: 150px;
          height: 140px;
          top: 148px;
          left: 0; } }
          
         
      @media (min-width: 600px) {
        .hero .hero-full .hero-3rd {
          width: 150px; } }
      @media (min-width: 768px) {
        .hero .hero-full .hero-3rd {
          width: 160px; } }
      .hero .hero-full .hero-3rd img {
        width: 100px;
        height: 100px; }
      .hero .hero-full .hero-3rd span.hero-icon {
        width: 100px;
        height: 100px;
        background-size: cover;
        display: block;
        margin: auto; }
      .hero .hero-full .hero-3rd .info {
        padding: 0 10px; }
       .hero .hero-full.hero-test .hero-3rd .info {
        padding: 14px 10px; }
        
        
         .hero .hero-full.hero-test .hero-3rd .info h1 {
        margin: 0 0 8px 0; }
    .hero .hero-full .hero-4th {
      position: absolute;
      left: 158px;
      top: 148px;
      text-align: center;
      margin: 0;
      width: 150px;
      height: 140px; }
      @media (min-width: 480px) {
        .hero .hero-full .hero-4th {
          display: block;
          width: 150px;
          height: 140px;
          top: 296px;
          left: 0; } }
      @media (min-width: 600px) {
        .hero .hero-full .hero-4th {
          width: 150px;
          left: 158px;
          top: 148px; } }
      @media (min-width: 768px) {
        .hero .hero-full .hero-4th {
          width: 160px;
          left: 168px; } }
      .hero .hero-full .hero-4th img {
        width: 100px;
        height: 100px; }
      .hero .hero-full .hero-4th span.hero-icon {
        width: 100px;
        height: 100px;
        background-size: cover;
        display: block;
        margin: auto; }
      .hero .hero-full .hero-4th .info {
        padding: 0 10px; }
        
        
      .hero .hero-full.hero-test .hero-4th .info {
        padding: 14px 10px; }
        
         .hero .hero-full.hero-test .hero-4th .info h1 {
        margin: 0 0 8px 0; }
    .hero .hero-full .hero-5th, .hero .hero-full.hero-test .hero-1st {
      visibility: hidden;
      display: block;
      position: absolute;
      left: 296px;
      text-align: center;
      margin: 0;
      width: 271px; }
      
      
      .hero .hero-full .hero-5th.first,.hero-test .hero-1st.first {
        visibility: visible; }
      @media (min-width: 320px) {
        .hero .hero-full .hero-5th {
          left: 0;
          top: 296px;
          width: 308px;
          height: 288px; } }
      @media (min-width: 480px) {
        .hero .hero-full .hero-5th {
          display: block;
          width: 302px;
          height: 288px;
          top: 148px;
          left: 158px; } }
      @media (min-width: 600px) {
        .hero .hero-full .hero-5th {
          display: block;
          left: 316px;
          height: 288px;
          top: 0;
          width: 271px; } }
      @media (min-width: 640px) {
        .hero .hero-full .hero-5th {
          width: 308px; } }
      @media (min-width: 768px) {
        .hero .hero-full .hero-5th, .hero .hero-full.hero-test .hero-1st {
          width: 328px;
          height: 288px;
          left: 336px;
          display: block; } }
      @media (min-width: 1000px) {
        .hero .hero-full .hero-5th {
          width: 306px;
          top: 0; } }
      .hero .hero-full .hero-5th img,.hero .hero-full.hero-test .hero-1st img {
        width: 100%;
        height: 200px; }
      .hero .hero-full .hero-5th .info,.hero .hero-full.hero-test .hero-1st .info {
        font-size: 0.9em;
        padding: 10px;
        text-align: left; }
    .hero .hero-full .hero-tweet {
      display: none;
      position: absolute;
      left: 650px;
      top: 0;
      background-color: #FFFFFF; }
      .hero .hero-full .hero-tweet h1 {
        font-size: 1.2em;
        padding: 5px; }
      @media (min-width: 768px) {
        .hero .hero-full .hero-tweet {
          display: block;
          width: 328px;
          height: 140px;
          left: 0;
          top: 296px; } }
      @media (min-width: 1000px) {
        .hero .hero-full .hero-tweet {
          left: 650px;
          top: 0; } }
      .hero .hero-full .hero-tweet img {
        float: left;
        padding-top: 5px; }
      .hero .hero-full .hero-tweet p {
        margin-left: 78px;
        padding-top: 5px; }
      .hero .hero-full .hero-tweet a {
        text-decoration: none; }
    .hero .hero-full .hero-6th {
      display: none;
      position: absolute;
      left: 650px;
      top: 0;
      text-align: center;
      margin: 0; }
      @media (min-width: 320px) {
        .hero .hero-full .hero-6th {
          display: block;
          width: 150px;
          height: 140px;
          top: 0;
          left: 0; } }
      @media (min-width: 480px) {
        .hero .hero-full .hero-6th {
          display: block;
          width: 140px;
          height: 140px;
          left: 316px; } }
      @media (min-width: 600px) {
        .hero .hero-full .hero-6th {
          display: block;
          width: 308px;
          height: 140px;
          top: 296px;
          left: 0; } }
      @media (min-width: 768px) {
        .hero .hero-full .hero-6th {
          display: block;
          width: 160px;
          height: 140px; } }
      @media (min-width: 1000px) {
        .hero .hero-full .hero-6th {
          top: 0;
          left: 650px; } }
      @media (min-width: 480px) {
        .hero .hero-full .hero-6th.with-tweet {
          display: block;
          width: 308px;
          height: 140px;
          top: 0;
          left: 0; } }
      @media (min-width: 600px) {
        .hero .hero-full .hero-6th.with-tweet {
          display: block;
          width: 308px;
          height: 140px;
          top: 296px;
          left: 0; } }
      @media (min-width: 768px) {
        .hero .hero-full .hero-6th.with-tweet {
          display: block;
          left: 336px;
          width: 160px; } }
      @media (min-width: 1000px) {
        .hero .hero-full .hero-6th.with-tweet {
          top: 148px;
          left: 650px; } }
      .hero .hero-full .hero-6th img {
        width: 100px;
        height: 100px; }
      .hero .hero-full .hero-6th span.hero-icon {
        width: 100px;
        height: 100px;
        background-size: cover;
        display: block;
        margin: auto; }
      .hero .hero-full .hero-6th .info {
        padding: 0 10px; }
    .hero .hero-full .hero-7th {
      display: block;
      position: absolute;
      left: 818px;
      top: 0;
      text-align: center;
      margin: 0; }
      @media (min-width: 320px) {
        .hero .hero-full .hero-7th {
          display: block;
          width: 150px;
          height: 140px;
          top: 0;
          left: 158px; } }
      @media (min-width: 480px) {
        .hero .hero-full .hero-7th {
          display: block;
          width: 140px;
          height: 140px;
          left: 316px;
          top: 148px; } }
      @media (min-width: 600px) {
        .hero .hero-full .hero-7th {
          width: 271px;
          height: 140px;
          top: 296px;
          left: 316px; } }
      @media (min-width: 768px) {
        .hero .hero-full .hero-7th {
          display: block;
          width: 160px;
          height: 140px;
          left: 168px; } }
      @media (min-width: 1000px) {
        .hero .hero-full .hero-7th {
          top: 0;
          left: 818px; } }
      @media (min-width: 480px) {
        .hero .hero-full .hero-7th.with-tweet {
          display: block;
          width: 144px;
          height: 140px;
          top: 0;
          left: 316px; } }
      @media (min-width: 600px) {
        .hero .hero-full .hero-7th.with-tweet {
          display: block;
          width: 271px;
          top: 296px;
          left: 316px; } }
      @media (min-width: 640px) {
        .hero .hero-full .hero-7th.with-tweet {
          width: 308px; } }
      @media (min-width: 768px) {
        .hero .hero-full .hero-7th.with-tweet {
          left: 504px;
          width: 160px; } }
      @media (min-width: 1000px) {
        .hero .hero-full .hero-7th.with-tweet {
          top: 148px;
          left: 818px; } }
      .hero .hero-full .hero-7th img {
        width: 100px;
        height: 100px; }
      .hero .hero-full .hero-7th span.hero-icon {
        width: 100px;
        height: 100px;
        background-size: cover;
        display: block;
        margin: auto; }
      .hero .hero-full .hero-7th .info {
        padding: 0 10px; }
    .hero .hero-full .hero-8th {
      display: none;
      position: absolute;
      left: 650px;
      top: 148px;
      text-align: center;
      margin: 0;
      width: 150px;
      height: 140px; }
      
      
      
      
      
      @media (min-width: 600px) {
        .hero .hero-full .hero-8th {
          display: none;
          width: 150px; } }
      @media (min-width: 768px) {
        .hero .hero-full .hero-8th {
          width: 160px;
          display: block;
          left: 336px;
          top: 296px; } }
      @media (min-width: 1000px) {
        .hero .hero-full .hero-8th {
          top: 148px;
          left: 650px; } }
      .hero .hero-full .hero-8th img {
        width: 100px;
        height: 100px; }
      .hero .hero-full .hero-8th span.hero-icon {
        width: 100px;
        height: 100px;
        background-size: cover;
        display: block;
        margin: auto; }
      .hero .hero-full .hero-8th .info {
        padding: 0 10px; }
    .hero .hero-full .hero-9th {
      display: none;
      position: absolute;
      left: 818px;
      top: 148px;
      text-align: center;
      margin: 0;
      width: 150px;
      height: 140px; }
      @media (min-width: 600px) {
        .hero .hero-full .hero-9th {
          display: none;
          width: 150px;
          left: 158px; } }
      @media (min-width: 768px) {
        .hero .hero-full .hero-9th {
          width: 160px;
          left: 504px;
          display: block;
          top: 296px; } }
      @media (min-width: 1000px) {
        .hero .hero-full .hero-9th {
          top: 148px;
          left: 818px; } }
      .hero .hero-full .hero-9th img {
        width: 100px;
        height: 100px; }
      .hero .hero-full .hero-9th span.hero-icon {
        width: 100px;
        height: 100px;
        background-size: cover;
        display: block;
        margin: auto; }
      .hero .hero-full .hero-9th .info {
        padding: 0 10px; }
    .hero .hero-full .hero-donate {
      background-color: #EA0B8C;
      display: none;
      position: absolute;
      left: 650px;
      top: 0; }
      .hero .hero-full .hero-donate h1 {
        font-size: 1.2em;
        padding: 20px 0 5px 0;
        font-family: filthy_habitsregular;
        text-align: center; }
      @media (min-width: 768px) {
        .hero .hero-full .hero-donate {
          display: block;
          width: 328px;
          height: 140px;
          left: 0;
          top: 296px; }
          
          .hero .hero-full.hero-test .hero-1st .info
          {
            height:25px;
          }
          
           }
       
       
       
    .hero .hero-full.hero-test .hero-item 
    {
      position: relative;
    }    
       
      @media (min-width: 1000px) {
        
        
            
         
        .hero .hero-full.hero-test .hero-1st .info
      {
        height:50px;
      }
      
      .hero .hero-full.hero-test .hero-item
      {
          position: absolute;
      }
         
          
        
        .hero .hero-full .hero-donate {
          left: 650px;
          top: 0; } }
      .hero .hero-full .hero-donate form {
        text-align: center; }
        .hero .hero-full .hero-donate form input[type=text] {
          font-size: 1.3em;
          font-weight: bold;
          width: 75px; }
        .hero .hero-full .hero-donate form .btn-donate {
          background-color: #1998D5;
          color: #FFFFFF;
          padding: 4px 12px;
          line-height: 1.428571429;
          display: inline-block;
          border-radius: 16px;
          margin-top: -4px;
          border: 1px solid #1998D5; }
        .hero .hero-full .hero-donate form .donate-ranger {
          position: relative;
          height: 35px;
          margin: 0 30px 10px 30px; }
          .hero .hero-full .hero-donate form .donate-ranger .range-slider {
            position: absolute;
            width: 35px;
            height: 35px;
            background: transparent url(/images/theme/donate-slider.png) no-repeat; }
          .hero .hero-full .hero-donate form .donate-ranger .range-scale {
            width: 100%;
            height: 15px;
            border: 2px solid black;
            border-radius: 7px;
            top: 9.5px;
            position: absolute;
            background-color: white; }
            .hero .hero-full .hero-donate form .donate-ranger .range-scale .scale-inner {
              background-color: #1998D5;
              border-top-left-radius: 6px;
              border-bottom-left-radius: 6px;
              display: block;
              height: 11px;
              width: 5%; }
              
   
   .hero .hero-full.hero-test .hero-1st
   {
     left:0;
   }           
   .hero .hero-full
   {
     margin-left:3%;
   }
   

  
   
   .hero .hero-full.hero-test .hero-2nd span.hero-icon,
   .hero .hero-full.hero-test .hero-3rd span.hero-icon,
   .hero .hero-full.hero-test .hero-4th span.hero-icon
   {
     margin:0 20px 0 10px;
     float:left;
   }
   
    .hero .hero-full.hero-test .hero-1st
    {
      width:100%;
    }
    
    
     
  
   @media (min-width:480px)
   {
      
       
        .hero .hero-full.hero-test .hero-1st
        { 
        top: 0;
        }
       
       .dot-nav
        {
            display: block;
        }
    
        .hero .hero-full.hero-test
        {
            height: 320px;
        }
      
      .hero .hero-full.hero-test .hero-1st
      {
        width:49%;
        height:320px;
      }
      
       .hero .hero-full.hero-test .hero-3rd,.hero .hero-full.hero-test .hero-2nd ,.hero .hero-full.hero-test .hero-4th  {
            left:50%;
            height:100px;
            width:50%;
            }
            
           .hero .hero-full.hero-test .hero-3rd 
            {
                top: 110px;
            }
            
                .hero .hero-full.hero-test .hero-4th 
            {
                top: 220px;
                display: block;
            }
   
     .media-hero .hero-tweet
  {
       border-right:2px solid #1998D5;
       border-bottom: 0;
       margin-right: 2%;
       
            padding-bottom: 0px;
              margin-bottom: 0px;
  }
  
    .media-hero .hero-media,.media-hero .hero-tweet
  {
    float:left;
    width:48%;
    min-height: 128px;
  }
  
  
  
  
   
   }
  
            
  
    
  
    
    .hero .hero-full.hero-test .hero-item img
    {
      width:100%;
      height: auto;
      position: relative;
      top:0;
      left:0;
    }
   
   
   
   
  .hero  .hero-full.hero-test .hero-1st .hero-item h1
  {
    font-size:18px;
    font-size:1.8rem;
    margin:10px 0px 6px 0
  }
  
  .hero  .hero-full.hero-test
  {
    position: relative;
  }
  
  .dot-nav
  {
    z-index: 300;
    position: absolute;
    bottom: 80px;
    width:48%;
  }
  
  .slider-dots
 {
   float:right;
    list-style: none;
  }
  
  .slider-dots li{
    width:10px;
    height:10px;
    border-radius: 5px;
    display: inline-block;
    margin-left: 10px;
    background-color: #fff;
  }
  
  
  .slider-dots li.active{

    background-color: #EA0B8C;
  }
  
   @media (max-width: 768px) {
     .dot-nav
  {
      display: none;
    z-index: 300;
    position: absolute;
    bottom: 86px;
    width:28%;
  }
  
  
  
   }
   
   
  
  .media-hero
  {
    margin-bottom: 30px;
  }
  


  
    .media-hero .hero-tweet img,  .media-hero .hero-media img
  {
      width:auto !important;
  }
  
  .media-hero section h3{
    background-color: transparent;
    color:#1998D5;
    display: inline-block;
    margin:8px 0 0 8px;
    font-weight: bold;
  }
  
   .media-hero .hero-tweet h3{
    margin:7px 0 0 8px;
  }
  
  .media-hero section img
  {
    float:left;
  }
  
   .media-hero section p
  {
    color:#1998D5;
    padding: 10px 8% 0 0;
  }
  
  a.at300b, .addthis_toolbox .google_plusone_badge
  {
    
    
    width:35px !important;
    height:32px;
    background-size: auto !important;
    background-color: transparent !important;

    
     background: none;
         background-repeat: no-repeat;
         background-position: center bottom;
  }
  
  .addthis_toolbox .google_plusone_badge
  {
    
     background-image: url('/images/g-icon-new.png') !important;
  }
  
  .addthis_button_twitter
  {
     background-image: url('/images/twitter-icon-new.png') !important;
  }
  
  .addthis_button_email
  {
     background-image: url('/images/mail-icon-new.png') !important;
  }
  
  .at-icon-wrapper
  {
      display: none !important;
  }
  
  .addthis_button_facebook
  {
    width:24px !important;
    background-image: url('/images/facebook-icon-new.png') !important;
  }
  
  
  @media (min-width: 1000px)
  {
    .dot-nav
    {
        bottom: 68px;
    }
  }
  
  
  .hero .hero-mini {
    margin-left: 3%;
    height: 214px;
    width: 99%; }
    @media (min-width: 320px) {
      .hero .hero-mini {
        width: 94%; }
        .hero .hero-mini.hero-test-two, .hero .hero-mini.hero-test_three
        {
          width:94%;
        }
        
         }
         
    @media (min-width: 360px)
    {
        .hero .hero-mini.hero-test-two, .hero .hero-mini.hero-test_three
        {
          width:100%;
        }
    }
    @media (min-width: 600px) {
      .hero .hero-mini {
        height: 276px; } }
    @media (min-width: 640px) {
      .hero .hero-mini {
        height: 275px; } }
    @media (min-width: 768px) {
      .hero .hero-mini {
        margin-left: 1%;
        height: 128px; } }
    @media (min-width: 800px) {
      .hero .hero-mini {
        width: 100%;
        margin: 0;
        padding: 0; } }
    @media (min-width: 768px) {
      .hero .hero-mini .donate-hero {
        position: relative;
        left: 32px; } }
    @media (min-width: 800px) {
      .hero .hero-mini .donate-hero {
        left: 0; } }
    .hero .hero-mini .hero-1st {
      max-width: 400px;
      position: relative;
      height: 128px;
      margin-bottom: 9px; }
      @media (min-width: 600px) {
        .hero .hero-mini .hero-1st {
          display: block;
          left: -82px; } }
      @media (min-width: 640px) {
        .hero .hero-mini .hero-1st {
          left: -101px; } }
      @media (min-width: 768px) {
        .hero .hero-mini .hero-1st {
          margin-bottom: 0;
          position: absolute;
          left: 0;
          top: 0;
          height: 128px;
          width: 143px; } }
      @media (min-width: 800px) {
        .hero .hero-mini .hero-1st {
          left: 0;
          height: 150px; } }
      @media (min-width: 1000px) {
        .hero .hero-mini .hero-1st {
          left: 0;
          width: 320px;
          height: 130px; } }
      .hero .hero-mini .hero-1st .hero-item {
        text-align: center; }
        .hero .hero-mini .hero-1st .hero-item > img {
          width: 75px;
          margin: 8px; }
      .hero .hero-mini .hero-1st span.hero-icon,.hero .hero-mini.hero-test-two .hero-2nd span.hero-icon {
        width: 100px;
        height: 100px;
        background-size: cover;
        display: block;
        margin: auto; }
      .hero .hero-mini .hero-1st .info {
        padding: 0 10px; }
    .hero .hero-mini .hero-2nd {
      max-width: 400px;
      position: relative;
      height: 167px;
      margin-bottom: 9px; }
      @media (min-width: 320px) {
        .hero .hero-mini .hero-2nd {
          height: 138px; } }
      @media (min-width: 600px) {
        .hero .hero-mini .hero-2nd {
          display: block;
          left: -82px; } }
      @media (min-width: 640px) {
        .hero .hero-mini .hero-2nd {
          left: -101px; } }
      @media (min-width: 768px) {
        .hero .hero-mini .hero-2nd {
          margin-bottom: 0;
          position: absolute;
          left: 148px;
          top: 0;
          height: 128px;
          width: 308px; } }
      @media (min-width: 800px) {
        .hero .hero-mini .hero-2nd {
          height: 150px; } }
      @media (min-width: 1000px) {
        .hero .hero-mini .hero-2nd {
          left: 329px;
          width: 320px;
          height: 130px; } }
      .hero .hero-mini .hero-2nd .hero-item > img {
        width: 175px;
        margin: 8px;
        float: left; }
        @media (min-width: 320px) {
          .hero .hero-mini .hero-2nd .hero-item > img {
            width: 140px; } }
        @media (min-width: 768px) {
          .hero .hero-mini .hero-2nd .hero-item > img {
            width: 136px; } }
        @media (min-width: 800px) {
          .hero .hero-mini .hero-2nd .hero-item > img {
            width: 162px; } }
        @media (min-width: 1000px) {
          .hero .hero-mini .hero-2nd .hero-item > img {
            width: 137px; } }
    .hero .hero-mini .hero-3rd {
      position: absolute;
      width: 145px;
      height: 130px;
      text-align: center;
      margin: 0; }
      @media (min-width: 360px) {
        .hero .hero-mini .hero-3rd {
          left: 0;
          width: 164px; } }
      @media (min-width: 480px) {
        .hero .hero-mini .hero-3rd {
          margin-left: 50%;
          left: -200px;
          width: 195px; } }
      @media (min-width: 600px) {
        .hero .hero-mini .hero-3rd {
          margin-left: 50%;
          left: 128px;
          height: 128px;
          top: 0;
          width: 154px; } }
      @media (min-width: 640px) {
        .hero .hero-mini .hero-3rd {
          margin-left: 50%;
          left: 109px;
          top: 0;
          height: 128px;
          width: 195px; } }
      @media (min-width: 768px) {
        .hero .hero-mini .hero-3rd {
          margin: 0;
          left: 461px;
          top: 0;
          width: 143px; } }
      @media (min-width: 800px) {
        .hero .hero-mini .hero-3rd {
          height: 150px; } }
      @media (min-width: 1000px) {
        .hero .hero-mini .hero-3rd {
          display: block;
          left: 659px;
          height: 130px;
          width: 154px; } }
      .hero .hero-mini .hero-3rd img {
        width: 100px;
        height: 100px; }
      .hero .hero-mini .hero-3rd span.hero-icon {
        width: 100px;
        height: 100px;
        background-size: cover;
        display: block;
        margin: auto; }
      .hero .hero-mini .hero-3rd .info {
        padding: 0 10px; }
    .hero .hero-mini .hero-4th {
      position: absolute;
      text-align: center;
      margin: 0;
      width: 145px;
      height: 130px;
      left: 155px; }
      @media (min-width: 360px) {
        .hero .hero-mini .hero-4th {
          width: 164px;
          left: 174px; } }
      @media (min-width: 480px) {
        .hero .hero-mini .hero-4th {
          width: 195px;
          margin-left: 50%;
          left: 5px; } }
      @media (min-width: 600px) {
        .hero .hero-mini .hero-4th {
          width: 154px;
          left: 128px;
          top: 137px;
          height: 138px; } }
      @media (min-width: 640px) {
        .hero .hero-mini .hero-4th {
          margin-left: 50%;
          left: 109px;
          top: 137px;
          height: 138px;
          width: 195px; } }
      @media (min-width: 768px) {
        .hero .hero-mini .hero-4th {
          margin: 0;
          width: 143px;
          height: 128px;
          left: 609px;
          top: 0; } }
      @media (min-width: 800px) {
        .hero .hero-mini .hero-4th {
          height: 150px; } }
      @media (min-width: 1000px) {
        .hero .hero-mini .hero-4th {
          display: block;
          left: 822px;
          width: 154px;
          height: 130px;
          top: 0; } }
      .hero .hero-mini .hero-4th img {
        width: 100px;
        height: 100px; }
      .hero .hero-mini .hero-4th span.hero-icon {
        width: 100px;
        height: 100px;
        background-size: cover;
        display: block;
        margin: auto; }
      .hero .hero-mini .hero-4th .info {
        padding: 0 10px; }
    @media (min-width: 480px) {
      .hero .hero-mini .hero-row1 {
        height: 144px;
        margin-bottom: 9px !important; } }
    @media (min-width: 768px) {
      .hero .hero-mini .hero-row1 {
        display: none; } }
    @media (min-width: 1000px) {
      .hero .hero-mini .hero-row1 {
        height: 130px;
        margin-bottom: 9px !important;
        display: block; } }
    .hero .hero-mini .hero-donate {
      display: none;
      background-color: #EA0B8C;
      top: 0;
      max-width: 400px;
      position: relative;
      height: 128px;
      margin-bottom: 9px; }
      @media (min-width: 600px) {
        .hero .hero-mini .hero-donate {
          display: block;
          left: -82px; } }
      @media (min-width: 640px) {
        .hero .hero-mini .hero-donate {
          left: -101px; } }
      @media (min-width: 768px) {
        .hero .hero-mini .hero-donate {
          margin-bottom: 0;
          position: absolute;
          left: 0;
          top: 0;
          height: 128px;
          width: 143px; } }
      @media (min-width: 800px) {
        .hero .hero-mini .hero-donate {
          left: 0;
          height: 150px; } }
      @media (min-width: 1000px) {
        .hero .hero-mini .hero-donate {
          left: 0;
          width: 320px;
          height: 130px; } }
      .hero .hero-mini .hero-donate h1 {
        font-size: 1.2em;
        padding: 20px 0 0 0;
       
        text-align: center; }
      .hero .hero-mini .hero-donate form {
        text-align: center; }
        .hero .hero-mini .hero-donate form input[type=text] {
          font-size: 1.3em;
          font-weight: bold;
          width: 75px; }
        .hero .hero-mini .hero-donate form .btn-donate {
          background-color: #1998D5;
          color: #FFFFFF;
          padding: 4px 12px;
          line-height: 1.428571429;
          display: inline-block;
          border-radius: 16px;
          margin-top: -4px;
          border: 1px solid #1998D5; }
        .hero .hero-mini .hero-donate form .donate-ranger {
          position: relative;
          height: 35px;
          margin: 0 30px 5px 30px; }
          .hero .hero-mini .hero-donate form .donate-ranger .range-slider {
            position: absolute;
            width: 35px;
            height: 35px;
            background: transparent url(/images/theme/donate-slider.png) no-repeat; }
          .hero .hero-mini .hero-donate form .donate-ranger .range-scale {
            width: 100%;
            height: 15px;
            border: 2px solid black;
            border-radius: 7px;
            top: 9.5px;
            position: absolute;
            background-color: white; }
            .hero .hero-mini .hero-donate form .donate-ranger .range-scale .scale-inner {
              background-color: #1998D5;
              border-top-left-radius: 6px;
              border-bottom-left-radius: 6px;
              display: block;
              height: 100%;
              width: 5%; }
              
@media (min-width:300px)
 {
     
     .hero .hero-mini.hero-mini.hero-test-two .hero-1st .hero-item,
     .hero .hero-mini.hero-mini.hero-test-two .hero-2nd .hero-item,
      .hero .hero-mini.hero-mini.hero-test_three .hero-1st .hero-item,
    .hero .hero-mini.hero-mini.hero-test_three .hero-2nd .hero-item
    {
      text-align: center;
      
    }
 }
 
 @media (min-width: 360px)
 {
   
    .hero-mini.hero-test-two .hero-2nd, .hero-mini.hero-test-two .hero-1st,  .hero-mini.hero-test_three .hero-2nd, .hero-mini.hero-test_three .hero-1st{
   
      max-width:94%;
      width:94%;
      left:-3%;
      
    }
    
    .hero-mini.hero-test-two,  .hero-mini.hero-test_three
    {
      height:198px;
    }
    
    .hero .hero-mini.hero-test-two .hero-1st,.hero .hero-mini.hero-test-two .hero-2nd,
    .hero .hero-mini.hero-test_three .hero-1st,.hero .hero-mini.hero-test_three .hero-2nd
    {
      display: block;
    }
    
 
 }
 
 @media(min-width: 480px)
 {
        .hero .hero-mini.hero-mini.hero-test-two .hero-1st .hero-item,
     .hero .hero-mini.hero-mini.hero-test-two .hero-2nd .hero-item,
      .hero .hero-mini.hero-mini.hero-test_three .hero-1st .hero-item,
    .hero .hero-mini.hero-mini.hero-test_three .hero-2nd .hero-item
    {
      text-align: left;
      
    }
 }
 
       
 @media (min-width:768px)
 {
    .hero-mini.hero-test-two .hero-2nd, .hero-mini.hero-test-two .hero-1st,
    .hero-mini.hero-test_three .hero-2nd, .hero-mini.hero-test_three .hero-1st
    {
   
   max-width:46%;
   width:46%;
   left:0;
   
 }
 
 
 
 .hero-mini.hero-test-two .hero-2nd, .hero-mini.hero-test_three .hero-2nd{
   
   left:48%;
   
 }
 
  .hero-mini.hero-test-two, .hero-mini.hero-test_three
 {
   margin-left:3%;
   height:90px;
   
 }
 }
   .hero-mini.hero-test-two .hero-2nd, .hero-mini.hero-test-two .hero-1st,
   .hero-mini.hero-test_three .hero-2nd, .hero-mini.hero-test_three .hero-1st{
   
 
 
   height:100px;
   }
       

 
 .hero-mini.hero-test-two .hero-2nd .hero-item img, .hero-mini.hero-test-two .hero-1st .hero-item img,
 .hero-mini.hero-test_three .hero-2nd .hero-item img, .hero-mini.hero-test_three .hero-1st .hero-item img
 {
   float:left;
   width:90px;
 }
 
  
 
 
  .hero-mini.hero-test-two .hero-2nd .hero-item .info, .hero-mini.hero-test-two .hero-1st .hero-item .info,
  .hero-mini.hero-test_three .hero-2nd .hero-item .info, .hero-mini.hero-test_three .hero-1st .hero-item .info {
        padding: 14px 10px; }
        
     
       .hero-mini.hero-test-two .hero-2nd .hero-item .info h1, .hero-mini.hero-test-two .hero-1st .hero-item .info h1,
        .hero-mini.hero-test_three .hero-2nd .hero-item .info h1, .hero-mini.hero-test_three .hero-1st .hero-item .info h1 {
        margin: 0 0 8px 0; }
    
  /*  
  
  @media(max-width:480px)
     {
         
         .hero .hero-full.hero-test
         {
             height:500px;
         }
   
         .hero-item .info span{
             display:none;
         }
         
         .hero .hero-full .hero-2nd span.hero-icon,.hero .hero-full .hero-3rd span.hero-icon
         .hero .hero-mini .hero-1st span.hero-icon, .hero .hero-mini.hero-test-two .hero-2nd span.hero-icon,
         .hero .hero-mini .hero-1st span.hero-icon, .hero .hero-mini.hero-test-two .hero-2nd span.hero-icon
         {
             height:70px;
             width:70px;
         }
         
         .hero .hero-full.hero-test .hero-2nd, .hero .hero-full.hero-test .hero-3rd, .hero .hero-full.hero-test .hero-4th,
         .hero-mini.hero-test-two .hero-2nd, .hero-mini.hero-test-two .hero-1st, .hero-mini.hero-test_three .hero-2nd, .hero-mini.hero-test_three .hero-1st
         {
             height:78px;
         }
         
         .hero .hero-full.hero-test .hero-3rd
         {
             top:90px;
         }
         
         .hero .hero-mini
         {
             height:168px;
         }
         
         .hero .hero-full.hero-test .hero-1st
         {
             top:182px;
         }
         
         .hero-full .hero-1st .hero-item .info span{
             display:block;
         }
         
         .hero-2nd .hero-item h1 a,.hero-3rd .hero-item h1 a,.hero-mini.hero-test-two .hero-1st .hero-item .info h1 a
         {
             margin-top:5%;
             font-size:1.2em;
             display:block;
         }
         
         .hero .hero-full.hero-test .hero-2nd .info h1,
         .hero .hero-full.hero-test .hero-3rd .info h1
         {
             margin-top:5%;
             
         }
         
     }
  
         
  @media(max-width: 360px)
  {
      .hero .hero-full.hero-test
         {
             height:445px;
         }
  }     
*/
 
             

.pull-left {
  float: left; }
  @media (max-width: 641px) {
    .pull-left {
      float: none !important; } }

.hero-icon-hover {
  -webkit-animation: play 0.3s steps(4) 0.2s infinite;
  -moz-animation: play 0.3s steps(4) 0.2s infinite;
  -ms-animation: play 0.3s steps(4) 0.2s infinite;
  -o-animation: play 0.3s steps(4) 0.2s infinite;
  animation: play 0.3s steps(4) 0.2s infinite; }

@-webkit-keyframes play {
  from {
    background-position: 0px; }
  to {
    background-position: -400px; } }
@-moz-keyframes play {
  from {
    background-position: 0px; }
  to {
    background-position: -400px; } }
@-ms-keyframes play {
  from {
    background-position: 0px; }
  to {
    background-position: -400px; } }
@-o-keyframes play {
  from {
    background-position: 0px; }
  to {
    background-position: -400px; } }
@keyframes play {
  from {
    background-position: 0px; }
  to {
    background-position: -400px; } }
section.container {
  margin-bottom: 30px; }

/* Synopsis */
.synopsis {
  clear: both; }
  
  
  @media(min-width:600px)
  {
      
  
  .synopsis article img {
    margin: 0 10px 10px 10px; }
}
  



/* Page blocks and panels */

.pageBlock-blue, .panel-blue {
  border-top: 2px solid #1998D5;}
  .pageBlock-blue h1, .pageBlock-blue h2.section-header, .panel-blue h1, .panel-blue h2.section-header {

    color: #FFFFFF;
    background-color: #1998D5;
    text-align: center;
    padding: 5px;
    font-size: 1.5em; }
    @media (min-width: 768px) {
      .pageBlock-blue h1, .pageBlock-blue h2.section-header, .panel-blue h1, .panel-blue h2.section-header {
        font-size: 1.8em; } }
    .pageBlock-blue h1 a, .pageBlock-blue h2.section-header a, .panel-blue h1 a, .panel-blue h2.section-header a {
      color: #FFFFFF; }
  .pageBlock-blue ul, .panel-blue ul {
    color: #1998D5;
    padding: 0 16px;
    margin: 0 0 10px 30px; }
    .pageBlock-blue ul li span, .panel-blue ul li span {
      color: black; }
  .pageBlock-blue blockquote:before, .panel-blue blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    left: 0;
    margin-top: -23px;
    margin-right: 10px;
    color: #1998D5;
    float: left;
    height: 47px; }

.btn-blue {
  background-color: #1998D5;
  color: #FFFFFF;
  border-radius: 0;
  margin: 20px auto;
  padding: 5px;
  width: 90%; }
  @media (min-width: 480px) {
    .btn-blue {
      width: 80%; } }
  @media (min-width: 640px) {
    .btn-blue {
      width: 60%; } }
  @media (min-width: 768px) {
    .btn-blue {
      width: 50%; } }
  @media (min-width: 800px) {
    .btn-blue {
      width: 35%; } }

.panel-blue blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  left: 0;
  margin-top: -23px;
  margin-right: 10px;
  color: #1998D5;
  float: left;
  height: 47px; }

 .panel-green h1, .panel-blue h1,.pageBlock-purple h1,.panel-magenta h1,.pageBlock-orange h1
 {
     min-height:40px;
 }


.pageBlock-green, .panel-green {
  border-top: 2px solid #B2BB1E;}
  .pageBlock-green h1, .pageBlock-green h2.section-header, .panel-green h1, .panel-green h2.section-header {
   font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #FFFFFF;
    background-color: #B2BB1E;
    text-align: center;
    padding: 5px;
    font-size: 1.5em; }
    @media (min-width: 768px) {
      .pageBlock-green h1, .pageBlock-green h2.section-header, .panel-green h1, .panel-green h2.section-header {
        font-size: 1.8em; } }
    .pageBlock-green h1 a, .pageBlock-green h2.section-header a, .panel-green h1 a, .panel-green h2.section-header a {
      color: #FFFFFF; }
  .pageBlock-green ul, .panel-green ul {
    color: #B2BB1E;
    padding: 0 16px;
    margin: 0 0 10px 30px; }
    .pageBlock-green ul li span, .panel-green ul li span {
      color: black; }
  .pageBlock-green blockquote:before, .panel-green blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    left: 0;
    margin-top: -23px;
    margin-right: 10px;
    color: #B2BB1E;
    float: left;
    height: 47px; }

.btn-green {
  background-color: #B2BB1E;
  color: #FFFFFF;
  border-radius: 0;
  margin: 20px auto;
  padding: 5px;
  width: 90%; }
  @media (min-width: 480px) {
    .btn-green {
      width: 80%; } }
  @media (min-width: 640px) {
    .btn-green {
      width: 60%; } }
  @media (min-width: 768px) {
    .btn-green {
      width: 50%; } }
  @media (min-width: 800px) {
    .btn-green {
      width: 35%; } }


.panel-green blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  left: 0;
  margin-top: -23px;
  margin-right: 10px;
  color: #B2BB1E;
  float: left;
  height: 47px; }

.pageBlock-purple, .panel-purple {
  border-top: 2px solid #A54399; }
  .pageBlock-purple h1, .pageBlock-purple h2.section-header, .panel-purple h1, .panel-purple h2.section-header {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #FFFFFF;
    background-color: #A54399;
    text-align: center;
    padding: 5px;
    font-size: 1.5em; }
    @media (min-width: 768px) {
      .pageBlock-purple h1, .pageBlock-purple h2.section-header, .panel-purple h1, .panel-purple h2.section-header {
        font-size: 1.8em; } }
    .pageBlock-purple h1 a, .pageBlock-purple h2.section-header a, .panel-purple h1 a, .panel-purple h2.section-header a {
      color: #FFFFFF; }
  .pageBlock-purple ul, .panel-purple ul {
    color: #A54399;
    padding: 0 16px;
    margin: 0 0 10px 30px; }
    .pageBlock-purple ul li span, .panel-purple ul li span {
      color: black; }
  .pageBlock-purple blockquote:before, .panel-purple blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    left: 0;
    margin-top: -23px;
    margin-right: 10px;
    color: #A54399;
    float: left;
    height: 47px; }

.btn-purple {
  background-color: #A54399;
  color: #FFFFFF;
  border-radius: 0;
  margin: 20px auto;
  padding: 5px;
  width: 90%; }
  @media (min-width: 480px) {
    .btn-purple {
      width: 80%; } }
  @media (min-width: 640px) {
    .btn-purple {
      width: 60%; } }
  @media (min-width: 768px) {
    .btn-purple {
      width: 50%; } }
  @media (min-width: 800px) {
    .btn-purple {
      width: 35%; } }

.panel-purple blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  left: 0;
  margin-top: -23px;
  margin-right: 10px;
  color: #A54399;
  float: left;
  height: 47px; }

.pageBlock-magenta, .panel-magenta {
  border-top: 2px solid #EA0B8C;}
  .pageBlock-magenta h1, .pageBlock-magenta h2.section-header, .panel-magenta h1, .panel-magenta h2.section-header {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #FFFFFF;
    background-color: #EA0B8C;
    text-align: center;
    padding: 5px;
    font-size: 1.5em; }
    @media (min-width: 768px) {
      .pageBlock-magenta h1, .pageBlock-magenta h2.section-header, .panel-magenta h1, .panel-magenta h2.section-header {
        font-size: 1.8em; } }
    .pageBlock-magenta h1 a, .pageBlock-magenta h2.section-header a, .panel-magenta h1 a, .panel-magenta h2.section-header a {
      color: #FFFFFF; }
  .pageBlock-magenta ul, .panel-magenta ul {
    color: #EA0B8C;
    padding: 0 16px;
    margin: 0 0 10px 30px; }
    .pageBlock-magenta ul li span, .panel-magenta ul li span {
      color: black; }
  .pageBlock-magenta blockquote:before, .panel-magenta blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    left: 0;
    margin-top: -23px;
    margin-right: 10px;
    color: #EA0B8C;
    float: left;
    height: 47px; }

.btn-magenta {
  background-color: #EA0B8C;
  color: #FFFFFF;
  border-radius: 0;
  margin: 20px auto;
  padding: 5px;
  width: 90%; }
  @media (min-width: 480px) {
    .btn-magenta {
      width: 80%; } }
  @media (min-width: 640px) {
    .btn-magenta {
      width: 60%; } }
  @media (min-width: 768px) {
    .btn-magenta {
      width: 50%; } }
  @media (min-width: 800px) {
    .btn-magenta {
      width: 35%; } }

.panel-magenta blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  left: 0;
  margin-top: -23px;
  margin-right: 10px;
  color: #EA0B8C;
  float: left;
  height: 47px; }
  
  .panel-body ol{
      padding: 0 16px;
  }

.pageBlock-orange, .panel-orange {
  border-top: 2px solid #F58026; }
  .pageBlock-orange h1, .pageBlock-orange h2.section-header, .panel-orange h1, .panel-orange h2.section-header {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #FFFFFF;
    background-color: #F58026;
    text-align: center;
    padding: 5px;
    font-size: 1.5em; }
    @media (min-width: 768px) {
      .pageBlock-orange h1, .pageBlock-orange h2.section-header, .panel-orange h1, .panel-orange h2.section-header {
        font-size: 1.8em; } }
    .pageBlock-orange h1 a, .pageBlock-orange h2.section-header a, .panel-orange h1 a, .panel-orange h2.section-header a {
      color: #FFFFFF; }
  .pageBlock-orange ul, .panel-orange ul {
    color: #F58026;
    padding: 0 16px;
    margin: 0 0 10px 30px; }
    .pageBlock-orange ul li span, .panel-orange ul li span {
      color: black; }
  .pageBlock-orange blockquote:before, .panel-orange blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    left: 0;
    margin-top: -23px;
    color: #F58026;
    margin-right: 10px;
    float: left;
    height: 47px; }

.btn-orange {
  background-color: #F58026;
  color: #FFFFFF;
  border-radius: 0;
  margin: 20px auto;
  padding: 5px;
  width: 90%; }
  @media (min-width: 480px) {
    .btn-orange {
      width: 80%; } }
  @media (min-width: 640px) {
    .btn-orange {
      width: 60%; } }
  @media (min-width: 768px) {
    .btn-orange {
      width: 50%; } }
  @media (min-width: 800px) {
    .btn-orange {
      width: 35%; } }

.panel-orange blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  left: 0;
  margin-top: -23px;
  margin-right: 10px;
  color: #F58026;
  float: left;
  height: 47px; }

.pageBlock-red, .panel-red {
  border-top: 2px solid #DC0C15;}
  .pageBlock-red h1, .pageBlock-red h2.section-header, .panel-red h1, .panel-red h2.section-header {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #FFFFFF;
    background-color: #DC0C15;
    text-align: center;
    padding: 5px;
    font-size: 1.5em; }
    @media (min-width: 768px) {
      .pageBlock-red h1, .pageBlock-red h2.section-header, .panel-red h1, .panel-red h2.section-header {
        font-size: 1.8em; } }
    .pageBlock-red h1 a, .pageBlock-red h2.section-header a, .panel-red h1 a, .panel-red h2.section-header a {
      color: #FFFFFF; }
  .pageBlock-red ul, .panel-red ul {
    color: #DC0C15;
    padding: 0 16px;
    margin: 0 0 10px 30px; }
    .pageBlock-red ul li span, .panel-red ul li span {
      color: black; }
  .pageBlock-red blockquote:before, .panel-red blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    left: 0;
    margin-top: -23px;
    margin-right: 10px;
    color: #DC0C15;
    float: left;
    height: 47px; }

.btn-red {
  background-color: #DC0C15;
  color: #FFFFFF;
  border-radius: 0;
  margin: 20px auto;
  padding: 5px;
  width: 90%; }
  @media (min-width: 480px) {
    .btn-red {
      width: 80%; } }
  @media (min-width: 640px) {
    .btn-red {
      width: 60%; } }
  @media (min-width: 768px) {
    .btn-red {
      width: 50%; } }
  @media (min-width: 800px) {
    .btn-red {
      width: 35%; } }

.panel-red blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  left: 0;
  margin-top: -23px;
  margin-right: 10px;
  color: #DC0C15;
  float: left;
  height: 47px; }

.pageBlock-burgundy, .panel-burgundy {
  border-top: 2px solid #AA2226; }
  .pageBlock-burgundy h1, .pageBlock-burgundy h2.section-header, .panel-burgundy h1, .panel-burgundy h2.section-header {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #FFFFFF;
    background-color: #AA2226;
    text-align: center;
    padding: 5px;
    font-size: 1.5em; }
    @media (min-width: 768px) {
      .pageBlock-burgundy h1, .pageBlock-burgundy h2.section-header, .panel-burgundy h1, .panel-burgundy h2.section-header {
        font-size: 1.8em; } }
    .pageBlock-burgundy h1 a, .pageBlock-burgundy h2.section-header a, .panel-burgundy h1 a, .panel-burgundy h2.section-header a {
      color: #FFFFFF; }
  .pageBlock-burgundy ul, .panel-burgundy ul {
    color: #AA2226;
    padding: 0 16px;
    margin: 0 0 10px 30px; }
    .pageBlock-burgundy ul li span, .panel-burgundy ul li span {
      color: black; }

  .pageBlock-burgundy blockquote:before, .panel-burgundy blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    left: 0;
    margin-top: -23px;
    margin-right: 10px;
    color: #AA2226;
    float: left;
    height: 47px; }

.btn-burgundy {
  background-color: #AA2226;
  color: #FFFFFF;
  border-radius: 0;
  margin: 20px auto;
  padding: 5px;
  width: 90%; }
  @media (min-width: 480px) {
    .btn-burgundy {
      width: 80%; } }
  @media (min-width: 640px) {
    .btn-burgundy {
      width: 60%; } }
  @media (min-width: 768px) {
    .btn-burgundy {
      width: 50%; } }
  @media (min-width: 800px) {
    .btn-burgundy {
      width: 35%; } }

.panel-burgundy h2, .panel-burgundy h4 {
  color: #AA2226; }
.panel-burgundy blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  left: 0;
  margin-top: -23px;
  margin-right: 10px;
  color: #AA2226;
  float: left;
  height: 47px; }

.synopsis {
  clear: both; }
  
    
  @media(min-width:600px)
  {
      
  
  .synopsis article img {
    margin: 0 10px 10px 10px; }
  }

/*
.synopsis .panel:first-child p > span
{
  font-weight: bold;
}*/

.single.synopsis .panel:first-child .panel-body:last-child ul.scroll-to-links{
  padding: 0 0 0 0;
  margin: 0 0 0 20px;
  list-style: none;
}

.single.synopsis .panel:first-child .panel-body:last-child ul.scroll-to-links li:before{

 content: "";
    border-color: transparent #1998D5;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 15px;
    position: relative;

}

.single.synopsis .panel:first-child .panel-body:last-child ul.scroll-to-links li span{
    font-size: 14px;
  font-size: 1.4rem;
}

.single.synopsis .panel:first-child .panel-body:last-child 
{
  padding: 0 20px 20px 20px;
}


.panel h1 img {
  display: none;}

.panel-body h3, .panel-body h2, .panel-body h4 {
  
  font-size: 1.2em;
  word-wrap: break-word; }
.panel-body h2
{
    line-height: 1.4em;
}
.panel-body iframe, .panel-body object {
  max-width: 100%; }
.panel-body ul {
  color:#333;
  margin: 0; }
  @media (min-width: 768px) {
    .panel-body ul,.panel-body ol {
      margin: 0 0 10px 36px; } }

.pageBlock-img {
  margin-right: 20px;
  max-width: 337px; }

.featured-article h1 {
  margin-bottom: 10px; }
.featured-article h2 {
  font-size: 1.3em;
  padding: 0 20px;
  margin-bottom: 0;
  color: black; }
.featured-article h3 {
  padding: 0 20px;
  margin-bottom: 0;
  color: #B2BB1E; }
.featured-article img {
  float: left; }
@media (min-width: 768px) {
  .featured-article p {
    margin-left: 436px; } }

.banner > a > img {
  width: 100%; }
.banner > img {
  width: 100%; }

.banners {
   min-height: 40px;
  position: relative;
  margin-bottom: 20px; }
  .banners .banner {
    position: absolute;
    top: 0; }
    .banners .banner + .banner {
      display: none; }

/* Listing blocks */
.listing-block h1 {
  margin-bottom: 20px; }
.listing-block .featured {
  background-color: white;
  margin-bottom: 30px;
  height: 175px;
  position: relative; }
  @media (min-width: 768px) {
    .listing-block .featured {
      clear: both;
      height: 312px;
      background-color: #FFFFFF; } }
  .listing-block .featured > .main-image {
    float: left;
    width: 180px; }
    @media (min-width: 768px) {
      .listing-block .featured > .main-image {
        margin-right: 30px;
        width: 324px; } }
    .listing-block .featured > .main-image > a > img {
      width: 100%; }
    .listing-block .featured > .main-image > img {
      width: 100%; }
.listing-block .listing-inner {
  margin-left: 190px; }
  @media (min-width: 768px) {
    .listing-block .listing-inner {
      padding: 10px; } }
  .listing-block .listing-inner h2 {
    margin: 0;
    padding: 5px 5px 0 0;
    font-size: 1.4em; }
    @media (min-width: 320px) {
      .listing-block .listing-inner h2 {
        font-size: 1.1em; } }
    @media (min-width: 768px) {
      .listing-block .listing-inner h2 {
        font-size: 1.4em; } }
  .listing-block .listing-inner p {
    margin: 0; }
  .listing-block .listing-inner .featured-text {
    display: none; }
    @media (min-width: 320px) {
      .listing-block .listing-inner .featured-text {
        display: none; } }
    @media (min-width: 1000px) {
      .listing-block .listing-inner .featured-text {
        display: block; } }
  .listing-block .listing-inner.full {
    margin-left: 0; }
.listing-block .listing {
  width: 100%;
  margin-bottom: 30px;
  height: 145px;
  background-color: #FFFFFF;
  border-right: 2px solid #1998D5;
  position: relative; }
  @media (min-width: 768px) {
    .listing-block .listing:nth-of-type(even) {
      float: right; } }
  @media (min-width: 768px) {
    .listing-block .listing {
      width: 100%;
      margin-bottom: 30px;
      float: left; } }
  @media (min-width: 1000px) {
    .listing-block .listing {
      width: 445px; } }
  .listing-block .listing .main-image {
    width: 180px;
    float: left;
    height: 145px; }
    @media (min-width: 768px) {
      .listing-block .listing .main-image {
        float: left; } }
    .listing-block .listing .main-image img {
      width: 100%;
      height: 100%; }
  .listing-block .listing .listing-inner {
    padding: 5px 5px 0 0; }
  .listing-block .listing h2 {
    font-size: 1em; }
    @media (min-width: 768px) {
      .listing-block .listing h2 {
        font-size: 1.1em; } }
.listing-block a.btn-primary {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: none; }
  @media (min-width: 361px) {
    .listing-block a.btn-primary {
      display: block; } }
.listing-block .brook-event {
  border-right: 2px solid #1998D5; }
  .listing-block .brook-event a.btn-primary {
    background-color: #1998D5;
    border-color: #1998D5; }
.listing-block .user-event {
  border-right: 2px solid #EA0B8C; }
  .listing-block .user-event a {
    color: #EA0B8C; }
  .listing-block .user-event a.btn-primary {
    color: #FFFFFF;
    background-color: #EA0B8C;
    border-color: #EA0B8C; }
.listing-block .internal-job {
  border-right: 2px solid #EA0B8C; }
  .listing-block .internal-job a {
    color: #EA0B8C; }
  .listing-block .internal-job a.btn-primary {
    color: #FFFFFF;
    background-color: #EA0B8C;
    border-color: #EA0B8C; }

.container.intranet h1 {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }

/* Home links */
@media (min-width: 1000px) { 
    .home-links.join-in-links ul li
    {width: 219px !important; } 
    
    .home-links.region-links ul li {
    width: 220px !important; }
    
        .home-links.region-links ul li:nth-child(4)
        {
            margin-right:0px;
            
        }
        
        .home-links.region-links ul li:nth-child(5)
        {
            margin-right:12px;
        }
    
        .home-links.join-in-links ul li:last-child,.home-links.join-in-links ul li:nth-child(4)
        {
            margin-right: 0px;
            
        }
    
    }
   
.home-links ul {
  margin: 0 auto;
  left: 0;
  position: relative;
  padding: 0;
  width: 100%; }
 
 
 
 
  .home-links ul li {
    list-style: none;
    cursor: pointer; }
    
     @media (min-width: 768px) and (max-width: 1000px) {
       
          .home-links ul li:nth-child(odd),.home-links ul li:nth-child(n+4):nth-child(odd){
        margin-left:0px;
        margin-right:0px;
      
      }
      
      .home-links ul li:nth-child(even),.home-links ul li:nth-child(n+4):nth-child(even) {
        
        margin-right:10px;
        margin-left:10px;
      
      }
      
      .home-links ul li:nth-child(4)
      {
        margin-right: 0 !important;
      }
      
      .home-links ul li:nth-child(n+7):nth-child(even) {
      
        margin-right:0px;
      
      }
      .home-links ul li:nth-child(n+10):nth-child(even){
          
          margin-right: 10px;
          
      }
      
     }
     
    
  
    
    @media (min-width: 768px) {
    
      
      .home-links ul li {
        float: left;
        margin: 0 5px 10px 5px;
        display: table;
        width: 174px;
        height: 174px; } 
        
        
       .home-links.join-in-links
       {
           
       }
       
        }
    @media (min-width: 800px) {
      .home-links ul li {
        width: 168px; } }
    @media (min-width: 1000px) {
      .home-links ul li {
        width: 174px;
        height: 174px; } 
        
         .home-links ul li {
        margin: 0 5px 12px 5px;} 
        
          
      .home-links ul li:nth-child(odd),.home-links ul li:nth-child(n+6):nth-child(even)
  
      {
        margin-left:0px;
        margin-right:0px;
      
      }
      
      .home-links ul li:nth-child(even),.home-links ul li:nth-child(n+6):nth-child(odd)
     
      
      
      {
        
        margin-right:12px;
        margin-left:12px;
      
      }
      
      .home-links ul li:nth-child(n+11):nth-child(odd) 
      {
           margin-left:0px;
        margin-right:0px;
      
      }
      
          .join-in-links ul li:nth-child(4)
          {
              margin-right: 0px;
          }
        
        
        
        
        }
   
       
         @media (min-width: 768px) and (max-width: 786px) {
          .home-links ul li {
       
        width: 172px;
       }
         }
        
      
      
      
    .home-links ul li div {
      display: table-cell;
      vertical-align: middle; }
      .home-links ul li div span {
        width: 80px;
        height: 80px;
        margin: 0;
        display: block;
        background-size: cover;
        float: left; }
        @media (min-width: 768px) {
          .home-links ul li div span {
            width: 100px;
            height: 100px;
            display: block;
            margin: auto;
            float: none; } }
    .home-links ul li a {
      color: #FFFFFF;
      text-decoration: none;
      outline: none; }
    .home-links ul li a h2:hover{
        text-decoration: underline;
    }
    .home-links ul li h2 {
      font-size: 1.2em;
      line-height: 1.4em;
      margin: 10px;
      text-align: left; }
      @media (max-width: 767px) {
        .home-links ul li h2 br {
          content: " ";
          /* Remove break */
          margin-right: 6px;
          /* Set space between text blocks */ } }
      @media (min-width: 768px) {
        .home-links ul li h2 {
          float: none;
          font-size: 1.2em;
          display: block;
          margin: 0 10px 10px;
          text-align: center; } }
    .home-links ul li span ~ h2 {
      margin: 0 0 0 40px;
  
      padding: 12px 0; }
      @media (min-width: 768px) {
        .home-links ul li span ~ h2 {
          margin: -2px 10px -7px;
          padding: 0; } }
.home-links a > img {
  width: 36px;
  height: 36px;
  float: left; }
  @media (min-width: 768px) {
    .home-links a > img {
      width: 120px;
      height: 120px;
      float: none; } }
      
     
    
     
    @media (min-width: 320px) and (max-width: 767px) {
       
       
        
       
        .home-links ul li
        {
            margin-bottom: 8px;
        }
        
        .home-links ul li span ~ h2
        {
            padding: 30px 0 0 60px;
                width:100%;
        }
    }
    
      @media (max-width: 420px)
      {
          .home-links ul li span ~ h2
          {
              padding:30px 0 30px 50px;
              width: 260px;
          }
      }
  
  @media(min-width:768px)
  {
     .box-hack  ul li 
     {
         height: 182px;
     }
  .box-hack  ul li h2
  {
      font-size: 14px;
      line-height: 1.3em;
  } 
  
  
  }
  
  

.large-links ul {
  left: 0;
  position: relative;
  padding: 0; }
  .large-links ul li {
    height: 140px;
    float: left;
    list-style: none;
    display: table;
    cursor: pointer;
    padding: 10px; }
    .large-links ul li div {
      display: table-cell;
      vertical-align: middle; }
    @media (min-width: 320px) {
      .large-links ul li {
        height: 167px; } }
    @media (min-width: 360px) {
      .large-links ul li {
        height: 147px; } }
    .large-links ul li a {
      color: #FFFFFF;
      text-decoration: none; }
    .large-links ul li h2 {
      font-size: 0.8em;
      margin: 0 10px 10px; }
      @media (min-width: 768px) {
        .large-links ul li h2 {
          font-size: 1em; } }
    .large-links ul li span.hero-icon {
      width: 100px;
      height: 100px;
      background-size: cover;
      display: block;
      margin: auto; }
.large-links img {
  margin-bottom: 10px;
  width: 89px; }
  @media (min-width: 768px) {
    .large-links img {
      width: 120px;
      height: 120px; } }

/* Twitter feeds */
.brook-tweets > div {
  background-color: #FFFFFF;
  border-bottom: 2px solid #1998D5; }
  .brook-tweets > div .row {
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
    border-bottom: 1px solid #A7A9AC; }
    .brook-tweets > div .row:last-child {
      border-bottom: none; }
    .brook-tweets > div .row img {
      float: left; }
    .brook-tweets > div .row h2 {
      margin-left: 93px;
      font-size: 1.4em;
      font-weight: bold; }
    .brook-tweets > div .row p {
      padding: 0;
      margin-bottom: 0;
      margin-left: 93px; }
  .brook-tweets > div .btn-twitter {
    background-color: #1998d5;
    color: #FFFFFF;
    border-radius: 0;
    margin: 20px auto;
    padding: 5px;
    width: 90%; }
    @media (min-width: 480px) {
      .brook-tweets > div .btn-twitter {
        width: 80%; } }
    @media (min-width: 640px) {
      .brook-tweets > div .btn-twitter {
        width: 60%; } }
    @media (min-width: 768px) {
      .brook-tweets > div .btn-twitter {
        width: 50%; } }
    @media (min-width: 800px) {
      .brook-tweets > div .btn-twitter {
        width: 35%; } }
.brook-tweets.tweet-burgundy > div {
  background-color: #FFFFFF;
  border-bottom: 2px solid #AA2226; }

/* Fundraise links */
.fundraise-links ul {
  padding: 0;
  margin: 0 auto;
  position: relative;
  width: 300px; }
  @media (min-width: 480px) {
    .fundraise-links ul {
      width: 450px; } }
  @media (min-width: 600px) {
    .fundraise-links ul {
      width: 100%; } }
  @media (min-width: 768px) {
    .fundraise-links ul {
      width: 705px; } }
  @media (min-width: 1000px) {
    .fundraise-links ul {
      width: 100%; } }
  .fundraise-links ul li {
    list-style: none;
    cursor: pointer; }
    @media (min-width: 768px) {
      .fundraise-links ul li {
        width: 225px;
        float: left;
        margin: 0 5px 10px 5px;
        display: table;
        height: 150px; } }
    @media (min-width: 800px) {
      .fundraise-links ul li {
        width: 224px; } }
    @media (min-width: 1000px) {
      .fundraise-links ul li {
        width: 296px; } }
    .fundraise-links ul li div {
      display: table-cell;
      vertical-align: middle;
      padding: 0 10px; }
      @media (min-width: 768px) {
        .fundraise-links ul li div {
          padding: 0 13px; } }
      .fundraise-links ul li div span {
        display: block;
        width: 36px;
        height: 36px;
        margin: 0;
        background-size: cover;
        float: left; }
        @media (min-width: 768px) {
          .fundraise-links ul li div span {
            width: 100px;
            height: 100px;
            display: block;
            margin: auto;
            float: none; } }
    .fundraise-links ul li a {
      color: #FFFFFF;
      text-decoration: none;
      outline: none;
      display: block; }
      @media (min-width: 768px) {
        .fundraise-links ul li a {
          height: auto; } }
    .fundraise-links ul li img {
      height: 100px; }
      @media (min-width: 1000px) {
        .fundraise-links ul li img {
          height: auto; } }
    .fundraise-links ul li h2 {
      font-size: 1em;
      padding: 0;
      margin: 10px;
      text-align: left; }
      @media (max-width: 767px) {
        .fundraise-links ul li h2 br {
          content: " ";
          /* Remove break */
          margin-right: 6px;
          /* Set space between text blocks */ } }
      @media (min-width: 768px) {
        .fundraise-links ul li h2 {
          float: none;
          display: block;
          margin: 0 10px 10px;
          text-align: center;
          font-size: 1.2em; } }
    .fundraise-links ul li span ~ h2 {
      margin: 0 0 0 40px;
      padding: 12px 0; }
      @media (min-width: 768px) {
        .fundraise-links ul li span ~ h2 {
          margin: 0 10px 10px;
          padding: 0; } }

/* Get inspired block */
.get-inspired {
  text-align: center; }
  .get-inspired .panel-purple h1 {
    background-color: #FFFFFF;
    color: #A54399;
    padding-top: 20px;
    margin-bottom: 0;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 2em; }
    .get-inspired .panel-purple h1 img {
      margin-bottom: 20px; }

/* Fundraise snippets */
@media (min-width: 1000px) {
  .fundraise-snippets .snippet:nth-child(even) {
    margin-left: 30px; } }
@media (min-width: 320px) {
  .fundraise-snippets .snippet {
    float: left;
    width: 100%;
    max-height: 250px;
    background-color: white;
    margin-bottom: 30px;
    border-right: 2px solid #A54399; } }
@media (min-width: 768px) {
  .fundraise-snippets .snippet {
    float: left;
    width: 100%;
    max-height: 250px;
    background-color: white;
    margin-bottom: 30px;
    border-right: 2px solid #A54399; } }
@media (min-width: 1000px) {
  .fundraise-snippets .snippet {
    width: 444px; } }
.fundraise-snippets .snippet .snippet-main-image {
  margin-right: 15px;
  float: left;
  width: 150px; }
  @media (min-width: 480px) {
    .fundraise-snippets .snippet .snippet-main-image {
      float: left;
      width: 250px; } }
  .fundraise-snippets .snippet .snippet-main-image > a > img {
    width: 100%; }
  .fundraise-snippets .snippet .snippet-main-image > img {
    width: 100%; }
.fundraise-snippets .snippet .snippet-inner {
  padding: 20px;
  margin-left: 0; }
  @media (min-width: 480px) {
    .fundraise-snippets .snippet .snippet-inner {
      padding: 20px;
      margin-left: 250px; } }
  .fundraise-snippets .snippet .snippet-inner h2 {
    font-size: 1.5em;
    color: #A54399; }
    @media (min-width: 480px) {
      .fundraise-snippets .snippet .snippet-inner h2 {
        font-size: 1.8em; } }
  .fundraise-snippets .snippet .snippet-inner p {
    font-size: 0.8em; }
  .fundraise-snippets .snippet .snippet-inner a {
    color: #A54399; }

/* Toolkit links */
.toolkit-links > div {
  background-color: #FFFFFF; }
  .toolkit-links > div h1 {
    border-top: 2px solid #A54399;
    font-size: 1.8em;
    padding-top: 20px;
    color: #A54399; }
  .toolkit-links > div p {
    text-align: center;
    font-size: 1.2em;
    padding: 0 15px 15px 15px; }
.toolkit-links ul {
  position: relative;
  padding: 0; }
  @media (min-width: 480px) {
    .toolkit-links ul {
      margin: 0;
      left: 0; } }
  @media (min-width: 600px) {
    .toolkit-links ul {
      width: 80%;
      margin: 0 auto;
      left: 0; } }
  @media (min-width: 640px) {
    .toolkit-links ul {
      width: 100%; } }
  @media (min-width: 768px) {
    .toolkit-links ul {
      width: 100%;
      margin: 0 auto;
      left: 0; } }
  .toolkit-links ul li {
    width: 140px;
    height: 140px;
    float: left;
    list-style: none;
    margin: 0 5px 10px 5px;
    display: table;
    cursor: pointer; }
    @media (min-width: 360px) {
      .toolkit-links ul li {
        width: 159px; } }
    @media (min-width: 480px) {
      .toolkit-links ul li {
        width: 215px; } }
    @media (min-width: 640px) {
      .toolkit-links ul li {
        width: 190px; } }
    @media (min-width: 768px) {
      .toolkit-links ul li {
        width: 230px; } }
    @media (min-width: 800px) {
      .toolkit-links ul li {
        width: 224px; } }
    @media (min-width: 1000px) {
      .toolkit-links ul li {
        width: 173px;
        height: 174px; } }
    .toolkit-links ul li div {
      display: table-cell;
      vertical-align: middle; }
      .toolkit-links ul li div a {
        color: #FFFFFF;
        text-decoration: none; }
        .toolkit-links ul li div a img {
          width: 100px; }
        .toolkit-links ul li div a .filthy {
          font-size: 0.8em; }
          @media (min-width: 768px) {
            .toolkit-links ul li div a .filthy {
              font-size: 1em; } }
      .toolkit-links ul li div span {
        width: 100px;
        height: 100px;
        display: block;
        margin: auto;
        background-size: cover; }

.related-list .panel-body, .regions-list .panel-body {
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1; }
  @media (min-width: 600px) {
    .related-list .panel-body, .regions-list .panel-body {
      -webkit-column-count: 2;
      /* Chrome, Safari, Opera */
      -moz-column-count: 2;
      /* Firefox */
      column-count: 2; } }
  @media (min-width: 768px) {
    .related-list .panel-body, .regions-list .panel-body {
      -webkit-column-count: 3;
      /* Chrome, Safari, Opera */
      -moz-column-count: 3;
      /* Firefox */
      column-count: 3; } }
  .related-list .panel-body ul, .regions-list .panel-body ul {
    margin: 0; }
    .related-list .panel-body ul li, .regions-list .panel-body ul li {
      -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
      -o-column-break-inside: avoid;
      -ms-column-break-inside: avoid;
      column-break-inside: avoid; }
      .related-list .panel-body ul li a, .regions-list .panel-body ul li a {
        outline: none; }
        
  

.related-items .panel-body {
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1; }
  .related-items .panel-body ul li
  {
      margin-bottom: 20px;
  }
  
  
  .related-items .panel-body ul li h3
  {
      margin-bottom: 2px;
  }
  
  @media (min-width: 600px) {
    .related-items .panel-body {
      -webkit-column-count: 2;
      /* Chrome, Safari, Opera */
      -moz-column-count: 2;
      /* Firefox */
      column-count: 2; } }
  @media (min-width: 768px) {
    .related-items .panel-body {
      -webkit-column-count: 3;
      /* Chrome, Safari, Opera */
      -moz-column-count: 3;
      /* Firefox */
      column-count: 3; } }
  .related-items .panel-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 1em;
    -webkit-padding-start: 0; }
    .related-items .panel-body ul li {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid; }
      .related-items .panel-body ul li a {
        outline: none;
        text-decoration: none; }
        .related-items .panel-body ul li a:hover {
          text-decoration: underline; }
      .related-items .panel-body ul li p {
        font-size: 0.9em; }

.web-parts {
  clear: both; }

/* Supporters and testimonials */
.supporters > div > div {
  background-color: #FFFFFF; }
  @media (min-width: 1000px) {
    .supporters > div > div {
      min-height: 651px;
      width: 452px;
      background-color: #FFFFFF;
      border-bottom: 2px solid #F58026; } }
@media (min-width: 1000px) {
  .supporters .testimonials {
    margin-right: 15px; } }
.supporters .testimonials h1 {
  padding: 10px;
  text-align: center; }
.supporters .support-helps h1 {
  padding: 10px;
  text-align: center; }
.supporters h1 {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;  
  color: #FFFFFF;
  font-size: 1.5em;
  background-color: #F58026; }
.supporters dl {
  margin: 0;
  padding: 30px; }
.supporters dl dt, .supporters .media-body h4 {
  color: #F58026;
  font-size: 1.5em;
  margin: 0 0 10px 0;
  font-weight: normal; }
.supporters .testimonials-wide, .supporters .support-helps-wide {
  background-color: #FFFFFF;
  border-bottom: 2px solid #F58023;
  width: 100%;
  min-height: 0; }
  .supporters .testimonials-wide h1, .supporters .support-helps-wide h1 {
    padding: 10px;
    background-color: #F58023;
    text-align: center; }

/* Login form */
@media (min-width: 1000px) {
  .login-form .panel-body {
    background: #FFFFFF url(/images/theme/login-form-bg.png) 30px no-repeat; } }
@media (min-width: 1000px) {
  .login-form .panel-body input[type="email"], .login-form .panel-body input[type="password"] {
    border: none;
    background-color: transparent;
    color: #FFFFFF; } }
@media (min-width: 1000px) {
  .login-form .panel-body .login-username {
    margin-left: 50px; } }
@media (min-width: 1000px) {
  .login-form .panel-body .login-password {
    margin-left: 10px; } }
@media (min-width: 1000px) {
  .login-form .panel-body .btn-login {
    margin-left: 10px;
    margin-right: 40px;
    border: none;
    background-color: transparent;
    color: #FFFFFF; } }

.errors {
  border: 1px solid red;
  padding: 10px;
  margin-bottom: 10px;
  color: #D8000C;
  background-color: #FFBABA;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold; }

.help-inline {
  color: #DC0C15; }

.form-group.error .form-control {
  border: 1px solid red; }
  
  .form-actions .btn-primary, .form-horizontal .btn-primary
{
    color: white;
}
ul.form-control {
  margin: 0;
  height: auto;
  border: none; }

/* Events */
.events-calendar h1 a {
  color: #FFFFFF;
  text-decoration: none; }
.events-calendar .row {
  margin-left: 0;
  margin-right: 0; }
  @media (min-width: 320px) {
    .events-calendar .row {
      margin-left: auto;
      margin-right: auto;
      width: 50%; } }
  @media (min-width: 360px) {
    .events-calendar .row {
      width: 99%; } }
  @media (min-width: 600px) {
    .events-calendar .row {
      width: 84%; } }
  @media (min-width: 768px) {
    .events-calendar .row {
      width: 86%; } }
  @media (min-width: 800px) {
    .events-calendar .row {
      width: 89%; } }
  @media (min-width: 1000px) {
    .events-calendar .row {
      width: 100%; } }
.events-calendar div.month {
  width: 136px;
  float: left;
  height: 156px;
  margin: 15px 10px 0 0; }
  .events-calendar div.month > h3 {
    background-color: #1998D5;
    color: #FFFFFF;
    text-align: center;
    font-size: 75%;
    text-transform: uppercase;
    padding: 1px 10px; }
  .events-calendar div.month ul.week-days {
    list-style: none;
    padding: 0 !important;
    margin: 0;
    font-size: 75%; }
    .events-calendar div.month ul.week-days li {
      float: left;
      padding: 2px 0;
      width: 19px;
      text-align: center; }
  .events-calendar div.month ul.month-days {
    list-style: none;
    padding: 0 !important;
    margin: 0;
    font-size: 70%; }
    .events-calendar div.month ul.month-days li {
      float: left;
      padding: 3px 0;
      width: 19px;
      text-align: center; }
.events-calendar .brook-events {
  background-color: #1998D5;
  border-radius: 50%; }
  .events-calendar .brook-events a {
    color: #FFFFFF; }
.events-calendar .user-events {
  background-color: #EA0B8C;
  border-radius: 50%; }
  .events-calendar .user-events a {
    color: #FFFFFF; }
.events-calendar .calendar-summary {
  list-style: none;
  margin-top: 15px;
  padding: 0; }
  .events-calendar .calendar-summary li {
    display: inline-block;
    padding: 0 26px 0 0; }

.events-search form, .product-search form {
  border-top: 1px solid #1998D5;
  border-bottom: 1px solid #1998D5; }
.events-search input, .events-search select, .product-search input, .product-search select {
  margin-bottom: 5px;
  display: block; }
  @media (min-width: 640px) {
    .events-search input, .events-search select, .product-search input, .product-search select {
      display: inline; } }
.events-search select, .product-search select {
  border: 1px solid #1998D5;
  max-width: 250px; }
  @media (min-width: 640px) {
    .events-search select, .product-search select {
      width: 150px; } }
  @media (min-width: 800px) {
    .events-search select, .product-search select {
      width: 250px; } }
@media (min-width: 1000px) {
  .events-search input[type="text"], .product-search input[type="text"] {
    padding: 0 5px;
    width: 250px; } }

.job-search select {
  margin-bottom: -2px; }

.event-wrapper .panel-Brook h1 {
  background-color: #1998D5;
  padding: 10px;
  font-family: font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

  color: #FFFFFF;
  text-align: center; }
.event-wrapper .panel-User h1 {
  background-color: #EA0B8C;
  padding: 10px;
  font-family: font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

  color: #FFFFFF;
  text-align: center; }
.event-wrapper .event-block-brook {
  padding: 20px; }
  .event-wrapper .event-block-brook h2 {
    text-align: center;
    padding-bottom: 30px;
    font-size: 1.3em;
    color: #000000; }
  @media (min-width: 800px) {
    .event-wrapper .event-block-brook .event-main-image {
      width: 328px;
      position: relative;
      top: 0;
      left: 0;
      padding-bottom: 30px; }
      .event-wrapper .event-block-brook .event-main-image img {
        width: 100%; } }
  .event-wrapper .event-block-brook .event-dates {
    margin-left: 0;
    clear: left; }
    @media (min-width: 768px) {
      .event-wrapper .event-block-brook .event-dates {
        margin-left: 358px;
        clear: none; } }
  .event-wrapper .event-block-brook h3 {
    color: #1998D5; }
  .event-wrapper .event-block-brook ul {
    color: #1998D5; }

/* Centres */
.centre-search input[type="text"] {
  width: 128px;
  margin-bottom: 5px; }
  @media (min-width: 768px) {
    .centre-search input[type="text"] {
      width: 180px; } }
  @media (min-width: 1000px) {
    .centre-search input[type="text"] {
      width: 280px; } }
.centre-search .centres-town-search {
  position: relative; }
  @media (min-width: 768px) {
    .centre-search .centres-town-search {
      width: 315px;
      text-align: right;
      display: inline-block; } }
  @media (min-width: 1000px) {
    .centre-search .centres-town-search {
      width: 413px;
      text-align: right;
      display: inline-block; } }
.centre-search #centre-autocomplete {
  display: none;
  position: absolute;
  z-index: 1;
  background: #FFFFFF;
  border: 1px solid #1998D5;
  top: 25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.28);
  -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.28);
  box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.28); }
  @media (min-width: 1000px) {
    .centre-search #centre-autocomplete {
      left: 134px;
      min-width: 280px; } }
  .centre-search #centre-autocomplete li {
    cursor: pointer; }
    .centre-search #centre-autocomplete li:hover {
      color: #FFFFFF;
      background-color: #1998D5; }

.regions .panel-body {
  padding: 5px; }
  @media (min-width: 768px) {
    .regions .panel-body {
      padding: 20px; } }
.regions #tabs {
   font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
  .regions #tabs li a {
    background-color: #FFFFFF;
    color: #F58026;
    border: 1px solid #F58026; }
  .regions #tabs li.active a {
    background-color: #F58026;
    color: #FFFFFF; }
.regions #centre-locations {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: table;
  width: 100%; }
  .regions #centre-locations li {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 30px; }
    .regions #centre-locations li .reveal-more {
      margin-bottom: 0.5em;
      clear: both; }
    .regions #centre-locations li > a:first-child {
      display: block;
      padding: 5px;
      text-decoration: none; }
      .regions #centre-locations li > a:first-child span {
        display: table-cell;
        vertical-align: middle; }
      .regions #centre-locations li > a:first-child span.centre-count {
        width: 40px;
        height: 26px;
        border: 1px solid #1998D5;
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px;
        color: #FFFFFF;
        text-align: center;
        background-color: #1998D5; }
        @media (min-width: 360px) {
          .regions #centre-locations li > a:first-child span.centre-count {
            width: 40px;
            -webkit-border-radius: 19px;
            -moz-border-radius: 19px;
            border-radius: 19px; } }
        @media (min-width: 480px) {
          .regions #centre-locations li > a:first-child span.centre-count {
            width: 26px;
            -webkit-border-radius: 13px;
            -moz-border-radius: 13px;
            border-radius: 13px; } }
        @media (min-width: 640px) {
          .regions #centre-locations li > a:first-child span.centre-count {
            width: 26px; } }
        @media (min-width: 800px) {
          .regions #centre-locations li > a:first-child span.centre-count {
            width: 27px; } }
        @media (80) {
          .regions #centre-locations li > a:first-child span.centre-count {
            width: 26px; } }
      .regions #centre-locations li > a:first-child span.centre-name {
        width: 189px;
        padding-left: 12px;
        color: white; }
        @media (min-width: 360px) {
          .regions #centre-locations li > a:first-child span.centre-name {
            width: 234px;
            padding-left: 12px; } }
        @media (min-width: 480px) {
          .regions #centre-locations li > a:first-child span.centre-name {
            width: 308px;
            padding-left: 12px; } }
        @media (min-width: 640px) {
          .regions #centre-locations li > a:first-child span.centre-name {
            width: 600px;
            padding-left: 30px; } }
        @media (min-width: 768px) {
          .regions #centre-locations li > a:first-child span.centre-name {
            width: 760px; } }
        @media (min-width: 1000px) {
          .regions #centre-locations li > a:first-child span.centre-name {
            width: 755px; } }
      .regions #centre-locations li > a:first-child span.distance {
        width: 50px;
        text-align: right;
        color: white; }
        @media (min-width: 360px) {
          .regions #centre-locations li > a:first-child span.distance {
            width: 45px; } }
        @media (min-width: 480px) {
          .regions #centre-locations li > a:first-child span.distance {
            width: 100px; } }
  .regions #centre-locations .active-centre > a:first-child {
    background-color: #1998D5;
    color: #FFFFFF;
    font-size: 1.2em; }
    .regions #centre-locations .active-centre > a:first-child span.centre-count {
      color: #1998D5;
      border: 1px solid #FFFFFF;
      background-color: #FFFFFF; }

.centre-details {
  margin-top: 10px;
  color: black; }
  .centre-details > div, .centre-details .centre-wrap > div {
    border-bottom: 1px solid #1998D5;
    margin-bottom: 10px;
    background-color: #D8EAF6; }
    .centre-details > div > h2, .centre-details .centre-wrap > div > h2 {
      background-color: #1998D5;
      color: #FFFFFF;
      padding: 5px 10px;
      margin-bottom: 0;
      font-size: 1em; }
    .centre-details > div table, .centre-details .centre-wrap > div table {
      width: 100%; }
      .centre-details > div table tr:nth-child(even), .centre-details .centre-wrap > div table tr:nth-child(even) {
        background-color: #CBE3F4; }
      .centre-details > div table td, .centre-details .centre-wrap > div table td {
        padding: 5px 10px; }
        .centre-details > div table td:first-child, .centre-details .centre-wrap > div table td:first-child {
          width: 50%; }
  .centre-details .centre-address {
    position: relative; }
    @media (min-width: 480px) {
      .centre-details .centre-address {
        float: left;
        width: 100%; } }
    @media (min-width: 1000px) {
      .centre-details .centre-address {
        width: 49%; } }
    .centre-details .centre-address address {
      width: 100%;
      padding: 20px 10px 0 10px; }
      @media (min-width: 480px) {
        .centre-details .centre-address address {
          float: left;
          width: 180px; } }
      @media (min-width: 640px) {
        .centre-details .centre-address address {
          float: left;
          width: 230px; } }
    .centre-details .centre-address .centre-map {
      display: block;
      margin: 10px auto;
      border: 1px solid #1998D5; }
      @media (min-width: 480px) {
        .centre-details .centre-address .centre-map {
          height: 185px;
          width: 245px;
          float: right;
          margin-right: 10px; } }
      @media (min-width: 1000px) {
        .centre-details .centre-address .centre-map {
          height: auto;
          width: 189px;
          float: right;
          margin-right: 10px; } }
  @media (min-width: 480px) {
    .centre-details .centre-opening {
      clear: both; } }
  @media (min-width: 1000px) {
    .centre-details .centre-opening {
      width: 49%;
      float: right;
      clear: none; } }
  .centre-details .centre-opening table td:first-child {
    width: 30%; }
  .centre-details .centre-opening table td:nth-child(2) {
    width: 40%;
    text-align: right;
    padding: 5px 0; }
    @media (min-width: 1000px) {
      .centre-details .centre-opening table td:nth-child(2) {
        width: 30%;
        padding: 5px 10px; } }
  .centre-details .centre-opening table td:first-child {
    padding: 5px; }
    @media (min-width: 1000px) {
      .centre-details .centre-opening table td:first-child {
        width: 30%;
        padding: 5px 10px; } }
  .centre-details .centre-opening span {
    font-size: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: transparent url(/images/theme/tooltip-icon.png) no-repeat;
    cursor: pointer; }
  .centre-details .centre-wrap {
    clear: both; }
    .centre-details .centre-wrap .centre-services table td:nth-child(2) {
      color: #1998D5; }
    .centre-details .centre-wrap .additional-info {
      padding: 10px; }
      .centre-details .centre-wrap .additional-info:after {
        content: "";
        display: block;
        height: 1px;
        clear: both; }
      .centre-details .centre-wrap .additional-info h2 {
        margin: -10px -10px 20px -10px; }
      .centre-details .centre-wrap .additional-info p {
        padding: 0; }
  .centre-details .center-block {
    clear: left; }
    .centre-details .center-block .btn {
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .centre-details .center-block .btn {
          position: absolute;
          left: 10px;
          bottom: 10px;
          margin-bottom: 0; } }

.disabled {
  cursor: default;
  opacity: 0.5; }

/* Shop */
@media (min-width: 360px) {
  .shop-items div {
    border-bottom: 1px solid #d8d8d8;
    padding: 10px 0; }
    .shop-items div:last-child {
      border-bottom: none; } }
@media (min-width: 768px) {
  .shop-items div {
    display: none; } }
.shop-items .align-right {
  float: right; }
.shop-items .input-mini {
  width: 36px;
  float: right; }
@media (min-width: 360px) {
  .shop-items #shipping_method {
    width: 169px; } }
@media (min-width: 768px) {
  .shop-items #shipping_method {
    width: 400px; } }

.popular-resources {
  display: none; }
  @media (min-width: 1000px) {
    .popular-resources {
      display: block; } }
  .popular-resources h1 {
    border-top: 2px solid #1998D5;
    border-bottom: 1px solid #1998D5;
    background-color: #FFFFFF;
    color: #1998D5;
    padding: 10px 0; }
  .popular-resources #store-hero {
    position: relative;
    margin-top: 20px;
    height: 690px;
    overflow: hidden; }
    .popular-resources #store-hero .store-hero-wrapper {
      display: none;
      position: absolute;
      height: 690px; }
      .popular-resources #store-hero .store-hero-wrapper:first-child {
        display: block; }
      .popular-resources #store-hero .store-hero-wrapper > article {
        width: 299px;
        height: 276px;
        position: absolute; }
        .popular-resources #store-hero .store-hero-wrapper > article .main-image {
          height: 276px;
          text-align: center;
          background: transparent url(/images/theme/product-small-bg.png) no-repeat;
          padding: 10px;
          outline: none; }
        .popular-resources #store-hero .store-hero-wrapper > article .product-info {
          position: absolute;
          z-index: 1;
          bottom: 0;
          height: 75px;
          width: 100%; }
          .popular-resources #store-hero .store-hero-wrapper > article .product-info .hero-link2 {
            position: absolute;
            right: 10px;
            bottom: 0; }
            .popular-resources #store-hero .store-hero-wrapper > article .product-info .hero-link2 a.btn-primary {
              border-color: #FFFFFF;
              background-color: #FFFFFF;
              color: #1998D5; }
        .popular-resources #store-hero .store-hero-wrapper > article:nth-child(odd) {
          height: 404px; }
          .popular-resources #store-hero .store-hero-wrapper > article:nth-child(odd) .main-image {
            height: 404px;
            background: transparent url(/images/theme/product-tall-bg.png) no-repeat; }
          .popular-resources #store-hero .store-hero-wrapper > article:nth-child(odd) .product-info {
            height: 130px; }
        .popular-resources #store-hero .store-hero-wrapper > article h2 {
          font-size: 1.2em;
          padding: 5px 10px; }
          .popular-resources #store-hero .store-hero-wrapper > article h2 a {
            color: #FFFFFF;
            font-weight: bold; }
      .popular-resources #store-hero .store-hero-wrapper .short-description {
        padding: 0 10px; }
      .popular-resources #store-hero .store-hero-wrapper .product-hero1, .popular-resources #store-hero .store-hero-wrapper .product-hero7, .popular-resources #store-hero .store-hero-wrapper .product-hero13, .popular-resources #store-hero .store-hero-wrapper .product-hero19 {
        left: 0;
        top: 0; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero1 .main-image, .popular-resources #store-hero .store-hero-wrapper .product-hero7 .main-image, .popular-resources #store-hero .store-hero-wrapper .product-hero13 .main-image, .popular-resources #store-hero .store-hero-wrapper .product-hero19 .main-image {
          padding-top: 45px; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero1 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero7 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero13 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero19 .product-info {
          background-color: #F58026; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero1 a, .popular-resources #store-hero .store-hero-wrapper .product-hero7 a, .popular-resources #store-hero .store-hero-wrapper .product-hero13 a, .popular-resources #store-hero .store-hero-wrapper .product-hero19 a {
          outline: none; }
      .popular-resources #store-hero .store-hero-wrapper .product-hero2, .popular-resources #store-hero .store-hero-wrapper .product-hero8, .popular-resources #store-hero .store-hero-wrapper .product-hero14, .popular-resources #store-hero .store-hero-wrapper .product-hero20 {
        left: 309px;
        top: 0; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero2 .short-description, .popular-resources #store-hero .store-hero-wrapper .product-hero8 .short-description, .popular-resources #store-hero .store-hero-wrapper .product-hero14 .short-description, .popular-resources #store-hero .store-hero-wrapper .product-hero20 .short-description {
          display: none; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero2 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero8 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero14 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero20 .product-info {
          background-color: #961E60; }
      .popular-resources #store-hero .store-hero-wrapper .product-hero3, .popular-resources #store-hero .store-hero-wrapper .product-hero9, .popular-resources #store-hero .store-hero-wrapper .product-hero15, .popular-resources #store-hero .store-hero-wrapper .product-hero21 {
        left: 620px;
        top: 0; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero3 .main-image, .popular-resources #store-hero .store-hero-wrapper .product-hero9 .main-image, .popular-resources #store-hero .store-hero-wrapper .product-hero15 .main-image, .popular-resources #store-hero .store-hero-wrapper .product-hero21 .main-image {
          padding-top: 45px; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero3 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero9 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero15 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero21 .product-info {
          background-color: #1998D5; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero3 a, .popular-resources #store-hero .store-hero-wrapper .product-hero9 a, .popular-resources #store-hero .store-hero-wrapper .product-hero15 a, .popular-resources #store-hero .store-hero-wrapper .product-hero21 a {
          outline: none; }
      .popular-resources #store-hero .store-hero-wrapper .product-hero4, .popular-resources #store-hero .store-hero-wrapper .product-hero10, .popular-resources #store-hero .store-hero-wrapper .product-hero16, .popular-resources #store-hero .store-hero-wrapper .product-hero22 {
        top: 414px;
        left: 0; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero4 .short-description, .popular-resources #store-hero .store-hero-wrapper .product-hero10 .short-description, .popular-resources #store-hero .store-hero-wrapper .product-hero16 .short-description, .popular-resources #store-hero .store-hero-wrapper .product-hero22 .short-description {
          display: none; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero4 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero10 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero16 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero22 .product-info {
          background-color: #78B89B; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero4 a, .popular-resources #store-hero .store-hero-wrapper .product-hero10 a, .popular-resources #store-hero .store-hero-wrapper .product-hero16 a, .popular-resources #store-hero .store-hero-wrapper .product-hero22 a {
          outline: none; }
      .popular-resources #store-hero .store-hero-wrapper .product-hero5, .popular-resources #store-hero .store-hero-wrapper .product-hero11, .popular-resources #store-hero .store-hero-wrapper .product-hero17, .popular-resources #store-hero .store-hero-wrapper .product-hero23 {
        top: 286px;
        left: 309px; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero5 .main-image, .popular-resources #store-hero .store-hero-wrapper .product-hero11 .main-image, .popular-resources #store-hero .store-hero-wrapper .product-hero17 .main-image, .popular-resources #store-hero .store-hero-wrapper .product-hero23 .main-image {
          padding-top: 45px; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero5 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero11 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero17 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero23 .product-info {
          background-color: #8CC867; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero5 a, .popular-resources #store-hero .store-hero-wrapper .product-hero11 a, .popular-resources #store-hero .store-hero-wrapper .product-hero17 a, .popular-resources #store-hero .store-hero-wrapper .product-hero23 a {
          outline: none; }
      .popular-resources #store-hero .store-hero-wrapper .product-hero6, .popular-resources #store-hero .store-hero-wrapper .product-hero12, .popular-resources #store-hero .store-hero-wrapper .product-hero18, .popular-resources #store-hero .store-hero-wrapper .product-hero24 {
        top: 414px;
        left: 620px; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero6 .short-description, .popular-resources #store-hero .store-hero-wrapper .product-hero12 .short-description, .popular-resources #store-hero .store-hero-wrapper .product-hero18 .short-description, .popular-resources #store-hero .store-hero-wrapper .product-hero24 .short-description {
          display: none; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero6 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero12 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero18 .product-info, .popular-resources #store-hero .store-hero-wrapper .product-hero24 .product-info {
          background-color: #78B89B; }
        .popular-resources #store-hero .store-hero-wrapper .product-hero6 a, .popular-resources #store-hero .store-hero-wrapper .product-hero12 a, .popular-resources #store-hero .store-hero-wrapper .product-hero18 a, .popular-resources #store-hero .store-hero-wrapper .product-hero24 a {
          outline: none; }
  .popular-resources #store-hero-nav ul {
    list-style: none;
    padding: 0;
    margin: 20px auto 0 auto;
    width: 92px; }
    .popular-resources #store-hero-nav ul li {
      display: inline-block;
      padding: 0 5px; }
      .popular-resources #store-hero-nav ul li a {
        display: block;
        width: 10px;
        height: 10px;
        border: 1px solid #D8EAF6;
        border-radius: 5px;
        background-color: #CBE3F4; }
        .popular-resources #store-hero-nav ul li a:hover, .popular-resources #store-hero-nav ul li a.active {
          border-color: #1998D5;
          background-color: #1998D5; }

.brook-product {
  height: 180px; }
  @media (min-width: 768px) {
    .brook-product {
      /*height: 180px !important;*/ } }
  .brook-product .main-image {
    width: 180px;
    height: 180px;
    background: transparent url(/images/theme/product-icon-bg.png) no-repeat;
    text-align: center;
    padding: 10px; }
    .brook-product .main-image img {
      width: auto !important;
      /*height: 80% !important;*/ }
  .brook-product .listing-inner h2 {
    font-size: 1.1em; }
    
   .listing-inner .btn,.centre-details .btn{
       color: #fff;
   }

.shop-product {
  margin-bottom: 30px; }
  .shop-product .product-main-image {
    background-color: transparent;
    background-image: url(/images/theme/product-tall-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 10px;
    width: 250px;
    height: 381px; }
    @media (min-width: 320px) {
      .shop-product .product-main-image {
        float: left;
        width: 100%;
        height: 100%; } }
    @media (min-width: 360px) {
      .shop-product .product-main-image {
        float: left;
        width: 100%;
        height: 100%; } }
    @media (min-width: 600px) {
      .shop-product .product-main-image {
        float: left;
        width: 100%;
        height: 100%; } }
    @media (min-width: 768px) {
      .shop-product .product-main-image {
        float: left;
        width: 299px;
        height: 430px; } }
    .shop-product .product-main-image img {
      width: 79%; }
  @media (min-width: 768px) {
    .shop-product form {
      margin-left: 309px; } }

.basket {
  margin-bottom: 30px; }

.listing-title {
  padding: 20px;
  background-color: white;
  margin-bottom: 30px;
  border-bottom: 1px solid #1998D5;
  border-top: 1px solid #1998D5;
  color: #1998D5;
  font-size: 1.8em; }

.category-image {
  background-size: cover;
  width: 120px;
  height: 120px;
  float: left; }

.twitter-timeline {
  height: 75px; }
  @media (min-width: 768px) {
    .twitter-timeline {
      height: 400px; } }

.facebook-timeline {
  height: 96px;
  border: none;
  overflow: hidden;
  width: 300px;
  background: white; }
  @media (min-width: 768px) {
    .facebook-timeline {
      height: 430px;
      float: left; } }

/* Intranet */
#attachment-tabs {
  background-color: white;
  border-bottom-color: #1998D5; }
  #attachment-tabs li.active > a, #attachment-tabs li.active > a:hover {
    background-color: #E8F4FC;
    border-color: #1998D5;
    border-bottom-color: transparent; }

/* Tidbits */
.btn-primary {
  border-radius: 17px;
  text-decoration: none !important; }
  @media (min-width: 360px) {
    .btn-primary {
      margin-top: 4px; } }

span.marker {
  color: black; }

@media (min-width: 1000px) {
  .timeline-popup {
    width: 551px;
    margin: 0 auto; } }
.timeline-popup a {
  cursor: zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in; }

.royalSlider {
  width: 100% !important; }

.pull-right {
  float: none; }
  @media (min-width: 1000px) {
    .pull-right {
      float: right !important; } }

.supporting-brook, .thank-you, .having-trouble {
  text-align: center; }
  .supporting-brook h1, .thank-you h1, .having-trouble h1 {
   
    color: #F58026;
    font-size: 2em; }
  .supporting-brook p, .thank-you p, .having-trouble p {
    font-size: 1.8em;
    padding: 0 20px; }
    @media (min-width: 320px) {
      .supporting-brook p, .thank-you p, .having-trouble p {
        font-size: 1.4em; } }
    @media (min-width: 360px) {
      .supporting-brook p, .thank-you p, .having-trouble p {
        font-size: 1.6em; } }
    @media (min-width: 600px) {
      .supporting-brook p, .thank-you p, .having-trouble p {
        font-size: 1.8em; } }

.thank-you h1 {
  color: #EA0B8C; }

.having-trouble h1 {
  color: #A54399; }

.pay-by-cheque .row {
  background-color: #FFFFFF;
  text-align: center;
  border-bottom: 2px solid #B2BB1E; }
  .pay-by-cheque .row h1 {
    margin-bottom: 0;
    padding: 27px;
    font-size: 1.8em; }
  .pay-by-cheque .row p {
    font-size: 1.4em;
    padding: 20px;
    margin-bottom: 0; }
  .pay-by-cheque .row span.green {
    color: #B2BB1E;
    background-color: #FFFFFF; }

.control-label {
  padding-right: 20px; }

.paginationLinks {
  width: 100%;
  clear: both; }

.addthis_toolbox {
  clear: both; }

.addthis_toolbox .google_plusone_badge {
  width: 32px;
  height: 32px;
  display: inline-block;
  background-image: url(/images/theme/gplus-32.png);
  cursor: pointer; }

.error404 {
  background-color: #FFFFFF;
  text-align: center;
  padding: 30px; }
  .error404 h1 {
    margin-top: 30px; }

#notice-overlay {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.6); }
  #notice-overlay .container {
    position: absolute;
    margin-top: 50%;
    margin-left: 50%;
    width: 80%;
    max-width: 600px; }

.a-z-letters {
  list-style: none;
  padding: 0;
  margin: 0; }
  .a-z-letters li {
    display: inline-block;
    padding: 0 7px;
    text-align: center;
    font-size: 1.2em;
    line-height: 1;
    border-right: 1px solid #1998D5; }
    .a-z-letters li:last-child {
      border: none; }

.a-z-entry {
  margin-top: 30px;
  border-bottom: 2px solid #1998D5; }
  .a-z-entry:last-child {
    border: none; }

h2.a-z-title {
  text-align: center;
  font-weight: bold;
  font-size: 2em; }

ul.press-releases {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.press-releases li {
    margin-bottom: 10px; }
  ul.press-releases span {
    display: block; }
  ul.press-releases .byline {
    font-size: 0.9em;
    font-style: italic; }

blockquote {
  font-style: italic;
  padding: 0.25em 0;
  line-height: 1.45;
  position: relative;
  color: #383838; }
  blockquote p {
    font-size: 1.1em; }

.added-to-basket-overlay, .member-options-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999; }
  .added-to-basket-overlay .added-to-basket, .added-to-basket-overlay .member-options-popup, .member-options-overlay .added-to-basket, .member-options-overlay .member-options-popup {
    position: absolute;
    z-index: 9999;
    top: 80px;
    right: -495px;
    margin-right: 50%;
    width: 270px;
    text-align: center;
    -moz-box-shadow: 0px 0px 8px 4px #666;
    -webkit-box-shadow: 0px 0px 8px 4px #666;
    box-shadow: 0px 0px 8px 4px #666;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: white;
    display: none; }
    .added-to-basket-overlay .added-to-basket p, .added-to-basket-overlay .member-options-popup p, .member-options-overlay .added-to-basket p, .member-options-overlay .member-options-popup p {
      margin: 0;
      padding: 5px; }
    .added-to-basket-overlay .added-to-basket img.callout, .added-to-basket-overlay .member-options-popup img.callout, .member-options-overlay .added-to-basket img.callout, .member-options-overlay .member-options-popup img.callout {
      position: absolute;
      top: -16px;
      right: 47px; }
  .added-to-basket-overlay .member-options-popup img.callout, .member-options-overlay .member-options-popup img.callout {
    position: absolute;
    top: -16px;
    right: 7px; }

.member-options-overlay {
  display: none; }

.alignleft {
  float: left;
  margin: 0 10px 10px 0; }

.member-links {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  list-style: none; }
  .member-links li {
    display: inline-block;
    padding: 0 20px 0 0; }


.desc-with-social > p > img{
    max-width: 100%;
}

@media (min-width: 1000px) {
  .desc-with-social {
    float: left;
    margin-right: 20px;
    width: 557px; } }

@media (min-width: 1000px) {
  .desc-with-web-parts-right {
    float: left;
    margin-right: 20px;
    width: 557px; } }

@media (min-width: 1000px) {
  .desc-with-web-parts-left {
    float: right;
    margin-left: 20px;
    width: 557px; } }

/* Footer */
footer {
  background-color: #1998D5;
  position: relative;
  padding: 30px; }
  footer .footer-logo {
    margin-right: 10px;
    margin-bottom: 10px; }
  footer h2, footer p {
    color: #FFFFFF; }
  footer h2 {
    font-size: 1em; }
    @media (min-width: 320px) {
      footer h2 {
        font-size: 0.9em; } }
    @media (min-width: 360px) {
      footer h2 {
        font-size: 1.3em; } }
    @media (min-width: 480px) {
      footer h2 {
        font-size: 1.5em; } }
    @media (min-width: 768px) {
      footer h2 {
        font-size: 1.85em; } }
  footer .nav {
    clear: left;
    width: 100%;
    margin: 10px 0; }
    footer .nav > li a {
      color: #FFFFFF !important;
      text-transform: none;
      padding: 0; }
      @media (min-width: 768px) {
        footer .nav > li a {
          border-right: 1px solid #FFFFFF;
          padding: 0 15px; } }
    @media (min-width: 480px) {
      footer .nav > li:last-child a {
        border-right: none; } }
    footer .nav > li:first-child a {
      padding-left: 0; }
  @media (min-width: 480px) {
    footer .navbar-nav > li {
      float: left; } }
  @media (min-width: 800px) {
    footer .newline {
      display: block; } }

/** Tooltip **/
.ui-tooltip, .arrow:after {
  background: black;
  border: 2px solid white; }

.ui-tooltip {
  padding: 10px 20px;
  color: white;
  border-radius: 20px;
  font: bold 14px "Helvetica Neue", Sans-Serif;
  text-transform: uppercase;
  box-shadow: 0 0 7px black; }

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px; }

.arrow.top {
  top: -16px;
  bottom: auto; }

.arrow.left {
  left: 20%; }

.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.arrow.top:after {
  bottom: -20px;
  top: auto; }

.reveal-centre {
  cursor: default; }

span.not-provided {
  color: red;
  font-size: larger; }

/*# sourceMappingURL=brooksite.css.map */


/*Changes to Hero on your life single page*/

.your-life-hero .hero .hero-donate, .your-life-hero .hero .hero-2nd
{
  display: none;
}

.your-life-hero .hero-mini
{
  margin-left:3%;
} 

.your-life-hero .hero .hero-mini .hero-3rd
{
   left:0;
}

.your-life-hero .hero .hero-mini .hero-4th
{

  left:48%;
}

.your-life-hero .hero .hero-mini .hero-3rd,.your-life-hero .hero .hero-mini .hero-4th
{
  width:46%;
  background-color:  #B2BB1E;
}

  .panel-body ul.opening-times-list
                    {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                        
                    }
                    
                                       
                    
                    .regions #centre-locations ul.opening-times-list li,.panel-body ul.opening-times-list li
                    {
                        float: none;
                         padding:5px 10px;
                         margin-bottom: 0px;
                        height: 100%;
                        
                    }
                    
                    
                    
                        .regions #centre-locations ul.opening-times-list li:before {
                        /* this is the important part */
                        content: '';
                        display: inline-block;
                        width: 0;
                        height: 100%;
                        vertical-align: middle;
                        /* this just takes care of whitespace added by having display:inline-block (there are other methods) */
                        margin-left: -0.25em;
                        }
                    
                    .panel-body ul.opening-times-list li:nth-child(even)
                    {
                        background-color: #CBE3F4;
                    }
                   
                   .opening-times-list li div{
                       display: inline-block;
                       width:30%;
                       text-align:left;
                       vertical-align: middle;
                   }
                   
                   .opening-times-list li div:nth-child(2)
                   {
                       text-align: right;
                       padding:5px 10px;
                       
                   }
                   
                   .opening-times-list li div:last-child{
                 
                       width:36%;
                       
                   }

.social-sharing
{
    text-align: center;
}


.single-rhand,.single-lhand{
    display: block;
    margin:10px auto;
    
}


.single-rhand
{
   
    width:350px;
    max-width:100%;
}


.single-lhand
{
   
    width:350px;
    max-width:100%;
}

.simple-im-bottom
{
    text-align: center
}

.simple-im-bottom img{
    float:none;
    display:inline;
}

@media(min-width:768px)
{
    .single-rhand{
     
      float: right;
    }
    
    .single-lhand {
        
        float:left;
        margin: 0px 10px 10px 0px
    }
    
    
}

@media(min-width:1000px)
{
    .single-rhand{
      margin-left:10px;
    }
    
    
     .single-lhand {
          margin-right:10px;
     }
}

ul.descriptive-icon-list,ul.simple-icon-list
{
    padding:0;
    margin: 0 auto;
    width:100%;
}


ul.descriptive-icon-list:before,
ul.descriptive-icon-list:after,
ul.simple-icon-list:before,
ul.simple-icon-list:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

ul.descriptive-icon-list:after,ul.simple-icon-list:after {
    clear: both;
}

ul.descriptive-icon-list li,ul.simple-icon-list li
{
    float:left;
    display: block;
    clear:both;
}


ul.descriptive-icon-list li div:hover,.simple-icon-3:hover
{
   cursor: pointer;
    opacity: 0.8;
}

ul.descriptive-icon-list li.static-descriptive-icon div:hover{
    opacity: 1;
    cursor:default;
}

ul.descriptive-icon-list li:hover a
{
    text-decoration: none;
}

.caption-link:hover{
    text-decoration: underline;
    color:#1998d5 !important;
}

ul.descriptive-icon-list li:hover a:hover
{
    text-decoration: underline;
}


ul.descriptive-icon-list li img
{
    width: 90%;
    margin: 0 auto;
    display: block;
}

ul.descriptive-icon-list div
{
    border-radius: 15px;
    margin-bottom:10px;
       height:200px;
}


ul.simple-icon-list li
{
    text-align: center;
}



ul.simple-icon-list li div{
    width: 100%;
    text-align: center;
    display: inline-block;
}





ul.descriptive-icon-list li h3
{
    text-align: center;
    font-size: 24px;
    margin:0px;
    padding: 10px 0px 0px 0px;
    color:white;
}

ul.descriptive-icon-list li p
{
    text-align: center;
    line-height: 24px;
    padding:0 5px;
    font-weight: bold;
    color:#1998d5;
    font-size:16px;
}



    ul.simple-icon-list li
    {
        width:100%;
        margin-bottom: 20px;
    }




@media(min-width:300px)
{
    ul.descriptive-icon-list li
    {
        float:none;
    }
     
         ul.descriptive-icon-list li img
    {
        width: 60% !important;
        height: auto !important;
        
    }
    
    
    
    
}

@media(min-width:400px)
{
         ul.descriptive-icon-list li img
    {
        width: 48% !important;
       
        
    }
}

@media(min-width:510px)
{
    
  ul.simple-icon-list li
    {
        clear:none;
    }
    
    ul.descriptive-icon-list li
    {
        float:left;
    }
    
    ul.descriptive-icon-list li, ul.simple-icon-list li
    {
        clear:none;
    }
    
     ul.descriptive-icon-list li
    {
        width:46%;
        margin-left:3%;
    }
    
 
    
     ul.descriptive-icon-list li:nth-child(3)
    {
        clear:left;
    }
    
      ul.descriptive-icon-list li img
    {
        width: 80% !important;
    }
  
}

@media(min-width:600px) AND (max-width:767px)
{
      ul.simple-icon-list li img
    {
        width:175px !important;
    }
}

@media(min-width:600px)
{
    
       ul.simple-icon-list li.simple-icon-3
        {
            width:33%;
           }
     ul.descriptive-icon-list li img
    {
        width: 60% !important;
    }
    
    
    
      ul.simple-icon-list li div{
    width: 175px;
    padding:10px 0px
    }
    
    ul.simple-icon-list li div
    {
        width:170px;
    }
}

@media(min-width:768px)
{
    
    
    
     ul.simple-icon-list li div{
    width: 210px;
    padding:10px 0px
    }
    
    ul.descriptive-icon-list li
    {
        width:46%;
        margin-left:3%;
    }
    
    
   
}


@media(min-width:1000px)
{
    
        ul.simple-icon-list li div{
    width: 240px;
    padding:10px 0px
    }

    
ul.descriptive-icon-list
{
    padding:0;
    margin: 0 auto;
    width: 860px;
}

     ul.descriptive-icon-list li:nth-child(3)
    {
        clear:none;
    }
    ul.descriptive-icon-list li
    {
        width:24%;
        margin-left:8px;
 
    }
    
    ul.descriptive-icon-list li img
    {
        width: 90% !important;
    }
    
    ul.descriptive-icon-list li.descriptive-icon-3
    {
        width:32%;
    }
    
    ul.descriptive-icon-list li.descriptive-icon-3 img
    {
        width:70% !important;
    }
}




ul.quote-list
{
    list-style: none;
    padding:0;
    margin:0;
    
}

ul.quote-list li:after
{
    content:"\201D";
    bottom:-6px;
    right:25px;
}

ul.quote-list li:after,ul.quote-list li:before{
    font-size: 60px;
    font-style:italic;
    font-weight: normal;
    position: absolute;
}

ul.quote-list li:before
{
    top:20px;
    left:0px;
    content:"\201C";
}


ul.quote-list li
{
    height: 94px;
    position: relative;
    margin-bottom: 10px;
    padding: 10px 35px;
    line-height:24px;
    display: inline-block;
    background-color:#eaf4fd;
    font-weight: bold;
    text-align:center;
    font-size:19px;
   
}

.descriptive-image a:hover{
    color:#fff;
}



@media(min-width:768px)
{
    
     ul.quote-list li
    {
        width:48%;
    }
    
    ul.quote-list li:last-child
    {
        display: block;
        float: none;
        margin: 0 auto;
    }
}

@media(min-width:1000px)
{
    ul.quote-list li
    {
        width:281px;
        margin-left:4px;
    }
    ul.quote-list li:first-child
    {
        margin-left:1%;
    }
     ul.quote-list li:last-child
    {
        display:inline-block;
        margin: inherit;
        margin-left:4px;
    }
    
}

@media(max-width:460px)
{
    ul.quote-list li
    {
        height:114px;
    }
}


ul.quote-list li,ul.quote-list li span{
     color:#1998d5; 
}

.im-bottom
{
    width:200px;
}

@media(min-width:1000px)
{
    .container.pageBlock:before
    {
    display: block; 
    content: " "; 
    margin-top: -80px; 
    height: 80px; 
    visibility: hidden; 
    }
    }