/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22 Sep, 2018, 12:40:06 AM
    Author     : zeyarhtike
*/


.section-0 {
  padding-top: 0;
  padding-bottom: 0;
}





.section-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.section-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-66 {
  padding-top: 66px;
  padding-bottom: 66px;
}

.section-87 {
  padding-top: 87px;
  padding-bottom: 87px;
}

.section-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.section-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.section-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-115 {
  padding-top: 115px;
  padding-bottom: 115px;
}

.section-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

@media (min-width: 480px) {
  .section-xs-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .section-xs-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-xs-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-xs-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .section-xs-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-xs-66 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .section-xs-87 {
    padding-top: 87px;
    padding-bottom: 87px;
  }
  .section-xs-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-xs-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .section-xs-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .section-xs-115 {
    padding-top: 115px;
    padding-bottom: 115px;
  }
  .section-xs-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}

@media (min-width: 768px) {
  .section-sm-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .section-sm-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .section-sm-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-sm-66 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .section-sm-87 {
    padding-top: 87px;
    padding-bottom: 87px;
  }
  .section-sm-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-sm-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .section-sm-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .section-sm-115 {
    padding-top: 115px;
    padding-bottom: 115px;
  }
  .section-sm-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}

@media (min-width: 992px) {
  .section-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .section-md-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .section-md-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-md-66 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .section-md-87 {
    padding-top: 87px;
    padding-bottom: 87px;
  }
  .section-md-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-md-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .section-md-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .section-md-115 {
    padding-top: 115px;
    padding-bottom: 115px;
  }
  .section-md-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}

@media (min-width: 1200px) {
  .section-lg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .section-lg-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-lg-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-lg-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .section-lg-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-lg-66 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .section-lg-87 {
    padding-top: 87px;
    padding-bottom: 87px;
  }
  .section-lg-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-lg-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .section-lg-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .section-lg-115 {
    padding-top: 115px;
    padding-bottom: 115px;
  }
  .section-lg-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}

@media (min-width: 1800px) {
  .section-xl-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .section-xl-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-xl-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-xl-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .section-xl-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-xl-66 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .section-xl-87 {
    padding-top: 87px;
    padding-bottom: 87px;
  }
  .section-xl-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-xl-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .section-xl-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .section-xl-115 {
    padding-top: 115px;
    padding-bottom: 115px;
  }
  .section-xl-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}

.section-top-0 {
  padding-top: 0;
}

.section-top-30 {
  padding-top: 30px;
}

.section-top-40 {
  padding-top: 40px;
}

.section-top-55 {
  padding-top: 55px;
}

.section-top-60 {
  padding-top: 60px;
}

.section-top-66 {
  padding-top: 66px;
}

.section-top-87 {
  padding-top: 87px;
}

.section-top-90 {
  padding-top: 90px;
}

.section-top-95 {
  padding-top: 95px;
}

.section-top-100 {
  padding-top: 100px;
}

.section-top-115 {
  padding-top: 115px;
}

.section-top-140 {
  padding-top: 140px;
}

@media (min-width: 480px) {
  .section-xs-top-0 {
    padding-top: 0;
  }
  .section-xs-top-30 {
    padding-top: 30px;
  }
  .section-xs-top-40 {
    padding-top: 40px;
  }
  .section-xs-top-55 {
    padding-top: 55px;
  }
  .section-xs-top-60 {
    padding-top: 60px;
  }
  .section-xs-top-66 {
    padding-top: 66px;
  }
  .section-xs-top-87 {
    padding-top: 87px;
  }
  .section-xs-top-90 {
    padding-top: 90px;
  }
  .section-xs-top-95 {
    padding-top: 95px;
  }
  .section-xs-top-100 {
    padding-top: 100px;
  }
  .section-xs-top-115 {
    padding-top: 115px;
  }
  .section-xs-top-140 {
    padding-top: 140px;
  }
}

@media (min-width: 768px) {
  .section-sm-top-0 {
    padding-top: 0;
  }
  .section-sm-top-30 {
    padding-top: 30px;
  }
  .section-sm-top-40 {
    padding-top: 40px;
  }
  .section-sm-top-55 {
    padding-top: 55px;
  }
  .section-sm-top-60 {
    padding-top: 60px;
  }
  .section-sm-top-66 {
    padding-top: 66px;
  }
  .section-sm-top-87 {
    padding-top: 87px;
  }
  .section-sm-top-90 {
    padding-top: 90px;
  }
  .section-sm-top-95 {
    padding-top: 95px;
  }
  .section-sm-top-100 {
    padding-top: 100px;
  }
  .section-sm-top-115 {
    padding-top: 115px;
  }
  .section-sm-top-140 {
    padding-top: 140px;
  }
}

