@charset "UTF-8";
@font-face {
  font-family: 'Playfair Display';
  src: url("/assets/fonts/PlayfairDisplay-Italic.eot");
  src: url("/assets/fonts/PlayfairDisplay-Italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/PlayfairDisplay-Italic.woff2") format("woff2"), url("/assets/fonts/PlayfairDisplay-Italic.woff") format("woff"), url("/assets/fonts/PlayfairDisplay-Italic.ttf") format("truetype"), url("/assets/fonts/PlayfairDisplay-Italic.svg#/assets/fonts/PlayfairDisplay-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Playfair Display';
  src: url("/assets/fonts/PlayfairDisplay-Regular.eot");
  src: url("/assets/fonts/PlayfairDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/PlayfairDisplay-Regular.woff2") format("woff2"), url("/assets/fonts/PlayfairDisplay-Regular.woff") format("woff"), url("/assets/fonts/PlayfairDisplay-Regular.ttf") format("truetype"), url("/assets/fonts/PlayfairDisplay-Regular.svg#/assets/fonts/PlayfairDisplay-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url("/assets/fonts/PlayfairDisplay-Black.eot");
  src: url("/assets/fonts/PlayfairDisplay-Black.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/PlayfairDisplay-Black.woff2") format("woff2"), url("/assets/fonts/PlayfairDisplay-Black.woff") format("woff"), url("/assets/fonts/PlayfairDisplay-Black.ttf") format("truetype"), url("/assets/fonts/PlayfairDisplay-Black.svg#/assets/fonts/PlayfairDisplay-Black") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url("/assets/fonts/PlayfairDisplay-BoldItalic.eot");
  src: url("/assets/fonts/PlayfairDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/PlayfairDisplay-BoldItalic.woff2") format("woff2"), url("/assets/fonts/PlayfairDisplay-BoldItalic.woff") format("woff"), url("/assets/fonts/PlayfairDisplay-BoldItalic.ttf") format("truetype"), url("/assets/fonts/PlayfairDisplay-BoldItalic.svg#/assets/fonts/PlayfairDisplay-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Playfair Display';
  src: url("/assets/fonts/PlayfairDisplay-Bold.eot");
  src: url("/assets/fonts/PlayfairDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/PlayfairDisplay-Bold.woff2") format("woff2"), url("/assets/fonts/PlayfairDisplay-Bold.woff") format("woff"), url("/assets/fonts/PlayfairDisplay-Bold.ttf") format("truetype"), url("/assets/fonts/PlayfairDisplay-Bold.svg#/assets/fonts/PlayfairDisplay-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url("/assets/fonts/PlayfairDisplay-BlackItalic.eot");
  src: url("/assets/fonts/PlayfairDisplay-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/PlayfairDisplay-BlackItalic.woff2") format("woff2"), url("/assets/fonts/PlayfairDisplay-BlackItalic.woff") format("woff"), url("/assets/fonts/PlayfairDisplay-BlackItalic.ttf") format("truetype"), url("/assets/fonts/PlayfairDisplay-BlackItalic.svg#/assets/fonts/PlayfairDisplay-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
}

body .text-white > a {
  color: #fff !important;
}

body > header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

body > header.headroom {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  -o-transition: -o-transform 200ms linear;
  -moz-transition: transform 200ms linear, -moz-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear, -moz-transform 200ms linear, -o-transform 200ms linear;
}

body > header.headroom.headroom--pinned {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -o-animation-name: slideDown;
  animation-name: slideDown;
}

body > header.headroom.headroom--unpinned {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp;
}

body > header.headroom.headroom--not-top .navbar {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes slideDown {
  0% {
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes slideDown {
  0% {
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-moz-keyframes slideUp {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-o-keyframes slideUp {
  0% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

body > header .navbar {
  border: none;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  min-height: 6rem;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease, -moz-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease, -moz-box-shadow 0.3s ease;
}

body > header .navbar .navbar-toggle {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

body > header .navbar .navbar-toggle .icon-bar {
  background: #c01f43;
}

body > header .navbar .navbar-brand {
  height: 6rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  /*padding-top: ($navbar-height - $navbar-logo-height) / 2;
                padding-bottom: ($navbar-height - $navbar-logo-height) / 2;*/
}

@media screen and (max-width: 767px) {
  body > header .navbar .navbar-brand {
    padding-top: 16px;
  }
}

body > header .navbar .navbar-brand > img {
  height: 3.8rem;
  /*height: $navbar-logo-height;*/
}

body > header .navbar .navbar-brand.pink-ribbon {
  position: relative;
  width: 140px;
}

body > header .navbar .navbar-brand.pink-ribbon > img {
  height: 60px;
  position: absolute;
  top: 2px;
}

@media screen and (max-width: 767px) {
  body > header .navbar .navbar-brand.pink-ribbon > img {
    height: 68px;
    top: 6px;
  }
}

body > header .navbar .navbar-nav > li > a {
  font-size: 14px;
  font-weight: 500;
  /*padding: 2rem 2.5rem;
                        font-weight: 600;
                        padding-left: $navbar-padding-horizontal;
                        padding-right: $navbar-padding-horizontal;*/
  text-transform: uppercase;
}

body > header .navbar .navbar-nav > li > a i.fa {
  font-size: 20px;
}

@media screen and (min-width: 768px) {
  body > header .navbar .search-form {
    margin-top: 0;
    margin-bottom: 0;
    /*padding-right: 0;
                    padding-top: 18px;
                    padding-bottom: 18px;*/
    width: 23rem;
    padding: 1.2rem 0 1.3rem 1.1rem;
  }
}

body > header .navbar .search-form input[type=text] {
  background: transparent;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.6rem;
}

body > header .navbar .search-form input[type=text]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

body > header .navbar .search-form input[type=text]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

body > header .navbar .search-form input[type=text]::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

body > header .navbar .search-form input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

body > header .navbar .search-form .btn {
  background: transparent;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body > header .navbar .search-form .btn:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

body > section#content {
  margin: 100px 0 0;
}

body > section#content em {
  font-style: italic;
}

body > section#content .top-alert i.fa {
  display: block;
  font-size: 4em;
  margin: 0 auto 8px;
}

body > section#content .error-page h1 {
  font: 600 32px/48px "Playfair Display", Georgia, "Times New Roman", Times, serif;
  margin: 0 0 3.5rem;
}

body > section#content.quiz-page {
  margin: 30px 0;
}

@media screen and (max-width: 750px) {
  body > section#content.quiz-page {
    margin: 70px 0 30px;
  }
}

body > section#content.quiz-page .quiz-center {
  background: #f9f9f9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);
  float: none;
  margin: 0 auto;
  padding: 30px;
}

@media screen and (max-width: 750px) {
  body > section#content.quiz-page .quiz-center {
    padding: 0 15px;
  }
}

body > section#content.quiz-page.simple .quiz-center {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

body > section#content.register-page .register-center {
  float: none;
  margin: 0 auto;
}

body > section#content.register-page .radio label {
  font-size: 16px;
}

body > section#content .jumbotron {
  background: none;
  padding: 0;
}

body > section#content .jumbotron h1 {
  font: 600 32px "Playfair Display", Georgia, "Times New Roman", Times, serif;
  margin: 0 0 20px;
  text-align: center;
}

body > section#content .jumbotron p {
  font-size: 18px;
  font-style: italic;
  text-align: center;
}

body > section#content #myCarousel img {
  width: 100%;
}

body > section#content .icons span {
  text-align: center;
}

body > section#content figure {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body > section#content figure figcaption {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  display: block;
  position: absolute;
  top: 5%;
  left: 0;
  min-width: 30%;
  padding: 8px 16px;
  text-align: center;
  text-transform: uppercase;
}

body > section#content figure > h5 {
  background: #1eb1ca;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10px;
  padding: 12px;
  text-align: center;
  text-decoration: none;
}

body > section#content figure .grade {
  display: block;
  background: url(../images/grade-border-large.png) 0 0 no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 5%;
  right: 5%;
  width: 68px;
  height: 99px;
  padding: 11px 14px;
  font: 600 30px "Playfair Display", Georgia, "Times New Roman", Times, serif;
  color: #1eb1ca;
  text-align: center;
}

body > section#content .overview-list > li.fancy-blocks-item figure > img.main {
  display: none;
}

body > section#content .overview-list > li.fancy-blocks-item figure > img.square {
  display: block;
}

@media screen and (min-width: 64.063em) {
  body > section#content .overview-list > li.fancy-blocks-item.fancy-blocks-item-double figure > img {
    position: absolute;
  }
  body > section#content .overview-list > li.fancy-blocks-item.fancy-blocks-item-double figure > img.main {
    display: block;
  }
  body > section#content .overview-list > li.fancy-blocks-item.fancy-blocks-item-double figure > img.square {
    display: none;
  }
}

body > section#content .overview-list > li figure {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #fff;
  background-color: #1eb1ca;
  border: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body > section#content .overview-list > li figure:focus, body > section#content .overview-list > li figure.focus {
  color: #fff;
  background-color: #178a9e;
  -webkit-box-shadow: 0 5px 12px -3px rgba(30, 177, 202, 0.5);
  -moz-box-shadow: 0 5px 12px -3px rgba(30, 177, 202, 0.5);
  box-shadow: 0 5px 12px -3px rgba(30, 177, 202, 0.5);
}

body > section#content .overview-list > li figure:hover {
  color: #fff;
  background-color: #39c9e2;
  -webkit-box-shadow: 0 5px 24px -3px rgba(57, 201, 226, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 5px 24px -3px rgba(57, 201, 226, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  box-shadow: 0 5px 24px -3px rgba(57, 201, 226, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
}

body > section#content .overview-list > li figure:active,
.open > body > section#content .overview-list > li figure.dropdown-toggle {
  color: #fff;
  background-color: #23c3de;
}

body > section#content .overview-list > li figure:active:hover, body > section#content .overview-list > li figure:active:focus, body > section#content .overview-list > li figure:active.focus,
.open > body > section#content .overview-list > li figure.dropdown-toggle:hover,
.open > body > section#content .overview-list > li figure.dropdown-toggle:focus,
.open > body > section#content .overview-list > li figure.dropdown-toggle.focus {
  color: #fff;
  background-color: #1b9eb4;
}

body > section#content .overview-list > li figure:active, body > section#content .overview-list > li figure.active,
.open > body > section#content .overview-list > li figure.dropdown-toggle {
  background-image: none;
}

body > section#content .overview-list > li figure.disabled:hover, body > section#content .overview-list > li figure.disabled:focus, body > section#content .overview-list > li figure.disabled.focus, body > section#content .overview-list > li figure[disabled]:hover, body > section#content .overview-list > li figure[disabled]:focus, body > section#content .overview-list > li figure[disabled].focus,
fieldset[disabled] body > section#content .overview-list > li figure:hover,
fieldset[disabled] body > section#content .overview-list > li figure:focus,
fieldset[disabled] body > section#content .overview-list > li figure.focus {
  background-color: #1eb1ca;
}

body > section#content .overview-list > li figure .badge {
  color: #1eb1ca;
  background-color: #fff;
}

body > section#content .overview-list > li figure img {
  width: 100%;
}

body > section#content .overview-list > li figure figcaption {
  background: #1eb1ca;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  display: block;
  position: absolute;
  top: 5%;
  left: 0;
  min-width: 30%;
  padding: 8px 16px;
  text-align: center;
  text-transform: uppercase;
}

body > section#content .overview-list > li figure > h5 {
  background: #1eb1ca;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10px;
  padding: 12px;
  text-align: center;
  text-decoration: none;
}

body > section#content .overview-list > li figure .grade {
  display: block;
  background: url(../images/grade-border-large.png) 0 0 no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 5%;
  right: 5%;
  width: 68px;
  height: 99px;
  padding: 11px 14px;
  font: 600 30px "Playfair Display", Georgia, "Times New Roman", Times, serif;
  color: #1eb1ca;
  text-align: center;
}

body > section#content .overview-list > li.callout figure h5 {
  background: #c01f43;
  color: #fff;
}

body > section#content .overview-list > li.callout figure h5:hover {
  background: #dd2b53;
}

body > section#content .overview-list > li.callout figure h5:active {
  background: #9d1937;
}

body > section#content h3 {
  border-bottom: 1px solid #1eb1ca;
  color: #333;
  font: 600 18px "Playfair Display", Georgia, "Times New Roman", Times, serif;
  text-align: center;
  text-transform: uppercase;
  margin: 3.75rem 0 1.25rem;
  padding: 0 0 1.25rem;
}

body > section#content p {
  font: 400 18px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 2.5rem;
}

body > section#content .hero-block {
  background: #fff;
  margin: 0 0 1.25rem;
  padding: 1.25rem 0.625rem;
}

@media screen and (max-width: 768px) {
  body > section#content .hero-block {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  body > section#content .hero-block > li {
    padding-bottom: 0;
  }
}

body > section#content .hero-block > li figure img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
}

body > section#content .hero-block > li figure figcaption {
  color: #323232;
  font: 400 24px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 1.25rem 0 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  body > section#content .hero-block > li figure figcaption {
    font-size: 16px;
  }
}

body > section#content .landing .article-list-container {
  margin: 3.5rem 0;
}

