@import url("dist/css/swiper.css");
/*
	Sample: @include mix-name();
*/
.swiper-container {
  background-color: white; }
  .swiper-container > .swiper-wrapper > .swiper-slide {
    padding: 0;
    background-color: white;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    font-size: 1rem;
    color: #fff; }
    .swiper-container > .swiper-wrapper > .swiper-slide h1, .swiper-container > .swiper-wrapper > .swiper-slide p {
      width: 12em;
      color: #fff;
      font-size: 1em; }
    .swiper-container > .swiper-wrapper > .swiper-slide h1 {
      font-size: 3em; }
    .swiper-container > .swiper-wrapper > .swiper-slide p {
      width: 30em; }
    @media (max-width: 1199.98px) {
      .swiper-container > .swiper-wrapper > .swiper-slide {
        font-size: .85rem; } }
    @media (max-width: 991.98px) {
      .swiper-container > .swiper-wrapper > .swiper-slide {
        font-size: .7rem; } }
    @media (max-width: 767.98px) {
      .swiper-container > .swiper-wrapper > .swiper-slide {
        font-size: .55rem; } }
  .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next {
    margin-top: -1.8rem;
    background-image: none;
    width: auto;
    height: auto;
    line-height: normal;
    font-size: 3rem;
    color: #fff;
    text-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3);
    opacity: .66; }
    .swiper-container .swiper-button-prev:hover, .swiper-container .swiper-button-next:hover {
      text-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.6);
      opacity: 1; }
  .swiper-container .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    opacity: .3;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.6); }
    .swiper-container .swiper-pagination-bullet-active {
      opacity: .9; }

.swiper-mode-default {
  height: 400px; }

.swiper-mode-mainslider {
  height: 440px; }
  .swiper-mode-mainslider .container > h1 {
    margin: 180px 0 0 0; }

.container .swiper-mode-mainslider {
  height: 330px; }
  .container .swiper-mode-mainslider > .swiper-wrapper > .swiper-slide {
    padding: 140px 0 0 50px; }

.swiper-mode-carusel,
.swiper-mode-banners {
  height: auto; }
  .swiper-mode-carusel > .swiper-wrapper > .swiper-slide img,
  .swiper-mode-banners > .swiper-wrapper > .swiper-slide img {
    max-width: 100%;
    width: 100%;
    height: auto; }