@font-family: "Opens Sans", "Roboto", "Helvetica Neue", Arial, sans-serif;
@body-background: #fff;

// Color
@color-white: #fff;
@text-color-base: #7e7f81;
@text-color: #fff;
@text-color-hover: #db120d;
@text-color-dark: #fff;

// Font Size
@font-size-base: 15px;
@font-size-h3: 18px;
@font-size-18: 18px;
@font-size-45: 45px;
@font-size-carousel-title: 17px;

// Font Weight
@font-weight-thin: 200;
@font-weight-light: 300;
@font-weight-bold: 900;

.background-gradient() {
  background: -webkit-linear-gradient(15deg, #db120d, #981a10) !important;
  background: -o-linear-gradient(15deg, #db120d, #981a10) !important;
  background: linear-gradient(75deg, #db120d, #981a10) !important;
}

.carousel-item-background-gradient() {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .01) 2%, rgba(0, 0, 0, .01) 3%, rgba(0, 0, 0, .04) 11%, rgba(0, 0, 0, .21) 33%, rgba(0, 0, 0, .61) 73%, rgba(0, 0, 0, .87) 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .01) 2%, rgba(0, 0, 0, .01) 3%, rgba(0, 0, 0, .04) 11%, rgba(0, 0, 0, .21) 33%, rgba(0, 0, 0, .61) 73%, rgba(0, 0, 0, .87) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(2%, rgba(255, 255, 255, .01)), color-stop(3%, rgba(0, 0, 0, .01)), color-stop(11%, rgba(0, 0, 0, .04)), color-stop(33%, rgba(0, 0, 0, .21)), color-stop(73%, rgba(0, 0, 0, .61)), color-stop(100%, rgba(0, 0, 0, .87)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .01) 2%, rgba(0, 0, 0, .01) 3%, rgba(0, 0, 0, .04) 11%, rgba(0, 0, 0, .21) 33%, rgba(0, 0, 0, .61) 73%, rgba(0, 0, 0, .87) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .01) 2%, rgba(0, 0, 0, .01) 3%, rgba(0, 0, 0, .04) 11%, rgba(0, 0, 0, .21) 33%, rgba(0, 0, 0, .61) 73%, rgba(0, 0, 0, .87) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .01) 2%, rgba(0, 0, 0, .01) 3%, rgba(0, 0, 0, .04) 11%, rgba(0, 0, 0, .21) 33%, rgba(0, 0, 0, .61) 73%, rgba(0, 0, 0, .87) 100%);
}

.text-gradient {
  background-image: -webkit-linear-gradient(15deg, #db120d, #981a10) !important;
  background-image: -o-linear-gradient(15deg, #db120d, #981a10) !important;
  background-image: linear-gradient(75deg, #db120d, #981a10) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.thumbnail-background-gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
  background-image: -webkit-linear-gradient(left, #000, transparent);
  background-image: -moz-linear-gradient(left, #000, transparent);
  background-image: -o-linear-gradient(left, #000, transparent);
  background-image: linear-gradient(to right, #000, transparent);
}

.box-shadow() {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.box-sizing() {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.display-flex() {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.items-center() {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.justify-center() {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.transition-opacity {
  -webkit-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
}

.header-transition() {
  -webkit-transition: transform 281ms cubic-bezier(0.0, 0.0, 0.2, 1);
  -moz-transition: transform 281ms cubic-bezier(0.0, 0.0, 0.2, 1);
  transition: transform 281ms cubic-bezier(0.0, 0.0, 0.2, 1);
  transition-property: all;
}

.header-visible-transition() {
  -webkit-transition: transform 244ms cubic-bezier(0.4, 0.0, 1, 1);
  -moz-transition: transform 244ms cubic-bezier(0.4, 0.0, 1, 1);
  transition: transform 244ms cubic-bezier(0.4, 0.0, 1, 1);
  transition-property: all;
}

.slider-transition {
  -webkit-transition: -webkit-transform .75s ease 0s;
  transition: -webkit-transform .75s ease 0s;
  -o-transition: -o-transform .75s ease 0s;
  -moz-transition: transform .75s ease 0s, -moz-transform .75s ease 0s;
  transition: transform .75s ease 0s;
  pointer-events: none
}

.player-transition-opacity {
  -moz-transition: opacity .1s cubic-bezier(0.4, 0.0, 1, 1);
  -webkit-transition: opacity .1s cubic-bezier(0.4, 0.0, 1, 1);
  transition: opacity .1s cubic-bezier(0.4, 0.0, 1, 1);
}

.tap-highlight-color {
  -webkit-tap-highlight-color: transparent;
}

.fadeIn() {
  :local {
    animation: fadein 300ms ease 0s;
    -moz-animation: fadein 300ms ease 0s;
    -webkit-animation: fadein 300ms ease 0s;
    -o-animation: fadein 300ms ease 0s;
  }
}