@media (min-width: 992px) {
  .section-md-top-0 {
    padding-top: 0;
  }
  .section-md-top-30 {
    padding-top: 30px;
  }
  .section-md-top-40 {
    padding-top: 40px;
  }
  .section-md-top-55 {
    padding-top: 55px;
  }
  .section-md-top-60 {
    padding-top: 60px;
  }
  .section-md-top-66 {
    padding-top: 66px;
  }
  .section-md-top-87 {
    padding-top: 87px;
  }
  .section-md-top-90 {
    padding-top: 90px;
  }
  .section-md-top-95 {
    padding-top: 95px;
  }
  .section-md-top-100 {
    padding-top: 100px;
  }
  .section-md-top-115 {
    padding-top: 115px;
  }
  .section-md-top-140 {
    padding-top: 140px;
  }
}

@media (min-width: 1200px) {
  .section-lg-top-0 {
    padding-top: 0;
  }
  .section-lg-top-30 {
    padding-top: 30px;
  }
  .section-lg-top-40 {
    padding-top: 40px;
  }
  .section-lg-top-55 {
    padding-top: 55px;
  }
  .section-lg-top-60 {
    padding-top: 60px;
  }
  .section-lg-top-66 {
    padding-top: 66px;
  }
  .section-lg-top-87 {
    padding-top: 87px;
  }
  .section-lg-top-90 {
    padding-top: 90px;
  }
  .section-lg-top-95 {
    padding-top: 95px;
  }
  .section-lg-top-100 {
    padding-top: 100px;
  }
  .section-lg-top-115 {
    padding-top: 115px;
  }
  .section-lg-top-140 {
    padding-top: 140px;
  }
}

@media (min-width: 1800px) {
  .section-xl-top-0 {
    padding-top: 0;
  }
  .section-xl-top-30 {
    padding-top: 30px;
  }
  .section-xl-top-40 {
    padding-top: 40px;
  }
  .section-xl-top-55 {
    padding-top: 55px;
  }
  .section-xl-top-60 {
    padding-top: 60px;
  }
  .section-xl-top-66 {
    padding-top: 66px;
  }
  .section-xl-top-87 {
    padding-top: 87px;
  }
  .section-xl-top-90 {
    padding-top: 90px;
  }
  .section-xl-top-95 {
    padding-top: 95px;
  }
  .section-xl-top-100 {
    padding-top: 100px;
  }
  .section-xl-top-115 {
    padding-top: 115px;
  }
  .section-xl-top-140 {
    padding-top: 140px;
  }
}

.section-bottom-0 {
  padding-bottom: 0;
}

.section-bottom-30 {
  padding-bottom: 30px;
}

.section-bottom-40 {
  padding-bottom: 40px;
}

.section-bottom-55 {
  padding-bottom: 55px;
}

.section-bottom-60 {
  padding-bottom: 60px;
}

.section-bottom-66 {
  padding-bottom: 66px;
}

.section-bottom-87 {
  padding-bottom: 87px;
}

.section-bottom-90 {
  padding-bottom: 90px;
}

.section-bottom-95 {
  padding-bottom: 95px;
}

.section-bottom-100 {
  padding-bottom: 100px;
}

.section-bottom-115 {
  padding-bottom: 115px;
}

.section-bottom-140 {
  padding-bottom: 140px;
}

@media (min-width: 480px) {
  .section-xs-bottom-0 {
    padding-bottom: 0;
  }
  .section-xs-bottom-30 {
    padding-bottom: 30px;
  }
  .section-xs-bottom-40 {
    padding-bottom: 40px;
  }
  .section-xs-bottom-55 {
    padding-bottom: 55px;
  }
  .section-xs-bottom-60 {
    padding-bottom: 60px;
  }
  .section-xs-bottom-66 {
    padding-bottom: 66px;
  }
  .section-xs-bottom-87 {
    padding-bottom: 87px;
  }
  .section-xs-bottom-90 {
    padding-bottom: 90px;
  }
  .section-xs-bottom-95 {
    padding-bottom: 95px;
  }
  .section-xs-bottom-100 {
    padding-bottom: 100px;
  }
  .section-xs-bottom-115 {
    padding-bottom: 115px;
  }
  .section-xs-bottom-140 {
    padding-bottom: 140px;
  }
}