body > section#content .partners {
  margin-top: 15px;
  margin-bottom: 15px;
}

body > section#content .partners .col-md-1,
body > section#content .partners .col-md-2 {
  border: 1px solid #f5f5f5;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  border-radius: .5rem;
  height: 90px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1.25rem;
}

body > section#content .partners .col-md-1 img,
body > section#content .partners .col-md-2 img {
  max-width: 100%;
}

body > section#content .article-list-container {
  clear: both;
}

body > section#content .article-list-container .article-list {
  list-style: none;
  padding: 0;
}

body > section#content .article-list-container .article-list > li {
  border-bottom: 1px #bdbdbd solid;
  margin: 0 0 1.25rem;
  padding: 0 0 2.25rem;
  *zoom: 1;
}

body > section#content .article-list-container .article-list > li:before, body > section#content .article-list-container .article-list > li:after {
  content: " ";
  display: table;
}

body > section#content .article-list-container .article-list > li:after {
  clear: both;
}

body > section#content .article-list-container .article-list > li > h4 {
  font: 400 24px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 1.25rem;
}

body > section#content .article-list-container .article-list > li > h4 a {
  color: #212121;
}

body > section#content .article-list-container .article-list > li > figure {
  position: relative;
}

@media screen and (min-width: 768px) {
  body > section#content .article-list-container .article-list > li > figure {
    float: left;
    width: 25%;
  }
}

body > section#content .article-list-container .article-list > li > figure img {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  height: auto;
  width: 100%;
  -webkit-box-shadow: 0 12px 32px -12px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 12px 32px -12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 12px 32px -12px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body > section#content .article-list-container .article-list > li > figure img:focus, body > section#content .article-list-container .article-list > li > figure img:hover {
  -webkit-box-shadow: 0 12px 32px -12px rgba(30, 177, 202, 0.2);
  -moz-box-shadow: 0 12px 32px -12px rgba(30, 177, 202, 0.2);
  box-shadow: 0 12px 32px -12px rgba(30, 177, 202, 0.2);
}

@media screen and (min-width: 768px) {
  body > section#content .article-list-container .article-list > li > figure img.square {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  body > section#content .article-list-container .article-list > li > figure img.square {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  body > section#content .article-list-container .article-list > li > figure img.main {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  body > section#content .article-list-container .article-list > li > figure img.main {
    display: block;
  }
}

body > section#content .article-list-container .article-list > li > figure .grade {
  color: #1eb1ca;
  background: url(../images/grade-border-large.png) 0 0 no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  display: block;
  font: 600 31px "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  letter-spacing: -0.7rem;
  text-align: center;
  position: absolute;
  top: 3%;
  right: 3%;
  width: 68px;
  height: 99px;
  padding: 1.7rem 2rem 1.7rem 1.3rem;
}

@media screen and (max-width: 768px) {
  body > section#content .article-list-container .article-list > li > figure .grade {
    top: -3%;
    right: -4%;
  }
}

body > section#content .article-list-container .article-list > li .article-item-body {
  padding: 1.25rem 0 0 0;
}

@media screen and (min-width: 768px) {
  body > section#content .article-list-container .article-list > li .article-item-body {
    float: left;
    padding: 0 0 0 2.5rem;
    width: 75%;
  }
}

body > section#content .article-list-container .article-list > li .article-item-body .description {
  font: 400 14px/22px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 2.5rem;
}

@media screen and (max-width: 768px) {
  body > section#content .article-list-container .article-list > li .article-item-body .description {
    font-size: 18px;
  }
}

body > section#content .article-list-container .article-list > li .article-item-body .excerpt,
body > section#content .article-list-container .article-list > li .article-item-body .excerpt p {
  font: 400 14px/22px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 2.1rem;
  margin: 1.25rem 0;
}

@media screen and (max-width: 768px) {
  body > section#content .article-list-container .article-list > li .article-item-body .excerpt,
  body > section#content .article-list-container .article-list > li .article-item-body .excerpt p {
    font-size: 18px;
  }
}

body > section#content .article-list-container .article-list > li .article-item-body .more {
  *zoom: 1;
  margin: 0 0 1.25rem;
}

body > section#content .article-list-container .article-list > li .article-item-body .more:before, body > section#content .article-list-container .article-list > li .article-item-body .more:after {
  content: " ";
  display: table;
}

body > section#content .article-list-container .article-list > li .article-item-body .more:after {
  clear: both;
}

@media screen and (max-width: 768px) {
  body > section#content .article-list-container .article-list > li .article-item-body .more {
    font-size: 18px;
  }
}

body > section#content .article-list-container .article-list > li .article-item-body .more.callout {
  color: #fff;
  background-color: #c01f43;
  border: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  float: right;
  font-size: 14px;
  font-weight: 600;
  padding: 12px;
  text-decoration: none;
}

body > section#content .article-list-container .article-list > li .article-item-body .more.callout:focus, body > section#content .article-list-container .article-list > li .article-item-body .more.callout.focus {
  color: #fff;
  background-color: #941834;
  -webkit-box-shadow: 0 5px 12px -3px rgba(192, 31, 67, 0.5);
  -moz-box-shadow: 0 5px 12px -3px rgba(192, 31, 67, 0.5);
  box-shadow: 0 5px 12px -3px rgba(192, 31, 67, 0.5);
}

body > section#content .article-list-container .article-list > li .article-item-body .more.callout:hover {
  color: #fff;
  background-color: #de345a;
  -webkit-box-shadow: 0 5px 24px -3px rgba(222, 52, 90, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 5px 24px -3px rgba(222, 52, 90, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  box-shadow: 0 5px 24px -3px rgba(222, 52, 90, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
}

body > section#content .article-list-container .article-list > li .article-item-body .more.callout:active,
.open > body > section#content .article-list-container .article-list > li .article-item-body .more.callout.dropdown-toggle {
  color: #fff;
  background-color: #d6234b;
}

body > section#content .article-list-container .article-list > li .article-item-body .more.callout:active:hover, body > section#content .article-list-container .article-list > li .article-item-body .more.callout:active:focus, body > section#content .article-list-container .article-list > li .article-item-body .more.callout:active.focus,
.open > body > section#content .article-list-container .article-list > li .article-item-body .more.callout.dropdown-toggle:hover,
.open > body > section#content .article-list-container .article-list > li .article-item-body .more.callout.dropdown-toggle:focus,
.open > body > section#content .article-list-container .article-list > li .article-item-body .more.callout.dropdown-toggle.focus {
  color: #fff;
  background-color: #aa1b3b;
}

body > section#content .article-list-container .article-list > li .article-item-body .more.callout:active, body > section#content .article-list-container .article-list > li .article-item-body .more.callout.active,
.open > body > section#content .article-list-container .article-list > li .article-item-body .more.callout.dropdown-toggle {
  background-image: none;
}

body > section#content .article-list-container .article-list > li .article-item-body .more.callout.disabled:hover, body > section#content .article-list-container .article-list > li .article-item-body .more.callout.disabled:focus, body > section#content .article-list-container .article-list > li .article-item-body .more.callout.disabled.focus, body > section#content .article-list-container .article-list > li .article-item-body .more.callout[disabled]:hover, body > section#content .article-list-container .article-list > li .article-item-body .more.callout[disabled]:focus, body > section#content .article-list-container .article-list > li .article-item-body .more.callout[disabled].focus,
fieldset[disabled] body > section#content .article-list-container .article-list > li .article-item-body .more.callout:hover,
fieldset[disabled] body > section#content .article-list-container .article-list > li .article-item-body .more.callout:focus,
fieldset[disabled] body > section#content .article-list-container .article-list > li .article-item-body .more.callout.focus {
  background-color: #c01f43;
}

body > section#content .article-list-container .article-list > li .article-item-body .more.callout .badge {
  color: #c01f43;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  body > section#content .article-list-container .article-list > li .article-item-body .more.callout {
    font-size: 18px;
    float: none;
    text-align: center;
  }
}

body > section#content .article-list-container .article-list > li .article-item-body .icons {
  clear: right;
  margin: 0.625rem 0 0;
}

body > section#content .article-list-container .article-list > li .article-item-body .icons > a,
body > section#content .article-list-container .article-list > li .article-item-body .icons > span {
  color: #a8b7ba;
  display: block;
  font-size: 14px;
  margin: 0.625rem 0 0 0;
}

@media screen and (max-width: 768px) {
  body > section#content .article-list-container .article-list > li .article-item-body .icons > a,
  body > section#content .article-list-container .article-list > li .article-item-body .icons > span {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  body > section#content .article-list-container .article-list > li .article-item-body .icons > a,
  body > section#content .article-list-container .article-list > li .article-item-body .icons > span {
    display: inline-block;
    margin: 0 0.625rem 0 0;
  }
}

body > section#content .article-list-container .article-list > li .buttons-callout {
  clear: both;
}

body > section#content .btn-join {
  font-size: 20px;
  font-weight: 600;
  display: block;
  height: 50px;
  margin: 0 0 30px;
  text-align: center;
  padding: 1rem 1.25rem;
}

@media screen and (max-width: 1170px) {
  body > section#content .btn-join {
    font-size: 18px;
    height: auto;
  }
}

body > section#content h1 {
  font: 600 32px/48px "Playfair Display", Georgia, "Times New Roman", Times, serif;
  margin: 20px 0;
}

@media screen and (min-width: 1170px) {
  body > section#content h1 {
    font-size: 44px;
    line-height: 52px;
  }
}

body > section#content article.article > header {
  margin: 0 0 3.5rem;
}

body > section#content article.article > header h1 {
  font: 600 32px/48px "Playfair Display", Georgia, "Times New Roman", Times, serif;
  margin: 0;
}

body > section#content article.article > header time {
  color: #1eb1ca;
  font-size: 14px;
  font-style: italic;
  line-height: 48px;
}

body > section#content article.article > header > .icons {
  clear: right;
  margin: 0;
  float: right;
}

@media screen and (max-width: 768px) {
  body > section#content article.article > header > .icons {
    float: none;
  }
}

body > section#content article.article > header > .icons > a,
body > section#content article.article > header > .icons > span {
  color: #a8b7ba;
  display: inline-block;
  font-size: 14px;
  line-height: 48px;
  margin: 0 0 0 0.625rem;
}

@media screen and (max-width: 768px) {
  body > section#content article.article > header > .icons > a,
  body > section#content article.article > header > .icons > span {
    line-height: 14px;
    margin: 0 0.625rem 0 0;
  }
}

body > section#content article.article > header > figure {
  position: relative;
}

body > section#content article.article > header > figure > img {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin: 1.25rem 0 0;
  width: 100%;
}

body > section#content article.article > header > figure > .grade {
  color: #1eb1ca;
  background: url(../images/grade-border-large.png) 0 0 no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  display: block;
  font: 600 31px "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  letter-spacing: -0.7rem;
  text-align: center;
  position: absolute;
  top: 3%;
  right: 2%;
  width: 68px;
  height: 99px;
  padding: 1.7rem 2rem 1.7rem 1.3rem;
}

body > section#content article.article > .content * {
  font-family: "arial", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

body > section#content article.article > .content img {
  height: auto !important;
  max-width: 100%;
  padding: 0.5rem;
}

body > section#content article.article > .content em {
  font-style: italic;
}

body > section#content .article-list-container .article-list > li article.article > .buttons-callout, body > section#content article.article > .buttons-callout {
  border-top: 1px solid #1eb1ca;
  clear: both;
  margin: 1.25rem 0;
}

body > section#content article.article > .share-box {
  margin: 2.25rem 0;
}

body > section#content article.article > .share-box h6 {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 32px;
  margin: 0;
}

@media screen and (max-width: 1170px) {
  body > section#content article.article > .share-box h6 {
    display: block;
    margin: 10px 0;
  }
}

body > section#content article.article > .share-box .share-buttons {
  float: right;
}

@media screen and (max-width: 1170px) {
  body > section#content article.article > .share-box .share-buttons {
    float: none;
    margin: 10px 0;
  }
}

body > section#content article.article > .comments {
  clear: both;
}

body > section#content article.article > .comments ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body > section#content article.article > .comments ul li {
  background: #eeeeee;
  -webkit-border-radius: 30px 5px 5px 5px;
  -moz-border-radius: 30px 5px 5px 5px;
  border-radius: 30px 5px 5px 5px;
  margin: 1.25rem 0;
  padding: 0.625rem;
}

body > section#content article.article > .comments ul li:first-child {
  margin-top: 0.625rem;
}

body > section#content article.article > .comments ul li:last-child {
  margin-bottom: 0;
}

body > section#content article.article > .comments ul li > figure img {
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  float: left;
  margin: 0 0.625rem 0.625rem 0;
  width: 50px;
}

body > section#content article.article > .comments ul li > figure figcaption {
  font: normal 18px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body > section#content article.article > .comments ul li time {
  color: #1eb1ca;
  font-size: 14px;
  font-style: italic;
}

body > section#content article.article > .comments ul li .message {
  clear: both;
  font: normal 16px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body > section#content article.article > .comments ul li .buttons {
  *zoom: 1;
  margin: 0.625rem 0 0;
}

body > section#content article.article > .comments ul li .buttons:before, body > section#content article.article > .comments ul li .buttons:after {
  content: " ";
  display: table;
}

