/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

#masthead {
  margin-bottom:0 !important;
}

#strap-bar {
  background-color:#2f2d2d;
  text-align: right;
  font-size:0.8rem;
  padding:5px 0;
}
#strap-bar ul {
  list-style: none;
  margin:0;
  padding:0;
}
#strap-bar ul li {
  display:inline-block;
  padding-left: 10px;
}
#strap-bar ul li a {
  color:#fff;
}

#header-bar {
  margin-bottom:2rem;
}

.row {
  display: flex;
}
.row > .col {
  flex:1 0 auto;
  display:inline-block;
}

.outpost-style {
  background:url('/wp-content/plugins/theme-customisations/assets/outpost-graphic.png') bottom repeat-x;
	background-color:#2f2d2d;
	color:#fff;
	padding-bottom:17px;
}

.site-header nav.secondary-navigation {
  font-size:1.2rem;
}
.site-header nav.secondary-navigation a {
  color: #333 !important;
}

.site-footer {
  background:url('/wp-content/plugins/theme-customisations/assets/outpost-graphic.png') top repeat-x;
	background-color:#2f2d2d;
	color:#fff !important;
  padding:27px 0 0 0;
}
.site-footer a {
  color:#999 !important;
}
.site-footer ul li {
  list-style: none;
  padding: 5px 0 5px 0;
}
.site-footer ul li:first-child {
  padding-top: 0;
}
.site-footer ul.bullet li a:before {
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  content: "\f0da";
  position: absolute;
  left: -12px;
}
.site-footer ul.icon li {
  min-height:45px;
}
.site-footer ul.icon li i {
  background-color: #444;
  border-radius: 50%;
  color: #ffffff !important;
  float: left;
  font-size: 13px;
  height: 35px;
  line-height: 35px;
  width: 35px;
  text-align: center;
  margin-right: 15px;
}
.site-footer h4 {
  color:#fff;
}
ul#payment-methods {
  margin:0;
  padding:0;
  display:inline-block;
  list-style:none;
}
ul#payment-methods li {
  display:inline-block;
  margin:0 0 0 10px;
  padding:0;
}

ul.no-padding {
  margin-left:0;
}

.icon-spin:hover .fa {
  transition: 0.9s;
  transform: rotate(360deg);
}
#masthead img {
  display:inline-block;
}

.available-on-backorder {
  color:#ceb304;
}

.folder-collapse .folder-plus {
  position: absolute;
  font-size:0.6rem;
  opacity:0.8;
  margin-left:-14px;
  margin-top:8px;
}

.primary-navigation .col-4 > ul {
  width:800px;
}
.primary-navigation .col-4 > ul > li:nth-child(4n+1) {
  clear: both;
}
.primary-navigation .col-3 > ul {
  width:600px;
}
.primary-navigation .col-3 > ul > li:nth-child(3n+1) {
  clear: both;
}
.primary-navigation .col-2 > ul {
  width:400px;
}
.primary-navigation .col-2 > ul > li:nth-child(2n+1) {
  clear: both;
}
.primary-navigation [class*='col-'] > ul > li {
  float:left;
}
.primary-navigation [class*='col-'] ul, .primary-navigation [class*='col-'] ul li ul {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}

.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
  width:57% !important;
}

a.logo {
  float:left;
}

.yellow-banner {
  background:#ceb304;
  color:#fff;
  padding:30px 0;
  margin-bottom:30px;
}
.yellow-banner .gdprRequired {
  background:#2f2d2d;
}
.yellow-banner a,.yellow-banner h2 {
  color:#fff;
}

/*.primary-navigation .col-4 > ul {
  column-count:3;
  column-gap:0;
  width:800px;
}
.primary-navigation .col-3 > ul {
  column-count:3;
  column-gap:0;
}
.primary-navigation .col-2 > ul {
  column-count:2;
  column-gap:0;
}
.primary-navigation [class*='col-'] > ul ul {
  display:none;
  overflow: visible;
}
.primary-navigation [class*='col-'] > ul li:hover > ul {
  display:inline-block !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  background:red;
  margin-left:180px;
  column-count:1 !important;
}*/

