/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/colors.scss ***!
  \*******************************************************************************************************************************************/
:root {
  --main-bg-color: rgb(0, 0, 0);
  --main-accent-color: rgb(237, 11, 11);
  --main-paragraph-color: rgb(255, 255, 255);
  --main-paragraph-font: "Lato", sans-serif;
}
/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/nav.scss ***!
  \****************************************************************************************************************************************/
.header {
  display: flex;
  align-items: center;
  font-size: 0.9vw;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5410758053) 100%);
  position: absolute;
  z-index: 9999;
  width: 100vw; /* Cambiamos a 100vw para ocupar todo el ancho del viewport */
  padding: 0 20px;
  position: fixed;
  transition: all 0.4s ease-in-out;
}

.black {
  background-color: black !important;
}

.menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 10px;
}

ul.left {
  display: flex;
  list-style: none;
}

ul.left li {
  margin-right: 20px;
}

/* menu right */
ul.right {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding-right: 50px;
  font-size: 15px;
}

ul.right li {
  margin-right: 20px;
}

ul.right li:last-child {
  margin-right: 0;
}
/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/home.scss ***!
  \*****************************************************************************************************************************************/
button {
  cursor: pointer !important;
}

button:hover {
  cursor: pointer !important;
}

html, body, .container-fluid {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-family: var(--main-paragraph-font);
}

body {
  background-color: var(--main-bg-color);
  color: var(--main-paragraph-color);
}

.container-fluid {
  margin: 0;
  padding: 0 !important;
}

.block-hero {
  /* position: relative;*/
}

.block-info-movie-hero {
  bottom: 28%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  left: 4%;
  position: relative;
  top: 20%;
  width: 36%;
  z-index: 10;
  font-size: 1.2vw;
  font-weight: 400;
}
.block-info-movie-hero .billboard-links {
  display: flex;
  line-height: 88%;
  white-space: nowrap;
  font-size: 1.2vw;
}
.block-info-movie-hero__p {
  padding: 0px 10px 0px 10px;
  font-size: 1.3vw;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.5em;
}
.block-info-movie-hero button {
  border: none;
  border-radius: 4px;
  padding: 1rem 4rem 1rem 4rem;
  margin: 10px;
  font-size: 1.2vw;
}
.block-info-movie-hero__info {
  color: white;
  background-color: 0.768627451;
  background: linear-gradient(90deg, rgba(106, 106, 106, 0.613) 80%, rgb(144, 144, 144) 100%);
}

.page-container {
  overflow: hidden !important;
}

.hero-img {
  height: 78vh !important;
  background-position: center center;
  position: relative;
}

.container-fluid {
  overflow: hidden;
}

.loading {
  top: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 10000000000000000;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.loading video {
  position: absolute;
  opacity: 1;
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/moviescarrusel.scss ***!
  \***************************************************************************************************************************************************/
/* contenedor principal y flecha */
.block-movies {
  width: 90%;
  margin: auto;
  overflow: hidden;
  box-sizing: border-box;
}

.block-contenedor-titulo-controles {
  display: flex;
  justify-content: space-between;
  align-items: end;
  height: 40px;
}

.block-contenedor-titulo-controles h3 {
  color: white;
  font-size: 20px;
}

.block-contenedor-titulo-controles .indicadores button {
  background: white;
  height: 3px;
  width: 10px;
  cursor: pointer;
  border: none;
  margin-right: 2px;
}

.block-contenedor-titulo-controles .indicadores button:hover {
  background: red;
}

.block-contenedor-titulo-controles .indicadores button:hover .block-contenedor-titulo-controles .indicadores button.activo {
  background: red;
}

.peliculas-recomendadas {
  margin-bottom: 20px;
}

.peliculas-recomendadas .contenedor-principal {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 100%;
  margin: 0px 0;
}

.flecha-izquierda {
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5900954132) -30%, rgba(0, 0, 0, 0) 92%);
  opacity: 0.8;
}

.flecha-derecha {
  right: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(269deg, rgba(0, 0, 0, 0.5900954132) -30%, rgba(0, 0, 0, 0) 92%);
  opacity: 0.8;
}

.flechas:hover {
  opacity: 1;
}

.flechas {
  position: absolute;
  border: none;
  font-size: 35px;
  height: 100%;
  top: 0%;
  line-height: 40px;
  width: 58px;
  color: white;
  cursor: pointer;
  z-index: 500;
  transition: 0.2 ease all;
}

.peliculas-recomendadas .contenedor-carousel {
  width: 101%;
  overflow: hidden;
  scroll-behavior: smooth;
  padding: 10px 0px 10px 0px;
}

