/* CONTENTS
-----------------------------------------------

1. VARIABLES
2. MIXINS
3. BODY & FONTS
4. NAVIGATION
5. HEADER
6. HOMEPAGE
7. STANDARD CONTENT
8. MAIN CONTENT BLUE
9. MAIN CONTENT GREEN
10. NEWS HOMEPAGE
11. LEFT SIDE BAR
12. ADDITIONAL LINKS PANEL
13. SEARCH RESULTS
14. FOOTER
15. SANDYFORD HEADER

----------------------------------------------- */
/* 1. VARIABLES
----------------------------------------------- */
/* 2. MIXINS
----------------------------------------------- */
.transition {
  transition: all .2s ease;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
/* 3. BODY & FONTS
----------------------------------------------- */
html,
body {
  height: 100%;
  font-family: "Omnes", sans serif;
}
.wrapper {
  min-height: 100%;
  padding-bottom: 277px;
  position: relative;
  top: 59px;
}
@media only screen and (max-width : 992px) {
  .wrapper {
    padding-bottom: 250px;
  }
}
@media only screen and (max-width : 768px) {
  .wrapper {
    padding-bottom: 0;
  }
}
@media only screen and (max-width : 480px) {
  .wrapper {
    top: 0;
  }
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
@media only screen and (max-width : 1200px) {
  .container {
    width: auto;
  }
}
@media only screen and (max-width : 768px) {
  .container {
    width: auto;
  }
}
@media only screen and (max-width : 480px) {
  .container {
    width: auto;
  }
}
@font-face {
  font-family: Omnes;
  src: url(/fonts/Omnes-Light.otf);
  font-weight: 300;
}
@font-face {
  font-family: Omnes;
  src: url(/fonts/Omnes-Regular.otf);
  font-weight: 400;
}
@font-face {
  font-family: Omnes;
  src: url(/fonts/Omnes-Medium.otf);
  font-weight: 500;
}
@font-face {
  font-family: Omnes;
  src: url(/fonts/Omnes-Semibold.otf);
  font-weight: 600;
}
/* 4. NAVIGATION
----------------------------------------------- */
nav.mainNavigation {
  background-color: #f4f4f6;
  min-height: 58px;
  color: #656161;
  /* collapse navbar earlier */
}
nav.mainNavigation a {
  color: inherit;
}
nav.mainNavigation ul.navbar-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
nav.mainNavigation ul.navbar-nav li {
  float: left;
  width: 135px;
  border-right: 4px solid #FFF;
  padding: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #919499;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
nav.mainNavigation ul.navbar-nav li a {
  padding: 9px 13px;
  background: none;
}
nav.mainNavigation ul.navbar-nav li a:hover {
  background: #EEEEEE;
}
@media only screen and (max-width : 1200px) {
  nav.mainNavigation ul.navbar-nav li a {
    padding: 15px;
  }
}
@media only screen and (max-width : 1200px) {
  nav.mainNavigation ul.navbar-nav li {
    float: none;
    width: 100%;
    border-right: 0;
  }
}
nav.mainNavigation ul.navbar-nav .active {
  background-color: #04a9e9;
  color: #FFF;
}
nav.mainNavigation ul.navbar-nav .active:hover {
  background-color: #04a9e9;
}
@media only screen and (max-width : 1200px) {
  nav.mainNavigation ul.navbar-nav {
    float: none;
  }
}
nav.mainNavigation i {
  font-size: 20px;
  padding: 9px 0;
}
@media only screen and (max-width : 1200px) {
  nav.mainNavigation br {
    display: none;
  }
}
nav.mainNavigation ul.dropdown-menu {
  border: 3px solid #eeeeee;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  min-width: 266px;
}
nav.mainNavigation ul.dropdown-menu:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  position: absolute;
  top: -10px;
  left: 20px;
}
@media only screen and (max-width : 768px) {
  nav.mainNavigation ul.dropdown-menu:before {
    display: none;
  }
}
nav.mainNavigation ul.dropdown-menu li {
  border-right: 0;
  border-bottom: 3px solid #e7e7e7;
  max-width: none;
  float: none;
  width: inherit;
}
nav.mainNavigation ul.dropdown-menu li:last-child {
  border-bottom: 0;
}
nav.mainNavigation ul.dropdown-menu li a {
  padding: 13px 20px;
  font-weight: 500;
  white-space: normal;
}
nav.mainNavigation ul.dropdown-menu li a:hover {
  background: none;
}
@media only screen and (max-width : 768px) {
  nav.mainNavigation ul.dropdown-menu li a {
    line-height: 40px !important;
  }
}
@media only screen and (max-width : 1200px) {
  nav.mainNavigation ul.dropdown-menu li {
    border-left: 1px solid #E4E4E4;
    font-weight: 500;
    border-bottom: 1px solid #E4E4E4;
    margin-left: 20px;
  }
}
@media only screen and (max-width : 768px) {
  nav.mainNavigation ul.dropdown-menu li {
    padding: 5px 0 5px 20px;
  }
}
nav.mainNavigation .search {
  width: 225px;
  padding: 11px 0 11px 20px;
  position: absolute;
  right: 0;
  top: 0;
}
nav.mainNavigation .search button.search-button {
  background-color: #91969a;
  border: 0;
  position: absolute;
  right: 0;
  top: 11px;
  line-height: 36px;
  width: 36px;
  padding: 0;
  color: #FFF;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
nav.mainNavigation .search button.search-button i {
  font-size: 14px;
  padding: 0;
}
nav.mainNavigation .search button.search-button:hover {
  background-color: #04A9E9;
}
nav.mainNavigation .search input {
  width: 100%;
  line-height: 32px;
  border: 2px solid #91969a;
  background-color: #f4f4f6;
  padding: 0 15px;
  height: 36px;
  transition: all ease 0.7s;
}
nav.mainNavigation .search input:focus {
  background-color: #FFF;
  border: 1px solid #DEDEDE;
  outline: 0;
}
nav.mainNavigation .search input:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  border-bottom: 2px solid red;
}
@media only screen and (max-width : 1200px) {
  nav.mainNavigation .search {
    left: 0;
    width: 300px;
    padding: 11px 15px;
  }
}
@media only screen and (max-width : 480px) {
  nav.mainNavigation .search {
    width: calc(100% - 50px);
  }
}
@media only screen and (max-width : 1200px) {
  nav.mainNavigation .navbar-collapse {
    background: #F7F7F7;
    border-bottom: 1px solid #DCDCDC;
  }
}
@media only screen and (max-width : 1200px) {
  nav.mainNavigation .navbar-collapse.collapse {
    display: none !important;
  }
  nav.mainNavigation .navbar-collapse.collapse.in {
    display: block !important;
  }
  nav.mainNavigation .navbar-header .collapse,
  nav.mainNavigation .navbar-toggle {
    display: block !important;
    margin: 0;
  }
  nav.mainNavigation .navbar-header {
    float: none;
    padding-top: 0;
    padding-right: 0;
    border-bottom: 1px solid #DCDCDC;
  }
  nav.mainNavigation ul.dropdown-menu {
    position: static;
    float: none;
    background-color: transparent;
    border: 0;
  }
  nav.mainNavigation ul.dropdown-menu li {
    padding: 0 20px;
  }
  nav.mainNavigation ul.dropdown-menu:before {
    border-color: transparent;
  }
}
/* 5. HEADER
----------------------------------------------- */
header {
  padding: 70px 0 20px;
}
header h2 {
  color: #90969A;
  margin: 0;
  font-size: 20px;
  margin-top: 31px;
  margin-left: -18px;
}
@media only screen and (max-width : 992px) {
  header h2 {
    margin: 0;
    text-align: center;
    padding: 0 15px;
  }
}
header img {
  padding: 0 15px;
  max-width: 100%;
}
@media only screen and (max-width : 992px) {
  header img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
  }
}
header .icons {
  position: absolute;
  right: 0;
  bottom: 0;
}
header .icons i {
  background-color: #8f969c;
  color: #FFF;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 30px;
  margin-left: 7px;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
header .icons .fa-twitter:hover {
  background-color: #4099FF;
}
header .icons .fa-play:hover {
  background-color: #bb0000;
}
@media only screen and (max-width : 1200px) {
  header .icons {
    right: 15px;
  }
}
@media only screen and (max-width : 992px) {
  header .icons {
    position: absolute;
    top: 14px;
    right: 72px;
  }
}
@media only screen and (max-width : 480px) {
  header .icons {
    display: none;
  }
}
@media only screen and (max-width : 992px) {
  header {
    padding: 40px 0;
    position: static;
  }
  header .container {
    position: static;
  }
  header .container .no-padding {
    position: static;
  }
}
/* 6. HOMEPAGE
----------------------------------------------- */
.homepage {
  padding-bottom: 20px;
}
.homepage .row {
  margin: 0;
}
.homepage a {
  color: inherit;
  display: block;
}
.homepage a:hover {
  text-decoration: none;
}
.homepage .panel {
  height: 390px;
  margin: 0;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  color: #FFF;
  padding: 20px;
  overflow: hidden;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.homepage .panel span.heading {
  margin: 0;
  width: 74%;
  /*border-bottom: 2px solid rgba(255, 255, 255, 0.3);*/
  font-size: 30px;
  font-weight: 500;
  line-height: 33px;
}
.homepage .panel a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
  z-index: 10;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=1);
}
.homepage .panel .half-height {
  height: 50%;
  padding: 20px;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.homepage .panel .half-height span.heading {
  text-transform: uppercase;
  border-bottom: 0;
}
.homepage .panel .top {
  background-size: 200% 100%;
  background-image: linear-gradient(to left, #048bcf 50%, #059ce8 50%);
}
.homepage .panel .top:hover {
  background-position: -100% 0%;
  padding-left: 30px;
}
.homepage .panel .bottom {
  background-color: #48b2ec;
  background-size: 100% 201%;
  background-image: linear-gradient(to bottom, #48b2ec 50%, #5fbcee 50%);
}
.homepage .panel .bottom:hover {
  background-position: 0 100%;
  padding-left: 30px;
}
.homepage .panel span.links {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.homepage .panel span.links a {
  color: inherit;
  padding-left: 15px;
  opacity: 1;
  background: none;
  position: relative;
  filter: none;
}
.homepage .panel span.links a:before {
  content: '\f054';
  font-family: FontAwesome;
  position: absolute;
  left: 0px;
  font-size: 8px;
  line-height: 19px;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.homepage .panel span.links a:hover:before {
  padding-left: 3px;
}
.homepage .panel p {
  font-size: 20px;
  line-height: 24px;
  margin-top: 30px;
  width: 90%;
}
.homepage .panel:hover {
  opacity: 0.9;
}
.homepage .pink {
  background-color: #e5007e;
}
.homepage .image {
  padding: 0;
}
.homepage .image .overlay {
  background-color: rgba(229, 0, 126, 0.5);
  width: 30%;
  padding: 20px;
  height: 100%;
  position: relative;
  transition: all 0.2s ease-out 0.3s;
}
.homepage .image .overlay:hover {
  width: 100%;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
@media only screen and (max-width : 1200px) {
  .homepage .image .overlay {
    width: 40%;
  }
}
@media only screen and (max-width : 992px) {
  .homepage .image .overlay {
    width: 30%;
  }
}
@media only screen and (max-width : 768px) {
  .homepage .image .overlay {
    width: 40%;
  }
}
@media only screen and (max-width : 480px) {
  .homepage .image .overlay {
    width: 100%;
  }
}
.homepage .image .overlay:before {
  position: absolute;
  content: '';
  width: 100%;
  bottom: -120px;
  height: 120px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
  left: 0;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.homepage .image .overlay span.heading {
  width: 100%;
}
.homepage .image .overlay .overlay-container {
  max-width: 170px;
}
.homepage .image .overlay:hover::before {
  bottom: 0;
  transition-delay: 0.3s;
}
.homepage .image1 {
  background: url(/img/BR/image1.jpg) no-repeat;
  background-size: cover;
}
.homepage .image1 .overlay:hover {
  background-color: rgba(229, 0, 126, 0.4);
}
.homepage .image2 .overlay {
  background-color: rgba(196, 195, 0, 0.8);
  width: 40%;
}
.homepage .image2 .overlay:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 100%);
}
.homepage .image2 .overlay:hover {
  background-color: rgba(196, 195, 0, 0.7);
}
@media only screen and (max-width : 1200px) {
  .homepage .image2 .overlay {
    width: 50%;
  }
}
@media only screen and (max-width : 992px) {
  .homepage .image2 .overlay {
    width: 30%;
  }
}
.homepage .get-in-touch {
  background: url(/img/BR/phone.jpg) no-repeat 50% 65% #7c2181;
}
.homepage .get-in-touch:hover {
  background-position: 50% 60%;
}
.homepage .blue {
  background-color: #0187ce;
}
.homepage .light-blue {
  background-color: #04A9E9;
}
.homepage .white {
  background: url(/img/BR/faq.jpg) no-repeat 90% 90% #FFF;
  color: #0187ce;
}
.homepage .white:hover {
  background-position: 83% 88%;
}
.homepage .white span.heading {
  border-bottom: 2px solid #7fc3e6;
}
.homepage .twitter {
  background-color: #62a32d;
}
.homepage .twitter span.heading {
  display: block;
  border-bottom: 2px solid #C4C300;
  width: 100%;
  position: relative;
}
.homepage .twitter span.heading:after {
  content: '\f099';
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 0;
}
.homepage .twitter ul {
  list-style-type: none;
  padding: 0;
  margin-top: 19px;
}
.homepage .twitter ul li {
  border-bottom: 2px solid #C4C300;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.homepage .twitter p {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
}
.homepage .twitter a {
  color: inherit;
}
.homepage .twitter .timeago {
  border: none;
}
.homepage .latest-news {
  color: #909598;
}
.homepage .latest-news span.heading {
  color: #65a22d;
  border-bottom: 2px solid #aed094;
}
.homepage .latest-news a {
  color: inherit;
  opacity: 1;
  background: none;
  position: relative;
  filter: none;
  width: auto;
  height: auto;
}
.homepage .latest-news a:hover {
  text-decoration: none;
}
.homepage .latest-news .news-story {
  border-bottom: 2px solid #f4f4f4;
  padding: 14px 0;
  overflow: auto;
}
.homepage .latest-news .news-story h3 {
  margin: 0;
  color: #90989b;
}
.homepage .latest-news .news-story img.news-image {
  float: right;
  max-width: 95px;
}
.homepage .latest-news .news-story a {
  color: inherit;
}
.homepage .latest-news .news-story span.date {
  color: #c3c301;
  text-transform: uppercase;
}
/* 7. STANDARD CONTENT
----------------------------------------------- */
.sub-header {
  min-height: 190px;
  padding: 15px 0 50px;
  color: #FFF;
  background-color: #e5007e;
  background-image: -ms-linear-gradient(bottom left, #E5007E 0%, #7b2181 100%);
  background-image: -moz-linear-gradient(bottom left, #E5007E 0%, #7b2181 100%);
  background-image: -o-linear-gradient(bottom left, #E5007E 0%, #7b2181 100%);
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #E5007E), color-stop(100, #7b2181));
  background-image: -webkit-linear-gradient(bottom left, #E5007E 0%, #7b2181 100%);
  background-image: linear-gradient(to top right, #E5007E 0%, #7b2181 100%);
}
.sub-header span.page-title {
  font-size: 48px;
  /*border-bottom: 2px solid rgba(255, 255, 255, 0.5);*/
  font-weight: 500;
  line-height: 52px;
}
.sub-header .breadcrumb {
  background: none;
  display: block;
  font-size: 14px;
}
.sub-header .breadcrumb li:before {
  color: inherit;
  border: 0;
  display: inline-block;
}
.sub-header .breadcrumb a {
  color: inherit;
}
.sub-header .breadcrumb .active {
  color: inherit;
  text-decoration: underline;
}
.main-content {
  padding: 30px 15px;
  color: #1d1d1d;
  font-size: 16px;
  line-height: 30px;
  overflow: auto;
}
.main-content h2 {
  margin: 0;
  text-decoration: underline;
  font-size: 32px;
  margin-bottom: 20px;
}
.main-content h3 {
  margin: 20px 0;
  color: #E5007E;
  font-size: 22px;
  text-decoration: underline;
}
.main-content ul li {
  color: #7C2181;
  font-weight: 500;
}
.main-content span.quote {
  font-size: 28px;
  line-height: 34px;
  color: #90969A;
  border-bottom: 2px solid #e5007e;
  display: block;
  padding-bottom: 50px;
  margin: 20px 0;
}
.main-content .main-content-image {
  max-width: 100%;
  margin-bottom: 30px;
}
.main-content .site-map a {
  color: inherit;
}
.main-content .site-map ul {
  list-style-type: none;
}
.main-content .site-map li {
  list-style-type: none;
  position: relative;
}
.main-content .site-map li:before {
  content: '\f054';
  font-family: FontAwesome;
  position: relative;
  left: 0px;
  font-size: 10px;
  padding-right: 10px;
  color: #CECECE;
}
.main-content .faq .faqTitleWrapper {
  background-color: #F4F4F6;
  position: relative;
}
.main-content .faq .faqTitleWrapper h4 {
  margin: 0;
}
.main-content .faq .faqTitleWrapper a {
  color: inherit;
  display: block;
  padding: 15px;
}
.main-content .faq .faqTitleWrapper a:after {
  content: '\f078';
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  font-size: 14px;
  padding-top: 2px;
}
.main-content .faq .FAQAnswerCaption {
  padding: 15px;
}
.main-content .faq .FAQAnswerFull {
  padding: 15px;
  display: none;
}
.main-content .faq .FAQAnswerFull a {
  font-weight: 600;
  text-decoration: underline;
}
.main-content .faq .active {
  background-color: #FACCE6;
  color: #7C2791;
}
.main-content .faq .active a:after {
  content: '\f077';
}
/* 8. MAIN CONTENT BLUE
----------------------------------------------- */
body.blue .sub-header {
  background-color: #008cd3;
  background-image: -ms-linear-gradient(bottom left, #46c0ef 0%, #008cd3 100%);
  background-image: -moz-linear-gradient(bottom left, #46c0ef 0%, #008cd3 100%);
  background-image: -o-linear-gradient(bottom left, #46c0ef 0%, #008cd3 100%);
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #46c0ef), color-stop(100, #008cd3));
  background-image: -webkit-linear-gradient(bottom left, #46c0ef 0%, #008cd3 100%);
  background-image: linear-gradient(to top right, #46c0ef 0%, #008cd3 100%);
}
body.blue .main-content span.quote {
  border-bottom: 2px solid #47c0ef;
}
body.blue .main-content h3 {
  color: #0088ce;
}
body.blue .main-content ul li {
  color: #216181;
}
body.blue .main-content .additional-links .panel span.find-out-more {
  color: #0088ce;
}
body.blue .side-nav ul li .heading {
  background-color: #daf2fc;
  border-color: #daf2fc;
  color: #0088ce;
}
body.blue .side-nav ul li .active {
  background: #F0FEFF;
  border-color: #daf2fc;
  color: #0088ce;
}
/* 9. MAIN CONTENT GREEN
----------------------------------------------- */
body.green .sub-header {
  background-color: #62a32d;
  background-image: -ms-linear-gradient(bottom left, #c3c300 0%, #62a32d 100%);
  background-image: -moz-linear-gradient(bottom left, #c3c300 0%, #62a32d 100%);
  background-image: -o-linear-gradient(bottom left, #c3c300 0%, #62a32d 100%);
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #c3c300), color-stop(100, #62a32d));
  background-image: -webkit-linear-gradient(bottom left, #c3c300 0%, #62a32d 100%);
  background-image: linear-gradient(to top right, #c3c300 0%, #62a32d 100%);
}
body.green .main-content span.quote {
  border-bottom: 2px solid #ededb1;
}
body.green .main-content h3 {
  color: #61a22e;
}
body.green .main-content ul li {
  color: #817F21;
}
body.green .main-content .additional-links .panel span.find-out-more {
  color: #61a22a;
}
body.green .side-nav ul li .heading {
  background-color: #f3f3cd;
  border-color: #f3f3cd;
  color: #61a22a;
}
body.green .side-nav ul li .active {
  background: #FFFFF0;
  border-color: #f3f3cd;
  color: #61a22a;
}
/* 10. NEWS HOMEPAGE
----------------------------------------------- */
.news-home {
  margin: -20px 0 0 -15px;
}
.news-home a {
  text-decoration: none;
  color: inherit;
}
.news-home .news-large {
  padding: 0 15px;
  min-height: 305px;
  position: relative;
  overflow: auto;
}
.news-home .news-large h3 {
  margin: 10px 0 0 0;
  font-size: 28px;
  text-decoration: none;
}
.news-home .news-large img {
  width: 100%;
  min-height: 150px;
  object-fit: cover;
}
.news-home .news-large p {
  font-size: 14px;
  line-height: 24px;
  display: block;
  margin-bottom: 80px;
}
.news-home .news-large span.date {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 20px;
  display: block;
  color: #c3c301;
}
.news-home .news-large a.read-more {
  color: #61A22E;
  text-transform: uppercase;
  border-top: 2px solid #F1F1C1;
  padding-top: 5px;
  margin-top: 12px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.news-home .news-large a.read-more:hover {
  background-color: #61A22E;
  color: #FFF;
  padding: 5px 10px;
  margin-bottom: -5px;
  border-color: #61A22E;
}
.news-home .col-md-4 {
  margin-top: 20px;
}
.news-home .col-md-4:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 5%;
  height: 2px;
  border-bottom: 2px solid #e8e8e8;
  width: 90%;
}
.news-home .col-md-4:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 5%;
  border-right: 2px solid #e8e8e8;
  width: 2px;
  height: 95%;
}
@media only screen and (max-width : 992px) {
  .news-home .col-md-4:nth-child(2n+2):after {
    border-right: 0;
  }
}
@media only screen and (max-width : 768px) {
  .news-home .col-md-4:before {
    width: calc(100% - 30px);
    left: 15px;
  }
  .news-home .col-md-4:after {
    border-right: 0;
  }
}
.news-home .col-md-4:nth-child(3n+1):nth-last-child(-n+3):before,
.news-home .col-md-4:nth-child(3n+1):nth-last-child(-n+3) ~ .col-md-4:before {
  border-bottom: 0;
}
/* 11. LEFT SIDE BAR
----------------------------------------------- */
.side-nav {
  padding-top: 30px;
}
.side-nav ul {
  list-style-type: none;
  margin: 0 0 50px 0;
  padding: 0;
}
.side-nav ul li {
  line-height: 45px;
}
.side-nav ul li a {
  color: #90969A;
  font-size: 20px;
  display: block;
  padding-left: 15px;
  border-bottom: 2px solid #f4f4f4;
}
.side-nav ul li .heading {
  background-color: #facce6;
  border-bottom: 2px solid #facce6;
  color: #7c2282;
  font-weight: 500;
  margin-top: -2px;
  padding-top: 2px;
}
.side-nav ul li .active {
  background: #FFF0F3;
  color: #7c2282;
  border: 0;
  margin-top: -2px;
}
.side-nav ul li ul {
  margin: 0 0 0 30px;
  border-left: 2px solid #f4f4f4;
}
.side-nav .relevant-links h3 {
  background-color: #f4f4f6;
  color: #e5007e;
  font-size: 20px;
  padding: 15px;
  font-weight: 500;
  margin: 0;
}
/* 12. ADDITIONAL LINKS PANEL
----------------------------------------------- */
.additional-links {
  margin: 50px 0 0 0;
}
.additional-links .panel {
  background: #f4f4f4;
  border: 2px solid #f4f4f4;
  color: #e5007e;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 15px;
  min-height: 150px;
}
.additional-links .panel:nth-child(even) {
  background-color: #FFF;
}
@media only screen and (max-width : 992px) {
  .additional-links .panel:nth-child(even) {
    background-color: #f4f4f4;
  }
}
@media only screen and (max-width : 992px) {
  .additional-links .panel:nth-child(2) {
    background-color: #FFF;
  }
  .additional-links .panel:nth-child(-3n+6) {
    background: #FFF;
  }
  .additional-links .panel:nth-child(3n+7) {
    background: #FFF;
  }
}
@media only screen and (max-width : 768px) {
  .additional-links .panel:nth-child(even) {
    background-color: #FFF !important;
  }
  .additional-links .panel:nth-child(-3n+6) {
    background: #f4f4f4;
  }
  .additional-links .panel:nth-child(3n+7) {
    background: #f4f4f4;
  }
}
.additional-links .panel a {
  color: inherit;
  display: block;
  position: relative;
  height: 100%;
  padding: 15px;
}
.additional-links .panel a:hover {
  text-decoration: none;
}
.additional-links .panel h3 {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 30px 0;
}
.additional-links .panel .underline {
  border-bottom: 1px solid rgba(1, 135, 208, 0.41);
}
.additional-links .panel span.find-out-more {
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  bottom: 7px;
}
.additional-links .panel span.find-out-more:before {
  content: '\f054';
  font-family: FontAwesome;
  position: relative;
  left: 0px;
  font-size: 10px;
  padding-right: 5px;
}
/* 13. SEARCH RESULTS
----------------------------------------------- */
.search-results h3 {
  margin-top: 0;
}
.search-results ul {
  list-style-type: none;
}
.search-results ul li:before {
  content: '\f054';
  font-family: FontAwesome;
  position: absolute;
  left: 35px;
  font-size: 10px;
}
.search-results ul li a {
  color: #E5007E;
}
.search-results .paginationTopHolder {
  border-bottom: 1px solid #EEE;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.search-results .paginationBottomHolder {
  border-top: 1px solid #eee;
  margin-top: 30px;
  padding-top: 20px;
}
.search-results .paginationBottomHolder a {
  color: #E5007E;
}
.search-results .simple-pagination-showing-x-of-x {
  position: absolute;
  right: 0;
}
@media only screen and (max-width : 768px) {
  .search-results .simple-pagination-showing-x-of-x {
    position: relative;
    left: 0;
    margin-left: -15px;
  }
}
.search-results .simple-pagination-page-numbers {
  text-align: center;
}
.search-results .simple-pagination-page-numbers a {
  padding: 10px 15px;
  border-radius: 5px;
  background: #F7F7F7;
  margin-right: 5px;
  font-weight: 500;
}
/* 14. FOOTER
----------------------------------------------- */
footer {
  background-color: #f4f4f6;
  overflow: auto;
  min-height: 266px;
  color: #919499;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 0 30px;
}
footer .content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  padding: 0 15px;
  background: url(/img/BR/footerLogo.jpg) no-repeat 15px 50%;
  overflow: auto;
}
@media only screen and (max-width : 1200px) {
  footer .content {
    width: auto;
  }
}
@media only screen and (max-width : 768px) {
  footer .content {
    width: auto;
  }
}
@media only screen and (max-width : 480px) {
  footer .content {
    width: auto;
  }
}
@media only screen and (max-width : 992px) {
  footer .content {
    background: none;
  }
}
footer h3 {
  color: #e5007d;
  font-size: 16px;
  margin-bottom: 30px;
  text-decoration: underline;
}
footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer ul li {
  border-bottom: 1px solid #FFF;
  line-height: 27px;
}
footer ul li a {
  color: inherit;
}
footer .social li a {
  color: inherit;
  text-decoration: underline;
}
footer .social li a:hover {
  color: inherit;
}
footer .social li:after {
  content: '';
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
}
footer .social li.facebook:after {
  content: '\f230';
}
footer .social li.twitter:after {
  content: '\f099';
}
footer .social li.instagram:after {
  content: '\f16d';
}
footer .social li.youtube:after {
  content: '\f167';
}
@media only screen and (max-width : 768px) {
  footer {
    position: relative;
  }
}
/* 15. SANDYFORD HEADER
----------------------------------------------- */
.sandyford-header {
  background: rgba(50, 49, 55, 0.96);
  position: fixed;
  width: 100%;
  z-index: 11;
  height: 59px;
}
.sandyford-header .content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  max-width: 1170px;
}
@media only screen and (max-width : 1200px) {
  .sandyford-header .content {
    width: auto;
  }
}
@media only screen and (max-width : 768px) {
  .sandyford-header .content {
    width: auto;
  }
}
@media only screen and (max-width : 480px) {
  .sandyford-header .content {
    width: auto;
  }
}
.sandyford-header .logo img {
  padding: 10px 0;
}
.sandyford-header a.quickExit {
  background: url(/img/exit.png) no-repeat #e74e1b 92%;
  float: right;
  padding: 6px 60px 6px 10px;
  top: 14px;
  position: relative;
  color: #FFF;
  margin-right: -15px;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
@media only screen and (max-width : 1200px) {
  .sandyford-header a.quickExit {
    margin-right: 0;
  }
}
@media only screen and (max-width : 480px) {
  .sandyford-header a.quickExit {
    display: none;
  }
}
.sandyford-header a.quickExit:hover {
  text-decoration: none;
  background: url(/img/exit.png) no-repeat #e96032 92%;
  padding: 6px 50px 6px 20px;
}
@media only screen and (max-width : 480px) {
  .sandyford-header {
    position: relative;
    width: auto;
  }
}
/* 16. SHARED STYLES
----------------------------------------------- */
.transition {
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
/*  MODAL
----------------------------------------------- */
.tinymodal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.tinymodal-window {
  position: absolute;
  width: 600px;
  top: 20%;
  left: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 60px;
  border-radius: 20px;
}
.tinymodal-title {
  background: #f47920;
  color: #FFF;
  padding: 30px;
  font-size: 22px;
  position: relative;
  border-radius: 7px 7px 0 0;
}
.tinymodal-close {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -0.5em;
  font-size: 150%;
  line-height: 1;
  cursor: pointer;
}
.tinymodal-content {
  padding: 30px;
  background: #fff;
  border-radius: 0 0 7px 7px;
}
.tinymodal-content p {
  margin: 0;
  line-height: 28px;
}
.tinymodal-content a.button {
  display: inline-block;
  margin: 20px 20px 0 0;
  padding: 15px 20px;
  border-radius: 5px;
  color: #6F717D;
  font-weight: 600;
  text-decoration: none;
  border: 2px solid #eee;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.tinymodal-content a.button:hover {
  background: #8dc63f;
  color: #FFF;
  border-color: #8dc63f;
}
/*  SERVICE ALERTS
----------------------------------------------- */
.alert-close {
  position: absolute;
  right: 30px;
  top: 36px;
  cursor: pointer;
  font-size: 60px;
  z-index: 1;
  line-height: 60px;
  text-align: center;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.alert-close:before {
  content: '';
  background: #f47920;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  position: absolute;
  top: 4px;
  left: -13px;
  z-index: -1;
  transform: scale(0, 0);
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.alert-close:hover {
  color: #FFF;
}
.alert-close:hover:before {
  transform: scale(1, 1);
}
.sharedAlert {
  background: #e2e3e4;
  color: #323137;
  overflow: auto;
  margin: 59px auto -60px;
  padding: 30px;
}
@media only screen and (max-width : 992px) {
  .sharedAlert {
    padding: 30px 0;
  }
}
.sharedAlert .content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
@media only screen and (max-width : 1200px) {
  .sharedAlert .content {
    padding: 0 20px;
    width: auto;
  }
}
.sharedAlert .alert-content {
  padding-right: 80px;
}
.sharedAlert h2 {
  margin-top: 0;
}
.sharedAlert .alert-close {
  top: 50%;
  font-family: initial;
  line-height: normal;
  font-size: initial;
}
.sharedAlert .alert-close:before {
  top: -20px;
  left: -20px;
}
.sharedAlert .alert-close svg,
.sharedAlert .alert-close img {
  position: absolute;
  top: 0;
}
.sharedAlert .content {
  max-width: 1170px;
}
.sharedAlert .content .alert-close:before {
  background-color: #E5007E;
}