body > section#content article.article > .comments ul li .buttons:after {
  clear: both;
}

body > section#content article.article > .comments ul li .buttons .btn {
  float: right;
}

body > section#content article.article > .comments ul .comment-form {
  border: none;
  margin: 0 0 0 3.75rem;
  padding: 0;
}

body > section#content article.article > .comments ul .reply-list {
  margin: 0 0 0 3.75rem;
}

body > section#content article.article > .comments ul .reply-list li {
  background: #fafafa;
}

body > section#content article.quiz .finish-message .btn {
  margin: 2.5rem 0;
}

body > section#content article.quiz .finish-message > figure > img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
}

body > section#content article.quiz .finish-message * {
  font-size: 16px;
}

body > section#content article.quiz .preview {
  margin: 20px 0;
}

body > section#content article.quiz .steps-list {
  border-bottom: 2px solid #eee;
  margin-bottom: 3.25rem;
  padding-bottom: 3.25rem;
}

body > section#content article.quiz .quiz-content, body > section#content article.quiz .form-group {
  border-bottom: 1px solid #ccc;
  margin-bottom: 3.25rem;
  padding-bottom: 3.25rem;
}

body > section#content article.quiz .switch-container label {
  font-weight: bold;
}

body > section#content article.quiz .switch-container .switch {
  float: left;
  margin: 0 1.4rem 1.4rem 0;
}

body > section#content article.quiz .matrix > table > thead {
  background: #1eb1ca;
  color: #fff;
}

body > section#content article.quiz .matrix th, body > section#content article.quiz .matrix td {
  text-align: center;
}

body > section#content article.quiz .matrix th:first-child, body > section#content article.quiz .matrix td:first-child {
  text-align: left;
}

body > section#content article.quiz .image-choice > li > label {
  background: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body > section#content article.quiz .image-choice > li > label > img {
  display: inline;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
}

body > section#content article.quiz .image-choice > li > label > input {
  display: none;
}

body > section#content article.quiz .image-choice > li > label > span {
  display: block;
  font-weight: bold;
  padding: .725rem;
  text-align: center;
}

body > section#content article.quiz .image-choice > li.active > label {
  border-color: #1eb1ca;
  -webkit-box-shadow: 0 0 0 3px #1eb1ca;
  -moz-box-shadow: 0 0 0 3px #1eb1ca;
  box-shadow: 0 0 0 3px #1eb1ca;
}

body > section#content article.quiz .slider .rangeslider__fill {
  background: #1eb1ca;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

body > section#content article.quiz .slider .rangeslider__handle {
  background-image: none;
}

body > section#content article.quiz .slider .rangeslider__handle:after {
  background-image: none;
}

body > section#content article.quiz .slider .slider-output {
  display: table;
  margin: 10px auto 0;
}

body > section#content article.quiz .open-question {
  margin: 10px 0 0;
}

body > section#content article.quiz .choice-list {
  margin-top: 10px;
}

body > section#content article.quiz .choice-list .checkbox, body > section#content article.quiz .choice-list .radio {
  position: static;
  margin: 0;
}

body > section#content article.quiz .choice-list .checkbox + .checkbox, body > section#content article.quiz .choice-list .radio + .checkbox {
  margin-top: 0;
}

body > section#content article.quiz .choice-list .checkbox > label input[type=checkbox], body > section#content article.quiz .choice-list .checkbox > label input[type=radio], body > section#content article.quiz .choice-list .radio > label input[type=checkbox], body > section#content article.quiz .choice-list .radio > label input[type=radio] {
  margin-top: 5px;
  margin-left: -20px;
}

body > section#content article.quiz .choice-list .checkbox > label .open-question, body > section#content article.quiz .choice-list .radio > label .open-question {
  display: block;
  margin: 10px 0 0 0;
}

body > section#content article.quiz .choice-list.medium-block-grid-1 .checkbox, body > section#content article.quiz .choice-list.medium-block-grid-1 .radio {
  position: static;
  margin: 0;
}

body > section#content article.quiz .choice-list.medium-block-grid-1 .checkbox + .checkbox, body > section#content article.quiz .choice-list.medium-block-grid-1 .radio + .checkbox {
  margin-top: 0;
}

body > section#content article.quiz .choice-list.medium-block-grid-1 .checkbox > label, body > section#content article.quiz .choice-list.medium-block-grid-1 .radio > label {
  position: relative;
}

body > section#content article.quiz .choice-list.medium-block-grid-1 .checkbox > label input[type=checkbox], body > section#content article.quiz .choice-list.medium-block-grid-1 .checkbox > label input[type=radio], body > section#content article.quiz .choice-list.medium-block-grid-1 .radio > label input[type=checkbox], body > section#content article.quiz .choice-list.medium-block-grid-1 .radio > label input[type=radio] {
  position: absolute;
  top: 50%;
  margin-top: 0;
  margin-left: -20px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

body > section#content article.quiz .choice-list.medium-block-grid-1 .checkbox > label .open-question, body > section#content article.quiz .choice-list.medium-block-grid-1 .radio > label .open-question {
  display: inline-block;
  margin: 0 0 0 10px;
}

body > section#content article.quiz .help-note {
  border-top: 1px solid #ccc;
  color: #666;
  margin-top: 3.25rem;
  padding-top: 1.25rem;
}

body > section#content form.comment-form {
  border-top: 1px solid #1eb1ca;
  padding: 1.25rem 0 0;
  margin: 3.5rem 0 0;
}

body > section#content form.comment-form label {
  font-size: 18px;
  font-weight: normal;
}

body > section#content form.comment-form textarea {
  min-height: 120px;
}

body > section#content .articles > h1 {
  margin: 0 0 20px;
}

body > section#content .articles .article-list {
  margin: 0;
}

body > section#content .participation-filter {
  margin: 1.25rem 0;
  text-align: right;
}

body > section#content .participation-filter label {
  display: inline-block;
  line-height: 34px;
  margin: 0 0.375rem 0 0;
}

body > section#content .participation-filter .participation-filter-buttons {
  display: inline-block;
}

body > section#content .participation-filter .participation-filter-buttons:first-child {
  margin: 0 0.375rem 0 0;
}

@media screen and (min-width: 40.063em) {
  body > section#content .participation-filter .participation-filter-buttons .btn {
    width: 160px;
  }
}

body > section#content .participation-filter .participation-filter-buttons .btn.active {
  color: #fff;
  background-color: #1eb1ca;
  border-color: #1a9aaf;
}

body > section#content .activity-filter {
  width: 100%;
}

body > section#content .activity-filter label {
  display: inline-block;
  line-height: 34px;
  margin: 0 0.375rem 0 0;
}

body > section#content .activity-filter .activity-filter-button {
  white-space: nowrap;
}

body > section#content .activity-filter .activity-filter-button .filter-tab {
  width: 33%;
  display: inline-block;
}

body > section#content .activity-filter .activity-filter-button:first-child {
  margin: 0 0.375rem 0 0;
}

body > section#content .activity-filter .activity-filter-button .btn.active {
  color: #ffffff;
  background-color: #c01f43;
  border-color: #1a9aaf;
}

body > section#content .activity-table {
  text-align: center;
}

body > section#content .activity-table .btn-participate {
  background-color: #4b9aae;
  color: #ffffff;
}

body > section#content .activity-table .fa-check {
  color: #90ee90;
}

body > section#content .activity-table .fa-times {
  color: red;
}

@media screen and (max-width: 768px) {
  body > section#content .sidebar {
    margin: 3.75rem 0 0;
  }
}

body > section#content .sidebar .sidebar-block {
  margin: 3.75rem 0 0;
}

body > section#content .sidebar .sidebar-block:first-child {
  margin: 0;
}

body > section#content .sidebar .sidebar-block a {
  text-decoration: none;
}

body > section#content .sidebar .sidebar-block > h5 {
  border-bottom: 1px #1eb1ca solid;
  color: #212121;
  display: block;
  font: 600 16px "Playfair Display", Georgia, "Times New Roman", Times, serif;
  margin: 0 0 1.25rem;
  padding: 0 0 1.25rem;
  text-align: center;
  text-transform: uppercase;
}

body > section#content .sidebar .sidebar-block figure.image-circle img {
  -webkit-box-shadow: 0 12px 32px -12px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 12px 32px -12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 12px 32px -12px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  display: block;
  margin: 1.25rem auto;
  max-width: 70%;
}

body > section#content .sidebar .sidebar-block figure.image-circle > figcaption {
  font: 500 18px "Playfair Display", Georgia, "Times New Roman", Times, serif;
  color: #212121;
  margin: 0 0 1.25rem;
  text-align: center;
}

body > section#content .sidebar .sidebar-block figure.image-circle > figcaption > small {
  color: #1eb1ca;
  display: block;
  font: 400 14px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  margin: 0.625rem 0 0;
}

body > section#content .sidebar .sidebar-block .sidebar-content > p {
  font: 400 16px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 1.25rem;
}

body > section#content .sidebar .sidebar-block .sidebar-content > dl {
  text-align: center;
}

body > footer {
  margin: 30px 0 0;
}

body > footer.affixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}

body > footer > div {
  padding: 30px 0;
}

body > footer > div.social-links {
  background: #fff;
}

body > footer > div.social-links .logo img {
  height: 46px;
}

@media screen and (max-width: 768px) {
  body > footer > div.social-links .logo img {
    display: block;
    margin: 0 auto 30px;
  }
}

body > footer > div.social-links .logo.pink-ribbon {
  position: relative;
  width: 140px;
}

@media screen and (max-width: 768px) {
  body > footer > div.social-links .logo.pink-ribbon {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  body > footer > div.social-links .logo.pink-ribbon {
    width: 60px;
  }
}

body > footer > div.social-links .logo.pink-ribbon > img {
  height: 60px;
  position: absolute;
  top: 2px;
}

@media screen and (max-width: 768px) {
  body > footer > div.social-links .logo.pink-ribbon > img {
    top: -12px;
  }
}

@media screen and (max-width: 767px) {
  body > footer > div.social-links .logo.pink-ribbon > img {
    height: 40px;
    top: 0;
  }
}

body > footer > div.social-links ul > li {
  padding-bottom: 0;
}

body > footer > div.social-links ul > li > a {
  color: #1eb1ca;
  display: block;
  font-size: 28px;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  text-align: center;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  body > footer > div.social-links ul > li > a {
    font-size: 22px;
  }
}

body > footer > div.social-links ul > li > a > i {
  color: #50cfe5;
  display: block;
  font-size: 46px;
  margin: 0 0 8px;
}

@media screen and (max-width: 768px) {
  body > footer > div.social-links ul > li > a > i {
    font-size: 32px;
  }
}

@media screen and (max-width: 768px) {
  body > footer > div.social-links .subscribe-form {
    margin: 30px 0 0;
  }
}

body > footer > div.social-links .subscribe-form input,
body > footer > div.social-links .subscribe-form button {
  border-color: #1eb1ca;
}

body > footer > div.social-links .subscribe-form button {
  color: #1eb1ca;
}

body > footer > div.social-links .subscribe-form .input-group {
  width: 80%;
  margin: 12px auto 8px;
}

body > footer > div.social-links .subscribe-form .help-block {
  color: #1eb1ca;
  display: block;
  font-size: 28px;
  font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  text-align: center;
}

body > footer > div.links {
  background: #1eb1ca;
  color: #e0e0e0;
}

body > footer > div.links h5 {
  border-bottom: 1px solid #e0e0e0;
  display: block;
  font: 500 14px "Playfair Display", Georgia, "Times New Roman", Times, serif;
  margin: 0 0 12px;
  padding: 0 0 12px;
  text-align: left;
  text-transform: uppercase;
}

body > footer > div.links ul {
  padding-left: 20px;
}

body > footer > div.links ul > li {
  margin: 6px 0;
}

body > footer > div.links ul > li > a {
  color: #e0e0e0;
}

.buttons-callout, body > section#content .article-list-container .article-list > li .buttons-callout, body > section#content article.article > .buttons-callout {
  padding: 1.25rem 0 0;
}

.buttons-callout > header, body > section#content .article-list-container .article-list > li .buttons-callout > header, body > section#content article.article > .buttons-callout > header {
  font: normal 16px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .buttons-callout > header, body > section#content .article-list-container .article-list > li .buttons-callout > header, body > section#content article.article > .buttons-callout > header {
    display: block;
  }
}

.buttons-callout > header > small, body > section#content .article-list-container .article-list > li .buttons-callout > header > small, body > section#content article.article > .buttons-callout > header > small {
  display: block;
  font: bold 16px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.buttons-callout > .btn-group, body > section#content .article-list-container .article-list > li .buttons-callout > .btn-group, body > section#content article.article > .buttons-callout > .btn-group {
  float: right;
}

@media screen and (max-width: 768px) {
  .buttons-callout > .btn-group, body > section#content .article-list-container .article-list > li .buttons-callout > .btn-group, body > section#content article.article > .buttons-callout > .btn-group {
    float: none;
    margin: 1.25rem 0 0;
    display: table;
    table-layout: fixed;
  }
  .buttons-callout > .btn-group > .btn, body > section#content .article-list-container .article-list > li .buttons-callout > .btn-group > .btn, body > section#content article.article > .buttons-callout > .btn-group > .btn {
    display: table-cell;
    float: none;
    width: 1%;
  }
}