.peliculas-recomendadas .contenedor-carousel .carousel {
  display: flex;
  flex-wrap: nowrap;
}

.peliculas-recomendadas .contenedor-carousel .carousel .pelicula {
  min-width: 19.5%;
  transition: 0.3 ease all;
  padding: 2px;
}

.peliculas-recomendadas .contenedor-carousel .carousel .pelicula img {
  width: 100%;
  vertical-align: top;
  border-radius: 3px;
}

.pop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 9999;
  margin: 0;
  padding: 0;
  top: 0;
}

.info {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  z-index: 9999;
  background-color: #000000;
}

.pelicula {
  transition: transform 0.3s ease-in-out;
  transform-origin: center center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.pelicula:hover {
  transform-origin: center center;
  padding: 0px 10px 0px 10px;
  box-shadow: 220 0 35px rgba(0, 0, 0, 0.3);
  transform: scale(1.2, 1.2);
}
/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/popup.scss ***!
  \******************************************************************************************************************************************/
.info {
  display: none;
  transition: all 0.3 ease-in;
  opacity: 0;
}

.pop {
  display: none;
  transition: all 0.3 ease-in;
  opacity: 0;
}

.block-movieinfo--hero .block-movieinfo--hero-logo {
  width: 250px !important;
  margin-left: 10px;
}
.block-movieinfo--hero img {
  width: 100%;
}
.block-movieinfo--hero button {
  border: none;
  border-radius: 4px;
  padding: 1rem 4rem 1rem 4rem;
  margin: 10px;
  font-size: 1.2vw;
}
.block-movieinfo--hero .i {
  background: none;
  padding: 0;
  width: 50px !important;
  height: 50px !important;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 50px;
  color: white;
}

.block-movieinfo--hero-text {
  position: absolute;
  top: 34%;
  left: 6%;
}

.image {
  position: relative;
}

.bg-gradient-black {
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 71%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  height: 101%;
  overflow: hidden;
}

.block-info-data {
  padding: 10%;
  margin-top: 65px;
}

.block {
  display: block;
  opacity: 0;
  transition: opacity 0.5s ease-in;
}

.fade-out {
  opacity: 0;
  display: none;
  transition: opacity 0.5s ease-in;
}

.fade-in {
  opacity: 1 !important;
  transition: opacity 0.5s ease-in;
}

.close {
  right: 0px;
  width: 40px;
  height: 40px;
  background-color: transparent;
  position: absolute;
  margin: 10px;
  z-index: 999;
  cursor: pointer;
  background-image: url(../86622a8f61aa7e6b8b18.svg);
}

.btns img {
  width: 50px;
  vertical-align: middle;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/videopopup.scss ***!
  \***********************************************************************************************************************************************/
@charset "UTF-8";
.show {
  opacity: 1 !important;
  background-color: black;
  display: none;
}

.backBtn {
  width: 60px;
  height: 60px;
  position: absolute;
  z-index: 9999999999;
  display: block;
  background: transparent;
  border: none;
  margin: 30px;
  cursor: pointer;
}

.show video {
  opacity: 1;
  display: block;
  transform: scale(1) !important;
}

#fullscreenButton {
  position: absolute;
  z-index: 1;
  color: red;
}

.video-movie {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  display: none;
  z-index: 9999999;
}

.video-movie video {
  position: absolute;
  flex: 1;
  width: 100%;
  height: 100vh;
  background-color: black;
  transform: scale(0.5); /* Reducir el video a la mitad */
  transition: transform 0.6s ease; /* Agregar transición suave */
}
/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/coffe.scss ***!
  \******************************************************************************************************************************************/
@charset "UTF-8";
.buycoffe {
  position: fixed;
  width: 300px;
  height: 180px;
  background-color: rgb(255, 255, 255);
  padding: 40px;
  margin: 0 auto;
  border-radius: 5px;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000000000000000000;
  color: #353535;
  display: none;
  opacity: 0;
  transition: all 0.4s ease;
}
.buycoffe .image-container {
  flex: 0 0 auto;
  margin-right: 20px; /* Añadido un margen derecho para separar la imagen del texto */
}
.buycoffe .text-container {
  flex: 1;
  text-align: left;
}
.buycoffe p {
  margin: 0;
  font-size: 20px;
}
.buycoffe .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.buycoffe button {
  border: none;
  border-radius: 50px;
  padding: 10px 40px 10px 40px;
  background: transparent;
}
.buycoffe .buy {
  background-color: #f58043;
  padding: 10px 40px 10px 40px;
  color: white;
  font-size: 16px;
  letter-spacing: 0.5px;
}
.buycoffe .buy:hover {
  background-color: #f58043;
  padding: 10px 40px 10px 40px;
  color: white;
  font-size: 16px;
  letter-spacing: 0.5px;
}
.buycoffe .buttons {
  margin-top: 20px;
}
.buycoffe .buttons .maybe button {
  color: #353535;
  letter-spacing: 0.2px;
  transition: all 0.3s ease-in-out;
}
.buycoffe .buttons .maybe button:hover {
  color: #353535;
  letter-spacing: 0.2px;
  text-decoration: underline;
}
.buycoffe .buttons .coffe {
  position: relative;
  padding: 10px 30px;
  display: block;
  text-decoration: none;
  width: auto;
  text-align: center;
  overflow: hidden;
  border-radius: 40px;
  float: left;
}
.buycoffe .buttons .coffe span {
  position: relative;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0px;
  z-index: 1;
}
.buycoffe .buttons .coffe .liquid {
  position: absolute;
  top: -80px;
  left: 0;
  width: 200px;
  height: 200px;
  background: #a58a76;
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
  transition: 0.5s;
}
.buycoffe .buttons .coffe .liquid::after,
.buycoffe .buttons .coffe .liquid::before {
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -75%);
  background: #000;
}
.buycoffe .buttons a .liquid::before {
  border-radius: 45%;
  background: rgb(53, 25, 0);
  animation: animate 5s linear infinite;
}
.buycoffe .buttons .coffe .liquid::after {
  border-radius: 40%;
  background: rgba(20, 20, 20, 0.5);
  animation: animate 10s linear infinite;
}
.buycoffe .buttons .coffe:hover .liquid {
  top: -120px;
}
@keyframes animate {
  0% {
    transform: translate(-50%, -75%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -75%) rotate(360deg);
  }
}