@media (min-width: 768px) {
  .section-sm-bottom-0 {
    padding-bottom: 0;
  }
  .section-sm-bottom-30 {
    padding-bottom: 30px;
  }
  .section-sm-bottom-40 {
    padding-bottom: 40px;
  }
  .section-sm-bottom-55 {
    padding-bottom: 55px;
  }
  .section-sm-bottom-60 {
    padding-bottom: 60px;
  }
  .section-sm-bottom-66 {
    padding-bottom: 66px;
  }
  .section-sm-bottom-87 {
    padding-bottom: 87px;
  }
  .section-sm-bottom-90 {
    padding-bottom: 90px;
  }
  .section-sm-bottom-95 {
    padding-bottom: 95px;
  }
  .section-sm-bottom-100 {
    padding-bottom: 100px;
  }
  .section-sm-bottom-115 {
    padding-bottom: 115px;
  }
  .section-sm-bottom-140 {
    padding-bottom: 140px;
  }
}

@media (min-width: 992px) {
  .section-md-bottom-0 {
    padding-bottom: 0;
  }
  .section-md-bottom-30 {
    padding-bottom: 30px;
  }
  .section-md-bottom-40 {
    padding-bottom: 40px;
  }
  .section-md-bottom-55 {
    padding-bottom: 55px;
  }
  .section-md-bottom-60 {
    padding-bottom: 60px;
  }
  .section-md-bottom-66 {
    padding-bottom: 66px;
  }
  .section-md-bottom-87 {
    padding-bottom: 87px;
  }
  .section-md-bottom-90 {
    padding-bottom: 90px;
  }
  .section-md-bottom-95 {
    padding-bottom: 95px;
  }
  .section-md-bottom-100 {
    padding-bottom: 100px;
  }
  .section-md-bottom-115 {
    padding-bottom: 115px;
  }
  .section-md-bottom-140 {
    padding-bottom: 140px;
  }
}

@media (min-width: 1200px) {
  .section-lg-bottom-0 {
    padding-bottom: 0;
  }
  .section-lg-bottom-30 {
    padding-bottom: 30px;
  }
  .section-lg-bottom-40 {
    padding-bottom: 40px;
  }
  .section-lg-bottom-55 {
    padding-bottom: 55px;
  }
  .section-lg-bottom-60 {
    padding-bottom: 60px;
  }
  .section-lg-bottom-66 {
    padding-bottom: 66px;
  }
  .section-lg-bottom-87 {
    padding-bottom: 87px;
  }
  .section-lg-bottom-90 {
    padding-bottom: 90px;
  }
  .section-lg-bottom-95 {
    padding-bottom: 95px;
  }
  .section-lg-bottom-100 {
    padding-bottom: 100px;
  }
  .section-lg-bottom-115 {
    padding-bottom: 115px;
  }
  .section-lg-bottom-140 {
    padding-bottom: 140px;
  }
}

@media (min-width: 1800px) {
  .section-xl-bottom-0 {
    padding-bottom: 0;
  }
  .section-xl-bottom-30 {
    padding-bottom: 30px;
  }
  .section-xl-bottom-40 {
    padding-bottom: 40px;
  }
  .section-xl-bottom-55 {
    padding-bottom: 55px;
  }
  .section-xl-bottom-60 {
    padding-bottom: 60px;
  }
  .section-xl-bottom-66 {
    padding-bottom: 66px;
  }
  .section-xl-bottom-87 {
    padding-bottom: 87px;
  }
  .section-xl-bottom-90 {
    padding-bottom: 90px;
  }
  .section-xl-bottom-95 {
    padding-bottom: 95px;
  }
  .section-xl-bottom-100 {
    padding-bottom: 100px;
  }
  .section-xl-bottom-115 {
    padding-bottom: 115px;
  }
  .section-xl-bottom-140 {
    padding-bottom: 140px;
  }
}

.range {
  margin-left: -15px;
  margin-right: -15px;
}

.range > .range {
  margin-left: 0;
  margin-right: 0;
}

.thumbnail {
  position: relative;
  z-index: 1;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}

.thumbnail .caption {
  padding: 0;
}

.img-thumbnail,
.thumbnail {
  box-shadow: none;
}

.thumbnail-variant-1 {
  text-align: center;
  background-color: transparent;
}