#scroll-top-button {
  background: #fff;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  -webkit-box-shadow: 0 7px 20px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 20px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 20px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  display: block;
  opacity: 1;
  padding: 9px 12px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
}

#scroll-top-button.headroom {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform;
  -webkit-transition: opacity .8s ease, visibility .8s ease, -webkit-transform 200ms linear, -webkit-box-shadow .3s ease;
  transition: opacity .8s ease, visibility .8s ease, -webkit-transform 200ms linear, -webkit-box-shadow .3s ease;
  -o-transition: opacity .8s ease, visibility .8s ease, box-shadow .3s ease, -o-transform 200ms linear;
  -moz-transition: transform 200ms linear, opacity .8s ease, visibility .8s ease, box-shadow .3s ease, -moz-transform 200ms linear, -moz-box-shadow .3s ease;
  transition: transform 200ms linear, opacity .8s ease, visibility .8s ease, box-shadow .3s ease;
  transition: transform 200ms linear, opacity .8s ease, visibility .8s ease, box-shadow .3s ease, -webkit-transform 200ms linear, -moz-transform 200ms linear, -o-transform 200ms linear, -webkit-box-shadow .3s ease, -moz-box-shadow .3s ease;
}

#scroll-top-button.headroom.headroom--pinned {
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -o-transform: translateY(200%);
  transform: translateY(200%);
  -webkit-animation-name: slideButtonUp;
  -moz-animation-name: slideButtonUp;
  -o-animation-name: slideButtonUp;
  animation-name: slideButtonUp;
}

#scroll-top-button.headroom.headroom--unpinned {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-animation-name: slideButtonDown;
  -moz-animation-name: slideButtonDown;
  -o-animation-name: slideButtonDown;
  animation-name: slideButtonDown;
}

#scroll-top-button.headroom.headroom--not-top {
  opacity: 1;
  visibility: visible;
}

#scroll-top-button.headroom.headroom--top {
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

@-webkit-keyframes slideButtonDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
  }
}

@-moz-keyframes slideButtonDown {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(200%);
    transform: translateY(200%);
  }
}

@-o-keyframes slideButtonDown {
  0% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
}

@keyframes slideButtonDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
}