.icon-coffe {
  width: 40px;
  height: 40px;
  background-color: #f58043;
  position: fixed;
  right: 5px;
  bottom: 5px;
  z-index: 100000000000000000000;
  text-align: center;
  font-size: 40px;
  padding: 0px 8px 15px 8px;
  border-radius: 50px 50px 0px 50px;
  opacity: 0;
  cursor: pointer;
  transition: all 0.4s ease;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/mediaqueries.scss ***!
  \*************************************************************************************************************************************************/
@media screen and (max-width: 800px) {
  .icon-coffe {
    width: 30px !important;
    height: 30px !important;
    background-color: #f58043;
    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 100000000000000000000;
    text-align: center;
    font-size: 28px !important;
    padding: 0px 8px 10px 8px;
    border-radius: 50px 50px 0px 50px;
    opacity: 0;
    cursor: pointer;
    transition: all 0.4s ease;
  }
  .block-movieinfo--hero button {
    border: none;
    border-radius: 4px;
    padding: 1rem 4rem 1rem 4rem;
    margin: 10px;
    cursor: pointer;
    font-size: 4.2vw !important;
  }
  /* .peliculas-recomendadas .contenedor-carousel .carousel{
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 10px;
       flex-wrap: wrap;

           }*/
  .peliculas-recomendadas .contenedor-carousel .carousel .pelicula {
    min-width: 33%;
    transition: 0.3 ease all;
    padding: 2px;
  }
  .block-info-data {
    padding: 10%;
    margin-top: 137px;
  }
  /*
              .flechas {
                  display: none !important;
              }   

  */
  ul.left {
    display: none;
  }
  .block-movieinfo--hero img {
    width: 70% !important;
  }
  .block-hero {
    height: 473px;
    position: relative;
    width: 100%;
    height: 549px;
    overflow: hidden;
  }
  .hero-img {
    height: 100% !important;
  }
  .info {
    width: 93%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    z-index: 9999;
    background-color: #000000;
  }
  .block-info-movie-hero {
    bottom: 5%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 4%;
    position: absolute;
    top: 0;
    width: 70%;
    z-index: 10;
    font-size: 3.2vw;
    font-weight: 400;
  }
  .block-info-movie-hero .billboard-links {
    display: flex;
    line-height: 88%;
    white-space: nowrap;
    font-size: 3.2vw;
  }
  .block-info-movie-hero__p {
    padding: 0px 10px 0px 10px;
    font-size: 3vw;
    font-weight: 400;
  }
  .block-info-movie-hero button {
    border: none;
    border-radius: 4px;
    padding: 12px 30px 12px 30px;
    margin: 10px;
    cursor: pointer;
    font-size: 4vw;
  }
  .btns img {
    width: 50px !important;
    vertical-align: middle;
  }
}
/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/flexboxgrid/dist/flexboxgrid.min.css ***!
  \*****************************************************************************************************/
.container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}