.thumbnail-variant-1 * + .caption {
  margin-top: 22px;
  padding: 0 15px;
}

@media (min-width: 768px) {
  .thumbnail-variant-1 * + .caption {
    margin-top: 30px;
  }
}

@media (min-width: 1200px) {
  .thumbnail-variant-1 * + .caption {
    padding: 0 27px;
  }
}

.thumbnail-variant-2 {
  width: 100.05%;
  text-align: center;
}

.thumbnail-variant-2 img {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  max-width: none;
  min-width: 100.5%;
}

.thumbnail-variant-2 .caption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  transition: .33s all ease-in-out;
  pointer-events: none;
  background: rgba(62, 199, 194, 0.8);
}

.thumbnail-variant-2 .caption:before {
  display: block;
  font-size: 72px;
  line-height: 72px;
  transition: .33s all ease;
}

@media (min-width: 992px) {
  .desktop .thumbnail-variant-2 .caption {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  .desktop .thumbnail-variant-2:hover .caption {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 767px) {
  .thumbnail-variant-1,
  .thumbnail-variant-2 {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
  }
}

.thumbnail-block {
  display: block;
}

.thumbnail-block > img,
.thumbnail-block a > img {
  width: 100%;
  height: auto;
}

figure img {
  width: 100%;
  height: auto;
  max-width: none;
}

.figure .caption {
  padding: 15px;
}

.figure-variant-1 h1, .figure-variant-1 h2, .figure-variant-1 h3, .figure-variant-1 h4, .figure-variant-1 h5, .figure-variant-1 h6, .figure-variant-1 .h1, .figure-variant-1 .h2, .figure-variant-1 .h3, .figure-variant-1 .h4, .figure-variant-1 .h5, .figure-variant-1 .h6 {
  color: #fff;
}

.figure-variant-1 .caption {
  padding: 0;
}

.figure-variant-1 * + .subheader {
  margin-top: 0;
}

.figure-variant-1 * + .caption {
  margin-top: 15px;
}

@media (min-width: 768px) {
  .figure-variant-1 * + .caption {
    margin-top: 25px;
  }
}

@media (min-width: 1200px) {
  .figure-variant-1 * + .caption {
    margin-top: 30px;
  }
}

@media (min-width: 480px) {
  .range {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .range > .range {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .range-vertical {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .range > [class*='cell'] {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (min-width: 480px) {
  * + [class*='cell-xs-'] {
    margin-top: 0;
  }
  .range-xs-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .range-xs-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .range-xs-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .range-xs-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .range-xs-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .range-xs-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .range-xs {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .range-xs-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .range-xs-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .range-xs-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .cell-xs-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .cell-xs-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .cell-xs-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .range > .cell-xs-preffix-0 {
    margin-left: 0%;
  }
  .range > .cell-xs-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .range > .cell-xs-preffix-1 {
    margin-left: 8.33333%;
  }
  .range > .cell-xs-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .range > .cell-xs-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .range > .cell-xs-preffix-2 {
    margin-left: 16.66667%;
  }
  .range > .cell-xs-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .range > .cell-xs-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .range > .cell-xs-preffix-3 {
    margin-left: 25%;
  }
  .range > .cell-xs-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .range > .cell-xs-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .range > .cell-xs-preffix-4 {
    margin-left: 33.33333%;
  }
  .range > .cell-xs-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .range > .cell-xs-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .range > .cell-xs-preffix-5 {
    margin-left: 41.66667%;
  }
  .range > .cell-xs-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .range > .cell-xs-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .range > .cell-xs-preffix-6 {
    margin-left: 50%;
  }
  .range > .cell-xs-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .range > .cell-xs-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .range > .cell-xs-preffix-7 {
    margin-left: 58.33333%;
  }
  .range > .cell-xs-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .range > .cell-xs-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .range > .cell-xs-preffix-8 {
    margin-left: 66.66667%;
  }
  .range > .cell-xs-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .range > .cell-xs-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .range > .cell-xs-preffix-9 {
    margin-left: 75%;
  }
  .range > .cell-xs-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .range > .cell-xs-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .range > .cell-xs-preffix-10 {
    margin-left: 83.33333%;
  }
  .range > .cell-xs-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .range > .cell-xs-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .range > .cell-xs-preffix-11 {
    margin-left: 91.66667%;
  }
  .range > .cell-xs-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .range > .cell-xs-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .range > .cell-xs-preffix-12 {
    margin-left: 100%;
  }
  .range > .cell-xs-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .range > .cell-xs-1-5 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}

@media (min-width: 768px) {
  * + [class*='cell-sm-'] {
    margin-top: 0;
  }
  .range-sm-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .range-sm-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .range-sm-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .range-sm-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .range-sm-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .range-sm-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .range-sm {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .range-sm-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .range-sm-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .range-sm-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .cell-sm-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .cell-sm-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .cell-sm-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .range > .cell-sm-preffix-0 {
    margin-left: 0%;
  }
  .range > .cell-sm-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .range > .cell-sm-preffix-1 {
    margin-left: 8.33333%;
  }
  .range > .cell-sm-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .range > .cell-sm-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .range > .cell-sm-preffix-2 {
    margin-left: 16.66667%;
  }
  .range > .cell-sm-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .range > .cell-sm-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .range > .cell-sm-preffix-3 {
    margin-left: 25%;
  }
  .range > .cell-sm-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .range > .cell-sm-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .range > .cell-sm-preffix-4 {
    margin-left: 33.33333%;
  }
  .range > .cell-sm-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .range > .cell-sm-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .range > .cell-sm-preffix-5 {
    margin-left: 41.66667%;
  }
  .range > .cell-sm-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .range > .cell-sm-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .range > .cell-sm-preffix-6 {
    margin-left: 50%;
  }
  .range > .cell-sm-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .range > .cell-sm-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .range > .cell-sm-preffix-7 {
    margin-left: 58.33333%;
  }
  .range > .cell-sm-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .range > .cell-sm-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .range > .cell-sm-preffix-8 {
    margin-left: 66.66667%;
  }
  .range > .cell-sm-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .range > .cell-sm-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .range > .cell-sm-preffix-9 {
    margin-left: 75%;
  }
  .range > .cell-sm-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .range > .cell-sm-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .range > .cell-sm-preffix-10 {
    margin-left: 83.33333%;
  }
  .range > .cell-sm-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .range > .cell-sm-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .range > .cell-sm-preffix-11 {
    margin-left: 91.66667%;
  }
  .range > .cell-sm-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .range > .cell-sm-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .range > .cell-sm-preffix-12 {
    margin-left: 100%;
  }
  .range > .cell-sm-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .range > .cell-sm-1-5 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}

@media (min-width: 992px) {
  * + [class*='cell-md-'] {
    margin-top: 0;
  }
  .range-md-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .range-md-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .range-md-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .range-md-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .range-md-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .range-md-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .range-md {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .range-md-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .range-md-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .range-md-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .cell-md-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .cell-md-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .cell-md-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .range > .cell-md-preffix-0 {
    margin-left: 0%;
  }
  .range > .cell-md-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .range > .cell-md-preffix-1 {
    margin-left: 8.33333%;
  }
  .range > .cell-md-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .range > .cell-md-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .range > .cell-md-preffix-2 {
    margin-left: 16.66667%;
  }
  .range > .cell-md-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .range > .cell-md-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .range > .cell-md-preffix-3 {
    margin-left: 25%;
  }
  .range > .cell-md-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .range > .cell-md-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .range > .cell-md-preffix-4 {
    margin-left: 33.33333%;
  }
  .range > .cell-md-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .range > .cell-md-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .range > .cell-md-preffix-5 {
    margin-left: 41.66667%;
  }
  .range > .cell-md-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .range > .cell-md-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .range > .cell-md-preffix-6 {
    margin-left: 50%;
  }
  .range > .cell-md-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .range > .cell-md-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .range > .cell-md-preffix-7 {
    margin-left: 58.33333%;
  }
  .range > .cell-md-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .range > .cell-md-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .range > .cell-md-preffix-8 {
    margin-left: 66.66667%;
  }
  .range > .cell-md-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .range > .cell-md-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .range > .cell-md-preffix-9 {
    margin-left: 75%;
  }
  .range > .cell-md-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .range > .cell-md-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .range > .cell-md-preffix-10 {
    margin-left: 83.33333%;
  }
  .range > .cell-md-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .range > .cell-md-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .range > .cell-md-preffix-11 {
    margin-left: 91.66667%;
  }
  .range > .cell-md-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .range > .cell-md-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .range > .cell-md-preffix-12 {
    margin-left: 100%;
  }
  .range > .cell-md-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .range > .cell-md-1-5 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}

@media (min-width: 1200px) {
  * + [class*='cell-lg-'] {
    margin-top: 0;
  }
  .range-lg-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .range-lg-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .range-lg-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .range-lg-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .range-lg-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .range-lg-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .range-lg {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .range-lg-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .range-lg-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .range-lg-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .cell-lg-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .cell-lg-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .cell-lg-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .range > .cell-lg-preffix-0 {
    margin-left: 0%;
  }
  .range > .cell-lg-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .range > .cell-lg-preffix-1 {
    margin-left: 8.33333%;
  }
  .range > .cell-lg-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .range > .cell-lg-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .range > .cell-lg-preffix-2 {
    margin-left: 16.66667%;
  }
  .range > .cell-lg-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .range > .cell-lg-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .range > .cell-lg-preffix-3 {
    margin-left: 25%;
  }
  .range > .cell-lg-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .range > .cell-lg-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .range > .cell-lg-preffix-4 {
    margin-left: 33.33333%;
  }
  .range > .cell-lg-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .range > .cell-lg-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .range > .cell-lg-preffix-5 {
    margin-left: 41.66667%;
  }
  .range > .cell-lg-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .range > .cell-lg-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .range > .cell-lg-preffix-6 {
    margin-left: 50%;
  }
  .range > .cell-lg-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .range > .cell-lg-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .range > .cell-lg-preffix-7 {
    margin-left: 58.33333%;
  }
  .range > .cell-lg-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .range > .cell-lg-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .range > .cell-lg-preffix-8 {
    margin-left: 66.66667%;
  }
  .range > .cell-lg-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .range > .cell-lg-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .range > .cell-lg-preffix-9 {
    margin-left: 75%;
  }
  .range > .cell-lg-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .range > .cell-lg-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .range > .cell-lg-preffix-10 {
    margin-left: 83.33333%;
  }
  .range > .cell-lg-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .range > .cell-lg-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .range > .cell-lg-preffix-11 {
    margin-left: 91.66667%;
  }
  .range > .cell-lg-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .range > .cell-lg-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .range > .cell-lg-preffix-12 {
    margin-left: 100%;
  }
  .range > .cell-lg-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .range > .cell-lg-1-5 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}

@media (min-width: 1800px) {
  * + [class*='cell-xl-'] {
    margin-top: 0;
  }
  .range-xl-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .range-xl-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .range-xl-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .range-xl-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .range-xl-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .range-xl-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .range-xl {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .range-xl-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .range-xl-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .range-xl-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .cell-xl-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .cell-xl-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .cell-xl-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .range > .cell-xl-preffix-0 {
    margin-left: 0%;
  }
  .range > .cell-xl-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .range > .cell-xl-preffix-1 {
    margin-left: 8.33333%;
  }
  .range > .cell-xl-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .range > .cell-xl-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .range > .cell-xl-preffix-2 {
    margin-left: 16.66667%;
  }
  .range > .cell-xl-push-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .range > .cell-xl-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .range > .cell-xl-preffix-3 {
    margin-left: 25%;
  }
  .range > .cell-xl-push-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .range > .cell-xl-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .range > .cell-xl-preffix-4 {
    margin-left: 33.33333%;
  }
  .range > .cell-xl-push-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .range > .cell-xl-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .range > .cell-xl-preffix-5 {
    margin-left: 41.66667%;
  }
  .range > .cell-xl-push-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .range > .cell-xl-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .range > .cell-xl-preffix-6 {
    margin-left: 50%;
  }
  .range > .cell-xl-push-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .range > .cell-xl-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .range > .cell-xl-preffix-7 {
    margin-left: 58.33333%;
  }
  .range > .cell-xl-push-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .range > .cell-xl-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .range > .cell-xl-preffix-8 {
    margin-left: 66.66667%;
  }
  .range > .cell-xl-push-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .range > .cell-xl-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .range > .cell-xl-preffix-9 {
    margin-left: 75%;
  }
  .range > .cell-xl-push-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .range > .cell-xl-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .range > .cell-xl-preffix-10 {
    margin-left: 83.33333%;
  }
  .range > .cell-xl-push-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .range > .cell-xl-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .range > .cell-xl-preffix-11 {
    margin-left: 91.66667%;
  }
  .range > .cell-xl-push-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .range > .cell-xl-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .range > .cell-xl-preffix-12 {
    margin-left: 100%;
  }
  .range > .cell-xl-push-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .range > .cell-xl-1-5 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}