@-webkit-keyframes slideButtonUp {
  0% {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes slideButtonUp {
  0% {
    -moz-transform: translateY(200%);
    transform: translateY(200%);
  }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes slideButtonUp {
  0% {
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideButtonUp {
  0% {
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

.sidebar-social-link, .login-form-container .social-login, .profile-form-page .social-login, .register-form-container .social-login {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  font: 600 14px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 0;
  margin: 0 0 0.625rem;
  padding: 0.625rem 0.7rem;
  text-align: center;
  text-decoration: none;
}

.sidebar-social-link:hover, .login-form-container .social-login:hover, .profile-form-page .social-login:hover, .register-form-container .social-login:hover {
  text-decoration: none;
}

.sidebar-social-link i, .login-form-container .social-login i, .profile-form-page .social-login i, .register-form-container .social-login i {
  font-size: 26px;
}

.sidebar-social-link.facebook, .login-form-container .facebook.social-login, .profile-form-page .facebook.social-login, .register-form-container .facebook.social-login {
  color: #fff;
  background-color: #2d4587;
  border: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sidebar-social-link.facebook:focus, .login-form-container .facebook.social-login:focus, .profile-form-page .facebook.social-login:focus, .register-form-container .facebook.social-login:focus, .sidebar-social-link.facebook.focus, .login-form-container .facebook.focus.social-login, .profile-form-page .facebook.focus.social-login, .register-form-container .facebook.focus.social-login {
  color: #fff;
  background-color: #203161;
  -webkit-box-shadow: 0 5px 12px -3px rgba(45, 69, 135, 0.5);
  -moz-box-shadow: 0 5px 12px -3px rgba(45, 69, 135, 0.5);
  box-shadow: 0 5px 12px -3px rgba(45, 69, 135, 0.5);
}

.sidebar-social-link.facebook:hover, .login-form-container .facebook.social-login:hover, .profile-form-page .facebook.social-login:hover, .register-form-container .facebook.social-login:hover {
  color: #fff;
  background-color: #3a59ad;
  -webkit-box-shadow: 0 5px 24px -3px rgba(58, 89, 173, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 5px 24px -3px rgba(58, 89, 173, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  box-shadow: 0 5px 24px -3px rgba(58, 89, 173, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
}

.sidebar-social-link.facebook:active, .login-form-container .facebook.social-login:active, .profile-form-page .facebook.social-login:active, .register-form-container .facebook.social-login:active,
.open > .sidebar-social-link.facebook.dropdown-toggle,
.login-form-container .open > .facebook.dropdown-toggle.social-login,
.profile-form-page .open > .facebook.dropdown-toggle.social-login,
.register-form-container .open > .facebook.dropdown-toggle.social-login {
  color: #fff;
  background-color: #334f9a;
}

.sidebar-social-link.facebook:active:hover, .login-form-container .facebook.social-login:active:hover, .profile-form-page .facebook.social-login:active:hover, .register-form-container .facebook.social-login:active:hover, .sidebar-social-link.facebook:active:focus, .login-form-container .facebook.social-login:active:focus, .profile-form-page .facebook.social-login:active:focus, .register-form-container .facebook.social-login:active:focus, .sidebar-social-link.facebook:active.focus, .login-form-container .facebook.social-login:active.focus, .profile-form-page .facebook.social-login:active.focus, .register-form-container .facebook.social-login:active.focus,
.open > .sidebar-social-link.facebook.dropdown-toggle:hover,
.login-form-container .open > .facebook.dropdown-toggle.social-login:hover,
.profile-form-page .open > .facebook.dropdown-toggle.social-login:hover,
.register-form-container .open > .facebook.dropdown-toggle.social-login:hover,
.open > .sidebar-social-link.facebook.dropdown-toggle:focus,
.login-form-container .open > .facebook.dropdown-toggle.social-login:focus,
.profile-form-page .open > .facebook.dropdown-toggle.social-login:focus,
.register-form-container .open > .facebook.dropdown-toggle.social-login:focus,
.open > .sidebar-social-link.facebook.dropdown-toggle.focus,
.login-form-container .open > .facebook.dropdown-toggle.focus.social-login,
.profile-form-page .open > .facebook.dropdown-toggle.focus.social-login,
.register-form-container .open > .facebook.dropdown-toggle.focus.social-login {
  color: #fff;
  background-color: #273b74;
}

.sidebar-social-link.facebook:active, .login-form-container .facebook.social-login:active, .profile-form-page .facebook.social-login:active, .register-form-container .facebook.social-login:active, .sidebar-social-link.facebook.active, .login-form-container .facebook.active.social-login, .profile-form-page .facebook.active.social-login, .register-form-container .facebook.active.social-login,
.open > .sidebar-social-link.facebook.dropdown-toggle,
.login-form-container .open > .facebook.dropdown-toggle.social-login,
.profile-form-page .open > .facebook.dropdown-toggle.social-login,
.register-form-container .open > .facebook.dropdown-toggle.social-login {
  background-image: none;
}

.sidebar-social-link.facebook.disabled:hover, .login-form-container .facebook.disabled.social-login:hover, .profile-form-page .facebook.disabled.social-login:hover, .register-form-container .facebook.disabled.social-login:hover, .sidebar-social-link.facebook.disabled:focus, .login-form-container .facebook.disabled.social-login:focus, .profile-form-page .facebook.disabled.social-login:focus, .register-form-container .facebook.disabled.social-login:focus, .sidebar-social-link.facebook.disabled.focus, .login-form-container .facebook.disabled.focus.social-login, .profile-form-page .facebook.disabled.focus.social-login, .register-form-container .facebook.disabled.focus.social-login, .sidebar-social-link.facebook[disabled]:hover, .login-form-container .facebook.social-login[disabled]:hover, .profile-form-page .facebook.social-login[disabled]:hover, .register-form-container .facebook.social-login[disabled]:hover, .sidebar-social-link.facebook[disabled]:focus, .login-form-container .facebook.social-login[disabled]:focus, .profile-form-page .facebook.social-login[disabled]:focus, .register-form-container .facebook.social-login[disabled]:focus, .sidebar-social-link.facebook[disabled].focus, .login-form-container .facebook.social-login[disabled].focus, .profile-form-page .facebook.social-login[disabled].focus, .register-form-container .facebook.social-login[disabled].focus,
fieldset[disabled] .sidebar-social-link.facebook:hover,
fieldset[disabled] .login-form-container .facebook.social-login:hover,
.login-form-container fieldset[disabled] .facebook.social-login:hover,
fieldset[disabled] .profile-form-page .facebook.social-login:hover,
.profile-form-page fieldset[disabled] .facebook.social-login:hover,
fieldset[disabled] .register-form-container .facebook.social-login:hover,
.register-form-container fieldset[disabled] .facebook.social-login:hover,
fieldset[disabled] .sidebar-social-link.facebook:focus,
fieldset[disabled] .login-form-container .facebook.social-login:focus,
.login-form-container fieldset[disabled] .facebook.social-login:focus,
fieldset[disabled] .profile-form-page .facebook.social-login:focus,
.profile-form-page fieldset[disabled] .facebook.social-login:focus,
fieldset[disabled] .register-form-container .facebook.social-login:focus,
.register-form-container fieldset[disabled] .facebook.social-login:focus,
fieldset[disabled] .sidebar-social-link.facebook.focus,
fieldset[disabled] .login-form-container .facebook.focus.social-login,
.login-form-container fieldset[disabled] .facebook.focus.social-login,
fieldset[disabled] .profile-form-page .facebook.focus.social-login,
.profile-form-page fieldset[disabled] .facebook.focus.social-login,
fieldset[disabled] .register-form-container .facebook.focus.social-login,
.register-form-container fieldset[disabled] .facebook.focus.social-login {
  background-color: #2d4587;
}

.sidebar-social-link.facebook .badge, .login-form-container .facebook.social-login .badge, .profile-form-page .facebook.social-login .badge, .register-form-container .facebook.social-login .badge {
  color: #2d4587;
  background-color: #fff;
}

.sidebar-social-link.instagram, .login-form-container .instagram.social-login, .profile-form-page .instagram.social-login, .register-form-container .instagram.social-login {
  color: #fff;
  background-color: #416b91;
  border: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sidebar-social-link.instagram:focus, .login-form-container .instagram.social-login:focus, .profile-form-page .instagram.social-login:focus, .register-form-container .instagram.social-login:focus, .sidebar-social-link.instagram.focus, .login-form-container .instagram.focus.social-login, .profile-form-page .instagram.focus.social-login, .register-form-container .instagram.focus.social-login {
  color: #fff;
  background-color: #31516e;
  -webkit-box-shadow: 0 5px 12px -3px rgba(65, 107, 145, 0.5);
  -moz-box-shadow: 0 5px 12px -3px rgba(65, 107, 145, 0.5);
  box-shadow: 0 5px 12px -3px rgba(65, 107, 145, 0.5);
}

.sidebar-social-link.instagram:hover, .login-form-container .instagram.social-login:hover, .profile-form-page .instagram.social-login:hover, .register-form-container .instagram.social-login:hover {
  color: #fff;
  background-color: #5385b2;
  -webkit-box-shadow: 0 5px 24px -3px rgba(83, 133, 178, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 5px 24px -3px rgba(83, 133, 178, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  box-shadow: 0 5px 24px -3px rgba(83, 133, 178, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
}

.sidebar-social-link.instagram:active, .login-form-container .instagram.social-login:active, .profile-form-page .instagram.social-login:active, .register-form-container .instagram.social-login:active,
.open > .sidebar-social-link.instagram.dropdown-toggle,
.login-form-container .open > .instagram.dropdown-toggle.social-login,
.profile-form-page .open > .instagram.dropdown-toggle.social-login,
.register-form-container .open > .instagram.dropdown-toggle.social-login {
  color: #fff;
  background-color: #4978a3;
}

.sidebar-social-link.instagram:active:hover, .login-form-container .instagram.social-login:active:hover, .profile-form-page .instagram.social-login:active:hover, .register-form-container .instagram.social-login:active:hover, .sidebar-social-link.instagram:active:focus, .login-form-container .instagram.social-login:active:focus, .profile-form-page .instagram.social-login:active:focus, .register-form-container .instagram.social-login:active:focus, .sidebar-social-link.instagram:active.focus, .login-form-container .instagram.social-login:active.focus, .profile-form-page .instagram.social-login:active.focus, .register-form-container .instagram.social-login:active.focus,
.open > .sidebar-social-link.instagram.dropdown-toggle:hover,
.login-form-container .open > .instagram.dropdown-toggle.social-login:hover,
.profile-form-page .open > .instagram.dropdown-toggle.social-login:hover,
.register-form-container .open > .instagram.dropdown-toggle.social-login:hover,
.open > .sidebar-social-link.instagram.dropdown-toggle:focus,
.login-form-container .open > .instagram.dropdown-toggle.social-login:focus,
.profile-form-page .open > .instagram.dropdown-toggle.social-login:focus,
.register-form-container .open > .instagram.dropdown-toggle.social-login:focus,
.open > .sidebar-social-link.instagram.dropdown-toggle.focus,
.login-form-container .open > .instagram.dropdown-toggle.focus.social-login,
.profile-form-page .open > .instagram.dropdown-toggle.focus.social-login,
.register-form-container .open > .instagram.dropdown-toggle.focus.social-login {
  color: #fff;
  background-color: #395e7f;
}

.sidebar-social-link.instagram:active, .login-form-container .instagram.social-login:active, .profile-form-page .instagram.social-login:active, .register-form-container .instagram.social-login:active, .sidebar-social-link.instagram.active, .login-form-container .instagram.active.social-login, .profile-form-page .instagram.active.social-login, .register-form-container .instagram.active.social-login,
.open > .sidebar-social-link.instagram.dropdown-toggle,
.login-form-container .open > .instagram.dropdown-toggle.social-login,
.profile-form-page .open > .instagram.dropdown-toggle.social-login,
.register-form-container .open > .instagram.dropdown-toggle.social-login {
  background-image: none;
}

.sidebar-social-link.instagram.disabled:hover, .login-form-container .instagram.disabled.social-login:hover, .profile-form-page .instagram.disabled.social-login:hover, .register-form-container .instagram.disabled.social-login:hover, .sidebar-social-link.instagram.disabled:focus, .login-form-container .instagram.disabled.social-login:focus, .profile-form-page .instagram.disabled.social-login:focus, .register-form-container .instagram.disabled.social-login:focus, .sidebar-social-link.instagram.disabled.focus, .login-form-container .instagram.disabled.focus.social-login, .profile-form-page .instagram.disabled.focus.social-login, .register-form-container .instagram.disabled.focus.social-login, .sidebar-social-link.instagram[disabled]:hover, .login-form-container .instagram.social-login[disabled]:hover, .profile-form-page .instagram.social-login[disabled]:hover, .register-form-container .instagram.social-login[disabled]:hover, .sidebar-social-link.instagram[disabled]:focus, .login-form-container .instagram.social-login[disabled]:focus, .profile-form-page .instagram.social-login[disabled]:focus, .register-form-container .instagram.social-login[disabled]:focus, .sidebar-social-link.instagram[disabled].focus, .login-form-container .instagram.social-login[disabled].focus, .profile-form-page .instagram.social-login[disabled].focus, .register-form-container .instagram.social-login[disabled].focus,
fieldset[disabled] .sidebar-social-link.instagram:hover,
fieldset[disabled] .login-form-container .instagram.social-login:hover,
.login-form-container fieldset[disabled] .instagram.social-login:hover,
fieldset[disabled] .profile-form-page .instagram.social-login:hover,
.profile-form-page fieldset[disabled] .instagram.social-login:hover,
fieldset[disabled] .register-form-container .instagram.social-login:hover,
.register-form-container fieldset[disabled] .instagram.social-login:hover,
fieldset[disabled] .sidebar-social-link.instagram:focus,
fieldset[disabled] .login-form-container .instagram.social-login:focus,
.login-form-container fieldset[disabled] .instagram.social-login:focus,
fieldset[disabled] .profile-form-page .instagram.social-login:focus,
.profile-form-page fieldset[disabled] .instagram.social-login:focus,
fieldset[disabled] .register-form-container .instagram.social-login:focus,
.register-form-container fieldset[disabled] .instagram.social-login:focus,
fieldset[disabled] .sidebar-social-link.instagram.focus,
fieldset[disabled] .login-form-container .instagram.focus.social-login,
.login-form-container fieldset[disabled] .instagram.focus.social-login,
fieldset[disabled] .profile-form-page .instagram.focus.social-login,
.profile-form-page fieldset[disabled] .instagram.focus.social-login,
fieldset[disabled] .register-form-container .instagram.focus.social-login,
.register-form-container fieldset[disabled] .instagram.focus.social-login {
  background-color: #416b91;
}

.sidebar-social-link.instagram .badge, .login-form-container .instagram.social-login .badge, .profile-form-page .instagram.social-login .badge, .register-form-container .instagram.social-login .badge {
  color: #416b91;
  background-color: #fff;
}

.sidebar-social-link.youtube, .login-form-container .youtube.social-login, .profile-form-page .youtube.social-login, .register-form-container .youtube.social-login {
  color: #fff;
  background-color: #cb171d;
  border: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sidebar-social-link.youtube:focus, .login-form-container .youtube.social-login:focus, .profile-form-page .youtube.social-login:focus, .register-form-container .youtube.social-login:focus, .sidebar-social-link.youtube.focus, .login-form-container .youtube.focus.social-login, .profile-form-page .youtube.focus.social-login, .register-form-container .youtube.focus.social-login {
  color: #fff;
  background-color: #9d1216;
  -webkit-box-shadow: 0 5px 12px -3px rgba(203, 23, 29, 0.5);
  -moz-box-shadow: 0 5px 12px -3px rgba(203, 23, 29, 0.5);
  box-shadow: 0 5px 12px -3px rgba(203, 23, 29, 0.5);
}

.sidebar-social-link.youtube:hover, .login-form-container .youtube.social-login:hover, .profile-form-page .youtube.social-login:hover, .register-form-container .youtube.social-login:hover {
  color: #fff;
  background-color: #e72e34;
  -webkit-box-shadow: 0 5px 24px -3px rgba(231, 46, 52, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 5px 24px -3px rgba(231, 46, 52, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  box-shadow: 0 5px 24px -3px rgba(231, 46, 52, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
}

.sidebar-social-link.youtube:active, .login-form-container .youtube.social-login:active, .profile-form-page .youtube.social-login:active, .register-form-container .youtube.social-login:active,
.open > .sidebar-social-link.youtube.dropdown-toggle,
.login-form-container .open > .youtube.dropdown-toggle.social-login,
.profile-form-page .open > .youtube.dropdown-toggle.social-login,
.register-form-container .open > .youtube.dropdown-toggle.social-login {
  color: #fff;
  background-color: #e21a20;
}

.sidebar-social-link.youtube:active:hover, .login-form-container .youtube.social-login:active:hover, .profile-form-page .youtube.social-login:active:hover, .register-form-container .youtube.social-login:active:hover, .sidebar-social-link.youtube:active:focus, .login-form-container .youtube.social-login:active:focus, .profile-form-page .youtube.social-login:active:focus, .register-form-container .youtube.social-login:active:focus, .sidebar-social-link.youtube:active.focus, .login-form-container .youtube.social-login:active.focus, .profile-form-page .youtube.social-login:active.focus, .register-form-container .youtube.social-login:active.focus,
.open > .sidebar-social-link.youtube.dropdown-toggle:hover,
.login-form-container .open > .youtube.dropdown-toggle.social-login:hover,
.profile-form-page .open > .youtube.dropdown-toggle.social-login:hover,
.register-form-container .open > .youtube.dropdown-toggle.social-login:hover,
.open > .sidebar-social-link.youtube.dropdown-toggle:focus,
.login-form-container .open > .youtube.dropdown-toggle.social-login:focus,
.profile-form-page .open > .youtube.dropdown-toggle.social-login:focus,
.register-form-container .open > .youtube.dropdown-toggle.social-login:focus,
.open > .sidebar-social-link.youtube.dropdown-toggle.focus,
.login-form-container .open > .youtube.dropdown-toggle.focus.social-login,
.profile-form-page .open > .youtube.dropdown-toggle.focus.social-login,
.register-form-container .open > .youtube.dropdown-toggle.focus.social-login {
  color: #fff;
  background-color: #b4141a;
}

.sidebar-social-link.youtube:active, .login-form-container .youtube.social-login:active, .profile-form-page .youtube.social-login:active, .register-form-container .youtube.social-login:active, .sidebar-social-link.youtube.active, .login-form-container .youtube.active.social-login, .profile-form-page .youtube.active.social-login, .register-form-container .youtube.active.social-login,
.open > .sidebar-social-link.youtube.dropdown-toggle,
.login-form-container .open > .youtube.dropdown-toggle.social-login,
.profile-form-page .open > .youtube.dropdown-toggle.social-login,
.register-form-container .open > .youtube.dropdown-toggle.social-login {
  background-image: none;
}

.sidebar-social-link.youtube.disabled:hover, .login-form-container .youtube.disabled.social-login:hover, .profile-form-page .youtube.disabled.social-login:hover, .register-form-container .youtube.disabled.social-login:hover, .sidebar-social-link.youtube.disabled:focus, .login-form-container .youtube.disabled.social-login:focus, .profile-form-page .youtube.disabled.social-login:focus, .register-form-container .youtube.disabled.social-login:focus, .sidebar-social-link.youtube.disabled.focus, .login-form-container .youtube.disabled.focus.social-login, .profile-form-page .youtube.disabled.focus.social-login, .register-form-container .youtube.disabled.focus.social-login, .sidebar-social-link.youtube[disabled]:hover, .login-form-container .youtube.social-login[disabled]:hover, .profile-form-page .youtube.social-login[disabled]:hover, .register-form-container .youtube.social-login[disabled]:hover, .sidebar-social-link.youtube[disabled]:focus, .login-form-container .youtube.social-login[disabled]:focus, .profile-form-page .youtube.social-login[disabled]:focus, .register-form-container .youtube.social-login[disabled]:focus, .sidebar-social-link.youtube[disabled].focus, .login-form-container .youtube.social-login[disabled].focus, .profile-form-page .youtube.social-login[disabled].focus, .register-form-container .youtube.social-login[disabled].focus,
fieldset[disabled] .sidebar-social-link.youtube:hover,
fieldset[disabled] .login-form-container .youtube.social-login:hover,
.login-form-container fieldset[disabled] .youtube.social-login:hover,
fieldset[disabled] .profile-form-page .youtube.social-login:hover,
.profile-form-page fieldset[disabled] .youtube.social-login:hover,
fieldset[disabled] .register-form-container .youtube.social-login:hover,
.register-form-container fieldset[disabled] .youtube.social-login:hover,
fieldset[disabled] .sidebar-social-link.youtube:focus,
fieldset[disabled] .login-form-container .youtube.social-login:focus,
.login-form-container fieldset[disabled] .youtube.social-login:focus,
fieldset[disabled] .profile-form-page .youtube.social-login:focus,
.profile-form-page fieldset[disabled] .youtube.social-login:focus,
fieldset[disabled] .register-form-container .youtube.social-login:focus,
.register-form-container fieldset[disabled] .youtube.social-login:focus,
fieldset[disabled] .sidebar-social-link.youtube.focus,
fieldset[disabled] .login-form-container .youtube.focus.social-login,
.login-form-container fieldset[disabled] .youtube.focus.social-login,
fieldset[disabled] .profile-form-page .youtube.focus.social-login,
.profile-form-page fieldset[disabled] .youtube.focus.social-login,
fieldset[disabled] .register-form-container .youtube.focus.social-login,
.register-form-container fieldset[disabled] .youtube.focus.social-login {
  background-color: #cb171d;
}

.sidebar-social-link.youtube .badge, .login-form-container .youtube.social-login .badge, .profile-form-page .youtube.social-login .badge, .register-form-container .youtube.social-login .badge {
  color: #cb171d;
  background-color: #fff;
}

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

.social-tiles a {
  display: inline-table;
  margin: 0 6px;
  padding: 10px 12px;
}

.login-form-container .scenario-switch, .profile-form-page .scenario-switch, .register-form-container .scenario-switch {
  margin: 50px 0;
}

.login-form-container .scenario-switch .choice-group .btn, .profile-form-page .scenario-switch .choice-group .btn, .register-form-container .scenario-switch .choice-group .btn {
  color: #333;
  background-color: #f0f0f0;
  border: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.login-form-container .scenario-switch .choice-group .btn:focus, .login-form-container .scenario-switch .choice-group .btn.focus, .profile-form-page .scenario-switch .choice-group .btn:focus, .profile-form-page .scenario-switch .choice-group .btn.focus, .register-form-container .scenario-switch .choice-group .btn:focus, .register-form-container .scenario-switch .choice-group .btn.focus {
  color: #333;
  background-color: #d7d6d6;
  -webkit-box-shadow: 0 5px 12px -3px rgba(240, 240, 240, 0.5);
  -moz-box-shadow: 0 5px 12px -3px rgba(240, 240, 240, 0.5);
  box-shadow: 0 5px 12px -3px rgba(240, 240, 240, 0.5);
}

.login-form-container .scenario-switch .choice-group .btn:hover, .profile-form-page .scenario-switch .choice-group .btn:hover, .register-form-container .scenario-switch .choice-group .btn:hover {
  color: #333;
  background-color: #e3e3e3;
  -webkit-box-shadow: 0 5px 24px -3px rgba(227, 227, 227, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 5px 24px -3px rgba(227, 227, 227, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  box-shadow: 0 5px 24px -3px rgba(227, 227, 227, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
}

.login-form-container .scenario-switch .choice-group .btn:active,
.open > .login-form-container .scenario-switch .choice-group .btn.dropdown-toggle, .profile-form-page .scenario-switch .choice-group .btn:active,
.open > .profile-form-page .scenario-switch .choice-group .btn.dropdown-toggle, .register-form-container .scenario-switch .choice-group .btn:active,
.open > .register-form-container .scenario-switch .choice-group .btn.dropdown-toggle {
  color: #333;
  background-color: #fdfdfd;
}

.login-form-container .scenario-switch .choice-group .btn:active:hover, .login-form-container .scenario-switch .choice-group .btn:active:focus, .login-form-container .scenario-switch .choice-group .btn:active.focus,
.open > .login-form-container .scenario-switch .choice-group .btn.dropdown-toggle:hover,
.open > .login-form-container .scenario-switch .choice-group .btn.dropdown-toggle:focus,
.open > .login-form-container .scenario-switch .choice-group .btn.dropdown-toggle.focus, .profile-form-page .scenario-switch .choice-group .btn:active:hover, .profile-form-page .scenario-switch .choice-group .btn:active:focus, .profile-form-page .scenario-switch .choice-group .btn:active.focus,
.open > .profile-form-page .scenario-switch .choice-group .btn.dropdown-toggle:hover,
.open > .profile-form-page .scenario-switch .choice-group .btn.dropdown-toggle:focus,
.open > .profile-form-page .scenario-switch .choice-group .btn.dropdown-toggle.focus, .register-form-container .scenario-switch .choice-group .btn:active:hover, .register-form-container .scenario-switch .choice-group .btn:active:focus, .register-form-container .scenario-switch .choice-group .btn:active.focus,
.open > .register-form-container .scenario-switch .choice-group .btn.dropdown-toggle:hover,
.open > .register-form-container .scenario-switch .choice-group .btn.dropdown-toggle:focus,
.open > .register-form-container .scenario-switch .choice-group .btn.dropdown-toggle.focus {
  color: #333;
  background-color: #e3e3e3;
}

.login-form-container .scenario-switch .choice-group .btn:active, .login-form-container .scenario-switch .choice-group .btn.active,
.open > .login-form-container .scenario-switch .choice-group .btn.dropdown-toggle, .profile-form-page .scenario-switch .choice-group .btn:active, .profile-form-page .scenario-switch .choice-group .btn.active,
.open > .profile-form-page .scenario-switch .choice-group .btn.dropdown-toggle, .register-form-container .scenario-switch .choice-group .btn:active, .register-form-container .scenario-switch .choice-group .btn.active,
.open > .register-form-container .scenario-switch .choice-group .btn.dropdown-toggle {
  background-image: none;
}

.login-form-container .scenario-switch .choice-group .btn.disabled:hover, .login-form-container .scenario-switch .choice-group .btn.disabled:focus, .login-form-container .scenario-switch .choice-group .btn.disabled.focus, .login-form-container .scenario-switch .choice-group .btn[disabled]:hover, .login-form-container .scenario-switch .choice-group .btn[disabled]:focus, .login-form-container .scenario-switch .choice-group .btn[disabled].focus,
fieldset[disabled] .login-form-container .scenario-switch .choice-group .btn:hover,
fieldset[disabled] .login-form-container .scenario-switch .choice-group .btn:focus,
fieldset[disabled] .login-form-container .scenario-switch .choice-group .btn.focus, .profile-form-page .scenario-switch .choice-group .btn.disabled:hover, .profile-form-page .scenario-switch .choice-group .btn.disabled:focus, .profile-form-page .scenario-switch .choice-group .btn.disabled.focus, .profile-form-page .scenario-switch .choice-group .btn[disabled]:hover, .profile-form-page .scenario-switch .choice-group .btn[disabled]:focus, .profile-form-page .scenario-switch .choice-group .btn[disabled].focus,
fieldset[disabled] .profile-form-page .scenario-switch .choice-group .btn:hover,
fieldset[disabled] .profile-form-page .scenario-switch .choice-group .btn:focus,
fieldset[disabled] .profile-form-page .scenario-switch .choice-group .btn.focus, .register-form-container .scenario-switch .choice-group .btn.disabled:hover, .register-form-container .scenario-switch .choice-group .btn.disabled:focus, .register-form-container .scenario-switch .choice-group .btn.disabled.focus, .register-form-container .scenario-switch .choice-group .btn[disabled]:hover, .register-form-container .scenario-switch .choice-group .btn[disabled]:focus, .register-form-container .scenario-switch .choice-group .btn[disabled].focus,
fieldset[disabled] .register-form-container .scenario-switch .choice-group .btn:hover,
fieldset[disabled] .register-form-container .scenario-switch .choice-group .btn:focus,
fieldset[disabled] .register-form-container .scenario-switch .choice-group .btn.focus {
  background-color: #f0f0f0;
}

.login-form-container .scenario-switch .choice-group .btn .badge, .profile-form-page .scenario-switch .choice-group .btn .badge, .register-form-container .scenario-switch .choice-group .btn .badge {
  color: #f0f0f0;
  background-color: #333;
}

.login-form-container .scenario-switch .choice-group .btn.active, .profile-form-page .scenario-switch .choice-group .btn.active, .register-form-container .scenario-switch .choice-group .btn.active {
  color: #fff;
  background-color: #c01f43;
  border: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.login-form-container .scenario-switch .choice-group .btn.active:focus, .login-form-container .scenario-switch .choice-group .btn.active.focus, .profile-form-page .scenario-switch .choice-group .btn.active:focus, .profile-form-page .scenario-switch .choice-group .btn.active.focus, .register-form-container .scenario-switch .choice-group .btn.active:focus, .register-form-container .scenario-switch .choice-group .btn.active.focus {
  color: #fff;
  background-color: #941834;
  -webkit-box-shadow: 0 5px 12px -3px rgba(192, 31, 67, 0.5);
  -moz-box-shadow: 0 5px 12px -3px rgba(192, 31, 67, 0.5);
  box-shadow: 0 5px 12px -3px rgba(192, 31, 67, 0.5);
}

.login-form-container .scenario-switch .choice-group .btn.active:hover, .profile-form-page .scenario-switch .choice-group .btn.active:hover, .register-form-container .scenario-switch .choice-group .btn.active:hover {
  color: #fff;
  background-color: #de345a;
  -webkit-box-shadow: 0 5px 24px -3px rgba(222, 52, 90, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 5px 24px -3px rgba(222, 52, 90, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  box-shadow: 0 5px 24px -3px rgba(222, 52, 90, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
}

.login-form-container .scenario-switch .choice-group .btn.active:active,
.open > .login-form-container .scenario-switch .choice-group .btn.active.dropdown-toggle, .profile-form-page .scenario-switch .choice-group .btn.active:active,
.open > .profile-form-page .scenario-switch .choice-group .btn.active.dropdown-toggle, .register-form-container .scenario-switch .choice-group .btn.active:active,
.open > .register-form-container .scenario-switch .choice-group .btn.active.dropdown-toggle {
  color: #fff;
  background-color: #d6234b;
}

.login-form-container .scenario-switch .choice-group .btn.active:active:hover, .login-form-container .scenario-switch .choice-group .btn.active:active:focus, .login-form-container .scenario-switch .choice-group .btn.active:active.focus,
.open > .login-form-container .scenario-switch .choice-group .btn.active.dropdown-toggle:hover,
.open > .login-form-container .scenario-switch .choice-group .btn.active.dropdown-toggle:focus,
.open > .login-form-container .scenario-switch .choice-group .btn.active.dropdown-toggle.focus, .profile-form-page .scenario-switch .choice-group .btn.active:active:hover, .profile-form-page .scenario-switch .choice-group .btn.active:active:focus, .profile-form-page .scenario-switch .choice-group .btn.active:active.focus,
.open > .profile-form-page .scenario-switch .choice-group .btn.active.dropdown-toggle:hover,
.open > .profile-form-page .scenario-switch .choice-group .btn.active.dropdown-toggle:focus,
.open > .profile-form-page .scenario-switch .choice-group .btn.active.dropdown-toggle.focus, .register-form-container .scenario-switch .choice-group .btn.active:active:hover, .register-form-container .scenario-switch .choice-group .btn.active:active:focus, .register-form-container .scenario-switch .choice-group .btn.active:active.focus,
.open > .register-form-container .scenario-switch .choice-group .btn.active.dropdown-toggle:hover,
.open > .register-form-container .scenario-switch .choice-group .btn.active.dropdown-toggle:focus,
.open > .register-form-container .scenario-switch .choice-group .btn.active.dropdown-toggle.focus {
  color: #fff;
  background-color: #aa1b3b;
}

.login-form-container .scenario-switch .choice-group .btn.active:active, .login-form-container .scenario-switch .choice-group .btn.active.active,
.open > .login-form-container .scenario-switch .choice-group .btn.active.dropdown-toggle, .profile-form-page .scenario-switch .choice-group .btn.active:active, .profile-form-page .scenario-switch .choice-group .btn.active.active,
.open > .profile-form-page .scenario-switch .choice-group .btn.active.dropdown-toggle, .register-form-container .scenario-switch .choice-group .btn.active:active, .register-form-container .scenario-switch .choice-group .btn.active.active,
.open > .register-form-container .scenario-switch .choice-group .btn.active.dropdown-toggle {
  background-image: none;
}

.login-form-container .scenario-switch .choice-group .btn.active.disabled:hover, .login-form-container .scenario-switch .choice-group .btn.active.disabled:focus, .login-form-container .scenario-switch .choice-group .btn.active.disabled.focus, .login-form-container .scenario-switch .choice-group .btn.active[disabled]:hover, .login-form-container .scenario-switch .choice-group .btn.active[disabled]:focus, .login-form-container .scenario-switch .choice-group .btn.active[disabled].focus,
fieldset[disabled] .login-form-container .scenario-switch .choice-group .btn.active:hover,
fieldset[disabled] .login-form-container .scenario-switch .choice-group .btn.active:focus,
fieldset[disabled] .login-form-container .scenario-switch .choice-group .btn.active.focus, .profile-form-page .scenario-switch .choice-group .btn.active.disabled:hover, .profile-form-page .scenario-switch .choice-group .btn.active.disabled:focus, .profile-form-page .scenario-switch .choice-group .btn.active.disabled.focus, .profile-form-page .scenario-switch .choice-group .btn.active[disabled]:hover, .profile-form-page .scenario-switch .choice-group .btn.active[disabled]:focus, .profile-form-page .scenario-switch .choice-group .btn.active[disabled].focus,
fieldset[disabled] .profile-form-page .scenario-switch .choice-group .btn.active:hover,
fieldset[disabled] .profile-form-page .scenario-switch .choice-group .btn.active:focus,
fieldset[disabled] .profile-form-page .scenario-switch .choice-group .btn.active.focus, .register-form-container .scenario-switch .choice-group .btn.active.disabled:hover, .register-form-container .scenario-switch .choice-group .btn.active.disabled:focus, .register-form-container .scenario-switch .choice-group .btn.active.disabled.focus, .register-form-container .scenario-switch .choice-group .btn.active[disabled]:hover, .register-form-container .scenario-switch .choice-group .btn.active[disabled]:focus, .register-form-container .scenario-switch .choice-group .btn.active[disabled].focus,
fieldset[disabled] .register-form-container .scenario-switch .choice-group .btn.active:hover,
fieldset[disabled] .register-form-container .scenario-switch .choice-group .btn.active:focus,
fieldset[disabled] .register-form-container .scenario-switch .choice-group .btn.active.focus {
  background-color: #c01f43;
}

.login-form-container .scenario-switch .choice-group .btn.active .badge, .profile-form-page .scenario-switch .choice-group .btn.active .badge, .register-form-container .scenario-switch .choice-group .btn.active .badge {
  color: #c01f43;
  background-color: #fff;
}

.login-form-container .social-login, .profile-form-page .social-login, .register-form-container .social-login {
  line-height: 26px;
}

.login-form-container .social-login.facebook:before, .profile-form-page .social-login.facebook:before, .register-form-container .social-login.facebook:before {
  content: '';
  display: inline-table;
  font: normal normal normal 26px/1 FontAwesome;
  float: left;
  height: 26px;
  width: 22px;
}

.login-form-container .social-login.scoupy, .profile-form-page .social-login.scoupy, .register-form-container .social-login.scoupy {
  color: #fff;
  background-color: #f97f00;
  border: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.login-form-container .social-login.scoupy:focus, .login-form-container .social-login.scoupy.focus, .profile-form-page .social-login.scoupy:focus, .profile-form-page .social-login.scoupy.focus, .register-form-container .social-login.scoupy:focus, .register-form-container .social-login.scoupy.focus {
  color: #fff;
  background-color: #c66500;
  -webkit-box-shadow: 0 5px 12px -3px rgba(249, 127, 0, 0.5);
  -moz-box-shadow: 0 5px 12px -3px rgba(249, 127, 0, 0.5);
  box-shadow: 0 5px 12px -3px rgba(249, 127, 0, 0.5);
}

.login-form-container .social-login.scoupy:hover, .profile-form-page .social-login.scoupy:hover, .register-form-container .social-login.scoupy:hover {
  color: #fff;
  background-color: #ff982d;
  -webkit-box-shadow: 0 5px 24px -3px rgba(255, 152, 45, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 5px 24px -3px rgba(255, 152, 45, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  box-shadow: 0 5px 24px -3px rgba(255, 152, 45, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
}

.login-form-container .social-login.scoupy:active,
.open > .login-form-container .social-login.scoupy.dropdown-toggle, .profile-form-page .social-login.scoupy:active,
.open > .profile-form-page .social-login.scoupy.dropdown-toggle, .register-form-container .social-login.scoupy:active,
.open > .register-form-container .social-login.scoupy.dropdown-toggle {
  color: #fff;
  background-color: #ff8c14;
}

.login-form-container .social-login.scoupy:active:hover, .login-form-container .social-login.scoupy:active:focus, .login-form-container .social-login.scoupy:active.focus,
.open > .login-form-container .social-login.scoupy.dropdown-toggle:hover,
.open > .login-form-container .social-login.scoupy.dropdown-toggle:focus,
.open > .login-form-container .social-login.scoupy.dropdown-toggle.focus, .profile-form-page .social-login.scoupy:active:hover, .profile-form-page .social-login.scoupy:active:focus, .profile-form-page .social-login.scoupy:active.focus,
.open > .profile-form-page .social-login.scoupy.dropdown-toggle:hover,
.open > .profile-form-page .social-login.scoupy.dropdown-toggle:focus,
.open > .profile-form-page .social-login.scoupy.dropdown-toggle.focus, .register-form-container .social-login.scoupy:active:hover, .register-form-container .social-login.scoupy:active:focus, .register-form-container .social-login.scoupy:active.focus,
.open > .register-form-container .social-login.scoupy.dropdown-toggle:hover,
.open > .register-form-container .social-login.scoupy.dropdown-toggle:focus,
.open > .register-form-container .social-login.scoupy.dropdown-toggle.focus {
  color: #fff;
  background-color: #e07200;
}

.login-form-container .social-login.scoupy:active, .login-form-container .social-login.scoupy.active,
.open > .login-form-container .social-login.scoupy.dropdown-toggle, .profile-form-page .social-login.scoupy:active, .profile-form-page .social-login.scoupy.active,
.open > .profile-form-page .social-login.scoupy.dropdown-toggle, .register-form-container .social-login.scoupy:active, .register-form-container .social-login.scoupy.active,
.open > .register-form-container .social-login.scoupy.dropdown-toggle {
  background-image: none;
}

.login-form-container .social-login.scoupy.disabled:hover, .login-form-container .social-login.scoupy.disabled:focus, .login-form-container .social-login.scoupy.disabled.focus, .login-form-container .social-login.scoupy[disabled]:hover, .login-form-container .social-login.scoupy[disabled]:focus, .login-form-container .social-login.scoupy[disabled].focus,
fieldset[disabled] .login-form-container .social-login.scoupy:hover,
fieldset[disabled] .login-form-container .social-login.scoupy:focus,
fieldset[disabled] .login-form-container .social-login.scoupy.focus, .profile-form-page .social-login.scoupy.disabled:hover, .profile-form-page .social-login.scoupy.disabled:focus, .profile-form-page .social-login.scoupy.disabled.focus, .profile-form-page .social-login.scoupy[disabled]:hover, .profile-form-page .social-login.scoupy[disabled]:focus, .profile-form-page .social-login.scoupy[disabled].focus,
fieldset[disabled] .profile-form-page .social-login.scoupy:hover,
fieldset[disabled] .profile-form-page .social-login.scoupy:focus,
fieldset[disabled] .profile-form-page .social-login.scoupy.focus, .register-form-container .social-login.scoupy.disabled:hover, .register-form-container .social-login.scoupy.disabled:focus, .register-form-container .social-login.scoupy.disabled.focus, .register-form-container .social-login.scoupy[disabled]:hover, .register-form-container .social-login.scoupy[disabled]:focus, .register-form-container .social-login.scoupy[disabled].focus,
fieldset[disabled] .register-form-container .social-login.scoupy:hover,
fieldset[disabled] .register-form-container .social-login.scoupy:focus,
fieldset[disabled] .register-form-container .social-login.scoupy.focus {
  background-color: #f97f00;
}

.login-form-container .social-login.scoupy .badge, .profile-form-page .social-login.scoupy .badge, .register-form-container .social-login.scoupy .badge {
  color: #f97f00;
  background-color: #fff;
}

.login-form-container .social-login.scoupy:before, .profile-form-page .social-login.scoupy:before, .register-form-container .social-login.scoupy:before {
  content: '';
  background: url(../images/icon-scoupy.svg) no-repeat;
  display: inline-table;
  float: left;
  height: 26px;
  width: 22px;
}

.login-form-container .separator, .profile-form-page .separator, .register-form-container .separator {
  display: block;
  font: normal 16px/16px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 2.5rem 0 1.25rem;
  text-align: center;
}

.login-form-container .separator:before, .login-form-container .separator:after, .profile-form-page .separator:before, .profile-form-page .separator:after, .register-form-container .separator:before, .register-form-container .separator:after {
  border-top: 1px #1eb1ca solid;
  content: '';
  display: block;
  width: 45%;
  margin-top: 6px;
}

.login-form-container .separator:before, .profile-form-page .separator:before, .register-form-container .separator:before {
  float: left;
}

.login-form-container .separator:after, .profile-form-page .separator:after, .register-form-container .separator:after {
  float: right;
}

.login-form-container .recover-hint, .profile-form-page .recover-hint, .register-form-container .recover-hint {
  display: block;
  font: normal 14px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 1.25rem;
}

.login-form-container .radio-center, .profile-form-page .radio-center, .register-form-container .radio-center {
  display: table;
  margin: 3rem auto;
  width: auto;
}

.login-form-container .radio, .login-form-container .checkbox, .profile-form-page .radio, .profile-form-page .checkbox, .register-form-container .radio, .register-form-container .checkbox {
  margin-top: 0;
}

.login-form-container, .register-form-container {
  background: #fff;
  padding: 2.5rem;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 12px 48px -12px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 12px 48px -12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 12px 48px -12px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 1170px) {
  .login-form-container, .register-form-container {
    margin: 0 auto;
    width: 66.66%;
  }
}

.login-form-container h1, .register-form-container h1, .register-finish-form-container h1 {
  font-size: 32px !important;
  line-height: 32px !important;
  margin: 0 0 20px !important;
  text-align: center;
}

.login-form-container hr, .login-form-container .profile-form-separator, .login-form-container h5, .login-form-container .register-form-container h5, .register-form-container .login-form-container h5, .login-form-container .register-finish-form-container h5, .register-finish-form-container .login-form-container h5, .register-form-container hr, .register-form-container .profile-form-separator, .register-form-container .login-form-container h5, .login-form-container .register-form-container h5, .register-form-container h5, .register-form-container .register-finish-form-container h5, .register-finish-form-container .register-form-container h5, .register-finish-form-container hr, .register-finish-form-container .profile-form-separator, .register-finish-form-container .login-form-container h5, .login-form-container .register-finish-form-container h5, .register-finish-form-container .register-form-container h5, .register-form-container .register-finish-form-container h5, .register-finish-form-container h5 {
  display: block;
  border-width: 0;
  border-bottom: 1px #1eb1ca solid;
  margin: 2.5rem 0;
}

.login-form-container h5, .register-form-container h5, .register-finish-form-container h5 {
  color: #333;
  font: bold 16px "Playfair Display", Georgia, "Times New Roman", Times, serif;
  margin-top: 1rem;
  padding: 1.25rem;
  text-align: center;
  text-transform: uppercase;
}

.login-form-container p, .register-form-container p, .register-finish-form-container p {
  margin: 0 0 2.5rem;
}

/*
inspired from https://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* just for demo purpose */
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}

[type=submit], [type=reset] {
  font-weight: bold;
}

/*ul.nav-pills.nav-profile {
    > li.active {
        &:before {
            content: ' ';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 12px 17px 12px 0;
            border-color: transparent $base-color transparent transparent;
            display: inline-table;
            position: absolute;
            left: -17px;
            top: 8px;

            @media screen and (max-width: $grid-float-breakpoint) {
                display: none;
            }
        }
        &:after {
            content: ' ';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 14px 10px 0;
            border-color: transparent #fff transparent transparent;
            display: inline-table;
            position: absolute;
            left: -14px;
            top: 10px;

            @media screen and (max-width: $grid-float-breakpoint) {
                display: none;
            }
        }
    }
}*/
#participations-filter-form + * {
  clear: both;
}

@media (min-width: 768px) {
  form.horizontal .form-group {
    overflow: hidden;
    margin: 0 0 21px;
  }
  form.horizontal .form-group > label {
    float: left;
    font-weight: normal;
    padding: 1.125rem 1.25rem 0 0;
    text-align: right;
    vertical-align: top;
    width: 28%;
  }
  form.horizontal .form-group .help-block {
    float: right;
    margin-bottom: 0;
    width: 72%;
  }
  form.horizontal .form-group.switch-container > label {
    float: none;
  }
  form.horizontal .form-group.switch-container .help-block {
    clear: both;
    float: none;
    margin-bottom: 0;
    width: auto;
  }
  form.horizontal .form-group > .form-control {
    height: 42px;
    padding: 1rem 1.25rem;
  }
  form.horizontal .form-group > .form-control, form.horizontal .form-group > .choice-group, form.horizontal .form-group > .input-group {
    display: inline-block;
    width: 72%;
  }
  form.horizontal .form-group > .input-group {
    display: inline-table;
  }
  form.horizontal .btn {
    height: 42px;
    padding: 1rem 1.25rem;
  }
}

form.horizontal span.required {
  color: #d9534f;
}

form.horizontal .button-footer {
  overflow: auto;
}

form.horizontal .button-footer .pos-left {
  float: left;
  padding: 0 1.25rem 0 0;
  width: 28%;
}

form.horizontal .button-footer .pos-left .btn {
  float: right;
}

@media (max-width: 750px) {
  form.horizontal .button-footer .pos-left {
    padding: 0;
    width: auto;
  }
  form.horizontal .button-footer .pos-left .btn {
    font-size: 0;
  }
  form.horizontal .button-footer .pos-left .btn:after {
    content: '⟨';
    font-size: 14px;
  }
}

form.horizontal .button-footer .pos-right {
  display: inline-block;
  float: right;
  width: 72%;
}

@media (max-width: 750px) {
  form.horizontal .button-footer .pos-right {
    width: auto;
  }
}

form.horizontal .button-footer .btn {
  width: auto;
}

.form-group.size-small input[type=text], .form-group.size-small input[type=email], .form-group.size-small input[type=date], .form-group.size-small textarea, .form-group.size-small select, .open-question.size-small input[type=text], .open-question.size-small input[type=email], .open-question.size-small input[type=date], .open-question.size-small textarea, .open-question.size-small select, .checkbox.size-small input[type=text], .checkbox.size-small input[type=email], .checkbox.size-small input[type=date], .checkbox.size-small textarea, .checkbox.size-small select, .radio.size-small input[type=text], .radio.size-small input[type=email], .radio.size-small input[type=date], .radio.size-small textarea, .radio.size-small select {
  min-width: 150px;
  width: 25% !important;
}

.form-group.size-medium input[type=text], .form-group.size-medium input[type=email], .form-group.size-medium input[type=date], .form-group.size-medium textarea, .form-group.size-medium select, .open-question.size-medium input[type=text], .open-question.size-medium input[type=email], .open-question.size-medium input[type=date], .open-question.size-medium textarea, .open-question.size-medium select, .checkbox.size-medium input[type=text], .checkbox.size-medium input[type=email], .checkbox.size-medium input[type=date], .checkbox.size-medium textarea, .checkbox.size-medium select, .radio.size-medium input[type=text], .radio.size-medium input[type=email], .radio.size-medium input[type=date], .radio.size-medium textarea, .radio.size-medium select {
  min-width: 250px;
  width: 50% !important;
}

.form-group.has-error .help-block, .open-question.has-error .help-block, .checkbox.has-error .help-block, .radio.has-error .help-block {
  background: #f2dede;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  clear: left;
  padding: 6px 12px;
}

.form-group input::-webkit-calendar-picker-indicator, .form-group input::-webkit-inner-spin-button, .open-question input::-webkit-calendar-picker-indicator, .open-question input::-webkit-inner-spin-button, .checkbox input::-webkit-calendar-picker-indicator, .checkbox input::-webkit-inner-spin-button, .radio input::-webkit-calendar-picker-indicator, .radio input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
}

.form-group input[type="date"]::-webkit-input-placeholder, .open-question input[type="date"]::-webkit-input-placeholder, .checkbox input[type="date"]::-webkit-input-placeholder, .radio input[type="date"]::-webkit-input-placeholder {
  visibility: hidden !important;
}

.wizard-steps {
  display: table;
  margin: 0 0 2.5rem 0;
  overflow: auto;
  padding: 0;
  width: 100%;
}

.wizard-steps > li {
  display: table-cell;
  list-style: none;
}

.wizard-steps > li a {
  color: #1eb1ca;
  display: block;
  font: normal 14px "Playfair Display", Georgia, "Times New Roman", Times, serif;
  line-height: 38px;
  text-transform: uppercase;
}

@media (max-width: 1170px) {
  .wizard-steps > li a {
    text-align: center;
  }
}

@media (max-width: 750px) {
  .wizard-steps > li a {
    font-size: 0;
    line-height: 0;
  }
}

.wizard-steps > li a:before {
  background: #1eb1ca;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  content: '';
  color: #fff;
  display: inline-block;
  float: left;
  font: normal 24px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 1rem 0 0;
  text-align: center;
  line-height: 38px;
  height: 38px;
  width: 38px;
}

@media (max-width: 1170px) {
  .wizard-steps > li a:before {
    display: block;
    float: none;
    margin: 0 auto .5rem;
  }
}

.wizard-steps > li a:after {
  content: '⟩';
  color: #1eb1ca;
  display: inline-block;
  font: normal 20px "arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 1rem 0 2rem;
  text-align: center;
  line-height: 38px;
  height: 38px;
}

@media (max-width: 1170px) {
  .wizard-steps > li a:after {
    display: none;
  }
}

.wizard-steps > li:last-child a:after {
  content: '';
  display: none;
}

.wizard-steps > li:nth-of-type(1) a:before {
  content: '1';
}

.wizard-steps > li:nth-of-type(2) a:before {
  content: '2';
}

.wizard-steps > li:nth-of-type(3) a:before {
  content: '3';
}

.wizard-steps > li.active a:after {
  color: #e2e2e2;
}

.wizard-steps > li.disabled a {
  color: #e2e2e2;
  cursor: not-allowed;
}

.wizard-steps > li.disabled a:before {
  background: #e2e2e2;
}

.wizard-steps > li.disabled a:after {
  color: #e2e2e2;
}

.switch {
  height: 2.8rem;
  position: relative;
  margin-bottom: 1.4rem;
  outline: 0;
  font-size: 1.225rem;
  font-weight: bold;
  color: #fefefe;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.switch * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}

.switch input + .switch-paddle {
  display: inline-block;
  vertical-align: baseline;
  margin: 0;
}

.switch input:checked ~ .switch-paddle {
  background: #1eb1ca;
}

.switch input:checked ~ .switch-paddle:after {
  left: 3.15rem;
}

.switch.large {
  height: 3.5rem;
}

.switch.large .switch-paddle {
  width: 7rem;
  height: 3.55rem;
  font-size: 1.4rem;
}

.switch.large .switch-paddle:after {
  top: 0.35rem;
  left: 0.35rem;
  width: 2.8rem;
  height: 2.8rem;
}

.switch.large input:checked ~ .switch-paddle:after {
  left: 3.85rem;
}

.switch.small {
  height: 2.45rem;
}

.switch.small .switch-paddle {
  width: 4.9rem;
  height: 2.45rem;
  font-size: 1.05rem;
}

.switch.small .switch-paddle:after {
  top: 0.35rem;
  left: 0.35rem;
  width: 1.75rem;
  height: 1.75rem;
}

.switch.small input:checked ~ .switch-paddle:after {
  left: 2.8rem;
}

.switch.tiny {
  height: 2.1rem;
}

.switch.tiny .switch-paddle {
  width: 4.2rem;
  height: 2.1rem;
  font-size: 0.875rem;
}

.switch.tiny .switch-paddle:after {
  top: 0.35rem;
  left: 0.35rem;
  width: 1.4rem;
  height: 1.4rem;
}

.switch.tiny input:checked ~ .switch-paddle:after {
  left: 2.45rem;
}

.switch .switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch .switch-paddle {
  position: relative;
  display: block;
  width: 5.6rem;
  height: 2.8rem;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  background: #cacaca;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}

.switch .switch-paddle:after {
  position: absolute;
  top: 0.35rem;
  left: 0.35rem;
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  background: #fefefe;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  content: '';
}

.switch .switch-paddle > span {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
}

.image-upload {
  cursor: pointer;
  height: 124px;
  overflow: hidden;
}

.image-upload > span {
  display: block;
  border: 2px #1eb1ca dashed;
  line-height: 120px;
  text-align: center;
  height: 100%;
  width: 100%;
  pointer-events: none;
}

.image-upload._hover > span {
  background: #ebfafc;
}

.image-upload .iu-preview {
  position: relative;
  overflow: auto;
  border: 2px #1eb1ca dashed;
}

.image-upload .iu-preview figure {
  float: left;
  height: 104px;
  margin: 8px;
  overflow: hidden;
  width: 104px;
}

.image-upload .iu-preview figure > img {
  height: 100%;
  width: auto;
}

.image-upload .iu-preview .iu-details {
  padding: 8px;
}

.image-upload .iu-preview .iu-details > h5 {
  display: block;
  font-size: 14px;
  margin: 0 0 10px;
  font-weight: bold;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.image-upload .iu-preview .iu-details > small {
  display: block;
}

.croppie-container {
  margin: 1.25rem 0 0;
}

.ms-container {
  width: 100% !important;
}

.ms-container .ms-list {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.choice-matrix {
  border-collapse: collapse;
  display: table;
  width: 100%;
}

@media (max-width: 750px) {
  .choice-matrix {
    border: none;
    display: block;
    width: auto;
  }
}

.choice-matrix > header {
  display: table-header-group;
  border-bottom: 2px solid #ccc;
}

@media (max-width: 750px) {
  .choice-matrix > header {
    display: none;
  }
}

.choice-matrix > header > h5 {
  display: table-cell;
  font-weight: bold;
  padding: 6px;
  text-align: center;
}

.choice-matrix > section {
  display: table-row-group;
}

@media (max-width: 750px) {
  .choice-matrix > section {
    display: block;
  }
}

.choice-matrix > section > .choice-row {
  display: table-row;
}

@media (max-width: 750px) {
  .choice-matrix > section > .choice-row {
    display: block;
    overflow: auto;
    margin: 0 0 25px;
  }
}

.choice-matrix > section > .choice-row > div, .choice-matrix > section > .choice-row > label {
  border-bottom: 1px solid #ccc;
  display: table-cell;
  margin-bottom: 0;
  padding: 6px;
}

@media (max-width: 750px) {
  .choice-matrix > section > .choice-row > div, .choice-matrix > section > .choice-row > label {
    display: block;
    padding: 6px 0;
  }
}

@media (max-width: 750px) {
  .choice-matrix > section > .choice-row > div {
    border-bottom-width: 2px;
  }
}

.choice-matrix > section > .choice-row > label {
  text-align: center;
}

@media (max-width: 750px) {
  .choice-matrix > section > .choice-row > label {
    border-bottom: none;
  }
}

.choice-matrix > section > .choice-row > label > span {
  display: none;
}

@media (max-width: 750px) {
  .choice-matrix > section > .choice-row > label > span {
    display: block;
    font-size: 12px;
  }
}

@media (min-width: 750px) {
  .choice-matrix > section > .choice-row:last-child > div, .choice-matrix > section > .choice-row:last-child > label {
    border-bottom: none;
  }
}

@media (max-width: 750px) {
  .choice-matrix[class*="choice-matrix-"] > section > .choice-row > label {
    float: left;
  }
  .choice-matrix.choice-matrix-1 > section > .choice-row > label {
    width: 100%;
  }
  .choice-matrix.choice-matrix-2 > section > .choice-row > label {
    width: 50%;
  }
  .choice-matrix.choice-matrix-3 > section > .choice-row > label {
    width: 33.33333333333333%;
  }
  .choice-matrix.choice-matrix-4 > section > .choice-row > label {
    width: 25%;
  }
  .choice-matrix.choice-matrix-5 > section > .choice-row > label {
    width: 20%;
  }
  .choice-matrix.choice-matrix-6 > section > .choice-row > label {
    width: 16.66666666666667%;
  }
}

.cookie-consent-wrapper {
  background: rgba(33, 33, 33, 0.9);
  color: #fff;
  display: block;
  margin: 0 auto;
  padding: 12px;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9999;
}

.cookie-consent-wrapper > span {
  line-height: 28px;
}

.cookie-consent-wrapper > a {
  color: #fff;
  display: inline-block;
  margin: 0 0 0 6px;
  text-decoration: underline;
}

.cookie-consent-wrapper > a.cookie-consent-dismiss {
  background: #9bdc02;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  float: right;
  padding: 4px 16px;
  text-decoration: none;
}

@media (max-width: 750px) {
  .pagination-wrapper {
    text-align: center;
  }
}

.fancy-blocks {
  border-collapse: collapse;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-basis: content;
  -ms-flex-preferred-size: content;
  flex-basis: content;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
}

.fancy-blocks .fancy-blocks-item {
  list-style: none;
  padding: 0 0.625rem 1.25rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.fancy-blocks .fancy-blocks-item.fancy-blocks-item-single {
  min-width: 100%;
}

@media screen and (min-width: 40.063em) {
  .fancy-blocks .fancy-blocks-item.fancy-blocks-item-single {
    min-width: 50%;
  }
}

@media screen and (min-width: 64.063em) {
  .fancy-blocks .fancy-blocks-item.fancy-blocks-item-single {
    min-width: 33.33333333%;
  }
}

.fancy-blocks .fancy-blocks-item.fancy-blocks-item-double {
  min-width: 100%;
}

@media screen and (min-width: 40.063em) {
  .fancy-blocks .fancy-blocks-item.fancy-blocks-item-double {
    min-width: 100%;
  }
}

@media screen and (min-width: 64.063em) {
  .fancy-blocks .fancy-blocks-item.fancy-blocks-item-double {
    min-width: 66.66666666%;
  }
}

.br-theme-fontawesome-stars .br-widget {
  padding: .725rem 0;
}

.br-theme-fontawesome-stars .br-widget a {
  font-size: 28px !important;
}

header.headroom.large-consent {
  top: 230px;
}

header.headroom.small-consent {
  top: 80px;
}

/** Datepicker styling override **/
body > .datepicker-container {
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
  padding: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: none;
}

body > .datepicker-container > .datepicker-panel > ul > li {
  background: none;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

body > .datepicker-container > .datepicker-panel > ul > li:hover, body > .datepicker-container > .datepicker-panel > ul > li:focus {
  background: rgba(230, 230, 230, 0.8);
}

body > .datepicker-container > .datepicker-panel > ul > li.picked {
  color: #fff;
  background-color: #c01f43;
  border: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body > .datepicker-container > .datepicker-panel > ul > li.picked:focus, body > .datepicker-container > .datepicker-panel > ul > li.picked.focus {
  color: #fff;
  background-color: #941834;
  -webkit-box-shadow: 0 5px 12px -3px rgba(192, 31, 67, 0.5);
  -moz-box-shadow: 0 5px 12px -3px rgba(192, 31, 67, 0.5);
  box-shadow: 0 5px 12px -3px rgba(192, 31, 67, 0.5);
}

body > .datepicker-container > .datepicker-panel > ul > li.picked:hover {
  color: #fff;
  background-color: #de345a;
  -webkit-box-shadow: 0 5px 24px -3px rgba(222, 52, 90, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 5px 24px -3px rgba(222, 52, 90, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
  box-shadow: 0 5px 24px -3px rgba(222, 52, 90, 0.5), inset 0 -48px 24px -48px rgba(255, 255, 255, 0.3);
}

body > .datepicker-container > .datepicker-panel > ul > li.picked:active,
.open > body > .datepicker-container > .datepicker-panel > ul > li.picked.dropdown-toggle {
  color: #fff;
  background-color: #d6234b;
}

body > .datepicker-container > .datepicker-panel > ul > li.picked:active:hover, body > .datepicker-container > .datepicker-panel > ul > li.picked:active:focus, body > .datepicker-container > .datepicker-panel > ul > li.picked:active.focus,
.open > body > .datepicker-container > .datepicker-panel > ul > li.picked.dropdown-toggle:hover,
.open > body > .datepicker-container > .datepicker-panel > ul > li.picked.dropdown-toggle:focus,
.open > body > .datepicker-container > .datepicker-panel > ul > li.picked.dropdown-toggle.focus {
  color: #fff;
  background-color: #aa1b3b;
}

body > .datepicker-container > .datepicker-panel > ul > li.picked:active, body > .datepicker-container > .datepicker-panel > ul > li.picked.active,
.open > body > .datepicker-container > .datepicker-panel > ul > li.picked.dropdown-toggle {
  background-image: none;
}

body > .datepicker-container > .datepicker-panel > ul > li.picked.disabled:hover, body > .datepicker-container > .datepicker-panel > ul > li.picked.disabled:focus, body > .datepicker-container > .datepicker-panel > ul > li.picked.disabled.focus, body > .datepicker-container > .datepicker-panel > ul > li.picked[disabled]:hover, body > .datepicker-container > .datepicker-panel > ul > li.picked[disabled]:focus, body > .datepicker-container > .datepicker-panel > ul > li.picked[disabled].focus,
fieldset[disabled] body > .datepicker-container > .datepicker-panel > ul > li.picked:hover,
fieldset[disabled] body > .datepicker-container > .datepicker-panel > ul > li.picked:focus,
fieldset[disabled] body > .datepicker-container > .datepicker-panel > ul > li.picked.focus {
  background-color: #c01f43;
}

body > .datepicker-container > .datepicker-panel > ul > li.picked .badge {
  color: #c01f43;
  background-color: #fff;
}

body > .datepicker-container > .datepicker-panel > ul[data-view='week'] > li {
  background: none;
  cursor: default;
}

body > .datepicker-container > .datepicker-panel > ul[data-view='week'] > li:hover, body > .datepicker-container > .datepicker-panel > ul[data-view='week'] > li:focus {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}