/* Homepage */
main#main {
  padding-top:0 !important;
}
.page-template-template-homepage .entry-content {
  margin:0 !important;
  max-width:none !important;
}
.page-template-template-homepage .type-page {
  padding:0 !important;
}
.page-template-template-homepage .col-full .col-full {
  padding:0 !important;
}
/*main div#home-slider-wrap {
  display: block;
  width:100%;
  overflow-x: auto;
}
main ul#home-slider {
  list-style: none;
  margin:0;
  padding:0;
}
main ul#home-slider li {
  padding:0;
  margin:0;
}*/

ul#category-cards {
  margin:0 0 20px 0;
  padding:0;
  list-style: none;
}
ul#category-cards:after {
  display:table;
  clear:both;
  content:"";
}
ul#category-cards li {
  float:left;
  width:14.6%;
  margin:1%;
}

@import url("https://fonts.googleapis.com/css?family=Roboto:900");
/**
  * style variables
*/
/**
  * Control & indicator mixin
*/
.carousel {
  height: 443px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
  padding: 0;
  list-style: none;
/**
  * Where the magic happens
  */
/**
    * Control element - right/left arrows
  */
/**
    * Element for holding slide indicators
  */
/**
    * Indicator for indicating active slide
  */
/**
    * Create rules for when slides are contained within a track
  */
}
.carousel__controls,
.carousel__activator {
  display: none;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__track {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) {
  opacity: 1;
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__track {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) {
  opacity: 1;
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__track {
  -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__slide:nth-of-type(3) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__controls:nth-of-type(3) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(3) {
  opacity: 1;
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__track {
  -webkit-transform: translateX(-300%);
          transform: translateX(-300%);
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__slide:nth-of-type(4) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__controls:nth-of-type(4) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(4) {
  opacity: 1;
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__track {
  -webkit-transform: translateX(-400%);
          transform: translateX(-400%);
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__slide:nth-of-type(5) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__controls:nth-of-type(5) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(5) {
  opacity: 1;
}
.carousel__activator:nth-of-type(6):checked ~ .carousel__track {
  -webkit-transform: translateX(-500%);
          transform: translateX(-500%);
}
.carousel__activator:nth-of-type(6):checked ~ .carousel__slide:nth-of-type(6) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(6):checked ~ .carousel__controls:nth-of-type(6) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(6):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(6) {
  opacity: 1;
}
.carousel__activator:nth-of-type(7):checked ~ .carousel__track {
  -webkit-transform: translateX(-600%);
          transform: translateX(-600%);
}
.carousel__activator:nth-of-type(7):checked ~ .carousel__slide:nth-of-type(7) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(7):checked ~ .carousel__controls:nth-of-type(7) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(7):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(7) {
  opacity: 1;
}
.carousel__activator:nth-of-type(8):checked ~ .carousel__track {
  -webkit-transform: translateX(-700%);
          transform: translateX(-700%);
}
.carousel__activator:nth-of-type(8):checked ~ .carousel__slide:nth-of-type(8) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(8):checked ~ .carousel__controls:nth-of-type(8) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(8):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(8) {
  opacity: 1;
}
.carousel__activator:nth-of-type(9):checked ~ .carousel__track {
  -webkit-transform: translateX(-800%);
          transform: translateX(-800%);
}
.carousel__activator:nth-of-type(9):checked ~ .carousel__slide:nth-of-type(9) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(9):checked ~ .carousel__controls:nth-of-type(9) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(9):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(9) {
  opacity: 1;
}
.carousel__activator:nth-of-type(10):checked ~ .carousel__track {
  -webkit-transform: translateX(-900%);
          transform: translateX(-900%);
}
.carousel__activator:nth-of-type(10):checked ~ .carousel__slide:nth-of-type(10) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(10):checked ~ .carousel__controls:nth-of-type(10) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(10):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(10) {
  opacity: 1;
}
.carousel__activator:nth-of-type(11):checked ~ .carousel__track {
  -webkit-transform: translateX(-1000%);
          transform: translateX(-1000%);
}
.carousel__activator:nth-of-type(11):checked ~ .carousel__slide:nth-of-type(11) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(11):checked ~ .carousel__controls:nth-of-type(11) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(11):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(11) {
  opacity: 1;
}
.carousel__activator:nth-of-type(12):checked ~ .carousel__track {
  -webkit-transform: translateX(-1100%);
          transform: translateX(-1100%);
}
.carousel__activator:nth-of-type(12):checked ~ .carousel__slide:nth-of-type(12) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(12):checked ~ .carousel__controls:nth-of-type(12) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(12):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(12) {
  opacity: 1;
}
.carousel__activator:nth-of-type(13):checked ~ .carousel__track {
  -webkit-transform: translateX(-1200%);
          transform: translateX(-1200%);
}
.carousel__activator:nth-of-type(13):checked ~ .carousel__slide:nth-of-type(13) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(13):checked ~ .carousel__controls:nth-of-type(13) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(13):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(13) {
  opacity: 1;
}
.carousel__activator:nth-of-type(14):checked ~ .carousel__track {
  -webkit-transform: translateX(-1300%);
          transform: translateX(-1300%);
}
.carousel__activator:nth-of-type(14):checked ~ .carousel__slide:nth-of-type(14) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(14):checked ~ .carousel__controls:nth-of-type(14) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(14):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(14) {
  opacity: 1;
}
.carousel__activator:nth-of-type(15):checked ~ .carousel__track {
  -webkit-transform: translateX(-1400%);
          transform: translateX(-1400%);
}
.carousel__activator:nth-of-type(15):checked ~ .carousel__slide:nth-of-type(15) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(15):checked ~ .carousel__controls:nth-of-type(15) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(15):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(15) {
  opacity: 1;
}
.carousel__activator:nth-of-type(16):checked ~ .carousel__track {
  -webkit-transform: translateX(-1500%);
          transform: translateX(-1500%);
}
.carousel__activator:nth-of-type(16):checked ~ .carousel__slide:nth-of-type(16) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(16):checked ~ .carousel__controls:nth-of-type(16) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(16):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(16) {
  opacity: 1;
}
.carousel__activator:nth-of-type(17):checked ~ .carousel__track {
  -webkit-transform: translateX(-1600%);
          transform: translateX(-1600%);
}
.carousel__activator:nth-of-type(17):checked ~ .carousel__slide:nth-of-type(17) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(17):checked ~ .carousel__controls:nth-of-type(17) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(17):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(17) {
  opacity: 1;
}
.carousel__activator:nth-of-type(18):checked ~ .carousel__track {
  -webkit-transform: translateX(-1700%);
          transform: translateX(-1700%);
}
.carousel__activator:nth-of-type(18):checked ~ .carousel__slide:nth-of-type(18) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(18):checked ~ .carousel__controls:nth-of-type(18) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(18):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(18) {
  opacity: 1;
}
.carousel__activator:nth-of-type(19):checked ~ .carousel__track {
  -webkit-transform: translateX(-1800%);
          transform: translateX(-1800%);
}
.carousel__activator:nth-of-type(19):checked ~ .carousel__slide:nth-of-type(19) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(19):checked ~ .carousel__controls:nth-of-type(19) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(19):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(19) {
  opacity: 1;
}
.carousel__activator:nth-of-type(20):checked ~ .carousel__track {
  -webkit-transform: translateX(-1900%);
          transform: translateX(-1900%);
}
.carousel__activator:nth-of-type(20):checked ~ .carousel__slide:nth-of-type(20) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(20):checked ~ .carousel__controls:nth-of-type(20) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(20):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(20) {
  opacity: 1;
}
.carousel__control {
  height: 30px;
  width: 30px;
  margin-top: -15px;
  top: 50%;
  position: absolute;
  display: block;
  cursor: pointer;
  border-width: 5px 5px 0 0;
  border-style: solid;
  border-color: #fafafa;
  opacity: 0.35;
  outline: 0;
  z-index: 3;
}
.carousel__control:hover {
  opacity: 1;
}
.carousel__control--backward {
  left: 10px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.carousel__control--forward {
  right: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.carousel__indicators {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.carousel__indicator {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  display: inline-block;
  z-index: 2;
  cursor: pointer;
  opacity: 0.35;
  margin: 0 2.5px 0 2.5px;
}
.carousel__indicator:hover {
  opacity: 0.75;
}
.carousel__track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.carousel__track .carousel__slide {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
}
.carousel__track .carousel__slide:nth-of-type(1) {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.carousel__track .carousel__slide:nth-of-type(2) {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.carousel__track .carousel__slide:nth-of-type(3) {
  -webkit-transform: translateX(200%);
          transform: translateX(200%);
}
.carousel__track .carousel__slide:nth-of-type(4) {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.carousel__track .carousel__slide:nth-of-type(5) {
  -webkit-transform: translateX(400%);
          transform: translateX(400%);
}
.carousel__track .carousel__slide:nth-of-type(6) {
  -webkit-transform: translateX(500%);
          transform: translateX(500%);
}
.carousel__track .carousel__slide:nth-of-type(7) {
  -webkit-transform: translateX(600%);
          transform: translateX(600%);
}
.carousel__track .carousel__slide:nth-of-type(8) {
  -webkit-transform: translateX(700%);
          transform: translateX(700%);
}
.carousel__track .carousel__slide:nth-of-type(9) {
  -webkit-transform: translateX(800%);
          transform: translateX(800%);
}
.carousel__track .carousel__slide:nth-of-type(10) {
  -webkit-transform: translateX(900%);
          transform: translateX(900%);
}
.carousel__track .carousel__slide:nth-of-type(11) {
  -webkit-transform: translateX(1000%);
          transform: translateX(1000%);
}
.carousel__track .carousel__slide:nth-of-type(12) {
  -webkit-transform: translateX(1100%);
          transform: translateX(1100%);
}
.carousel__track .carousel__slide:nth-of-type(13) {
  -webkit-transform: translateX(1200%);
          transform: translateX(1200%);
}
.carousel__track .carousel__slide:nth-of-type(14) {
  -webkit-transform: translateX(1300%);
          transform: translateX(1300%);
}
.carousel__track .carousel__slide:nth-of-type(15) {
  -webkit-transform: translateX(1400%);
          transform: translateX(1400%);
}
.carousel__track .carousel__slide:nth-of-type(16) {
  -webkit-transform: translateX(1500%);
          transform: translateX(1500%);
}
.carousel__track .carousel__slide:nth-of-type(17) {
  -webkit-transform: translateX(1600%);
          transform: translateX(1600%);
}
.carousel__track .carousel__slide:nth-of-type(18) {
  -webkit-transform: translateX(1700%);
          transform: translateX(1700%);
}
.carousel__track .carousel__slide:nth-of-type(19) {
  -webkit-transform: translateX(1800%);
          transform: translateX(1800%);
}
.carousel__track .carousel__slide:nth-of-type(20) {
  -webkit-transform: translateX(1900%);
          transform: translateX(1900%);
}
.carousel--scale .carousel__slide {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.carousel__slide {
  height: 100%;
  position: absolute;
  overflow-y: auto;
  opacity: 0;
}
.carousel__indicator {
  background-color: #fafafa;
}
.carousel__slide {
  overflow: hidden;
}
/**
  * Theming
*/
/*html,
body {
  background-color: #111;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  color: #fff;
}
.carousel h1 {
  font-size: 50px;
  line-height: 50px;
  color: #fafafa;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  margin-top: -25px;
}*/

/* Generic Changes */
.mr-2 {
  margin-right:0.75rem;
}

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

.text-right {
  text-align: right;
}



@media (max-width:780px){ 
.row { display: grid; }
}