/*18:9 Ratio*/
.r189 {
   position: relative;
   overflow: hidden;
   transform: translateZ(0) scale(1.0, 1.0);
   backface-visibility: hidden;
}

.r189 img {
   position: absolute;
   left: 0px;
   top: 0px;
}

.r189:before {
   display: block;
   content: " ";
   width: 100%;
   padding-top: 50%;
}

.r189>.content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   margin: 0;
}

/*16:9 Ratio*/
.r169 {
   position: relative;
   overflow: hidden;
   transform: translateZ(0) scale(1.0, 1.0);
   backface-visibility: hidden;
}

.r169 img {
   position: absolute;
   left: 0px;
   top: 0px;
}

.r169:before {
   display: block;
   content: " ";
   width: 100%;
   padding-top: 56.3%;
}

.r169>.content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   margin: 0;
}

/*4:3 Ratio*/
.r43 {
   position: relative;
   overflow: hidden;
   transform: translateZ(0) scale(1.0, 1.0);
   backface-visibility: hidden;
}

.r43 img {
   position: absolute;
   left: 0px;
   top: 0px;
}

.r43:before {
   display: block;
   content: " ";
   width: 100%;
   padding-top: 74.5%;
}

.r43>.content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   margin: 0;
}

/*4:6 Ratio*/
.r34 {
   position: relative;
   overflow: hidden;
   transform: translateZ(0) scale(1.0, 1.0);
   backface-visibility: hidden;
}

.r34 img {
   position: absolute;
   left: 0px;
   top: 0px;
}

.r34:before {
   display: block;
   content: " ";
   width: 100%;
   padding-top: 133.3%;
}

.r34>.content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   margin: 0;
}

/*3:2 Ratio*/
.r32 {
   position: relative;
   overflow: hidden;
   transform: translateZ(0) scale(1.0, 1.0);
   backface-visibility: hidden;
}

.r32 img {
   position: absolute;
   left: 0px;
   top: 0px;
}

.r32:before {
   display: block;
   content: " ";
   width: 100%;
   padding-top: 66.7%;
}

.r32>.content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   margin: 0;
}

/*8:5 Ratio*/
.r85 {
   position: relative;
   overflow: hidden;
   transform: translateZ(0) scale(1.0, 1.0);
   backface-visibility: hidden;
}

.r85 img {
   position: absolute;
   left: 0px;
   top: 0px;
}

.r85:before {
   display: block;
   content: " ";
   width: 100%;
   padding-top: 62.5%;
}

.r85>.content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   margin: 0;
}

/*1:1 Ratio*/
.r11 {
   position: relative;
   overflow: hidden;
   transform: translateZ(0) scale(1.0, 1.0);
   backface-visibility: hidden;
}

.r11 img {
   position: absolute;
   left: 0px;
   top: 0px;
}

.r11:before {
   display: block;
   content: " ";
   width: 100%;
   padding-top: 100%;
}

.r11>.content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   margin: 0;
}

/*2:1 Ratio*/
.r21 {
   position: relative;
   overflow: hidden;
   transform: translateZ(0) scale(1.0, 1.0);
   backface-visibility: hidden;
}

.r21 img {
   position: absolute;
   left: 0px;
   top: 0px;
}

.r21:before {
   display: block;
   content: " ";
   width: 100%;
   padding-top: 50%;
}

.r21>.content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   margin: 0;
}

.r21.restfortwo:before {
   margin-bottom: -1px;
}

/*5:8 Ratio*/
.r58 {
   position: relative;
   overflow: hidden;
   transform: translateZ(0) scale(1.0, 1.0);
   backface-visibility: hidden;
}

.r58 img {
   position: absolute;
   left: 0px;
   top: 0px;
}

.r58:before {
   display: block;
   content: " ";
   width: 100%;
   padding-top: 160%;
}

.r58>.content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   margin: 0;
}

/*6:4 Ratio*/
.r64 {
   position: relative;
   overflow: hidden;
   transform: translateZ(0) scale(1.0, 1.0);
   backface-visibility: hidden;
}

.r64 img {
   position: absolute;
   left: 0px;
   top: 0px;
}

.r64:before {
   display: block;
   content: " ";
   width: 100%;
   padding-top: 150%;
}

.r64>.content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   margin: 0;
}

/*30 Ratio*/
.r30 {
   position: relative;
   overflow: hidden;
   transform: translateZ(0) scale(1.0, 1.0);
   backface-visibility: hidden;
}

.r30 img {
   position: absolute;
   left: 0px;
   top: 0px;
}

.r30:before {
   display: block;
   content: " ";
   width: 100%;
   padding-top: 30%;
}

.r30>.content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   margin: 0;
}



.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}

.row.sm-gutters {
   margin-right: -7.5px;
   margin-left: -7.5px;
}

.row.sm-gutters>[class^="col-"],
.row.sm-gutters>[class*=" col-"] {
   padding-right: 7.5px;
   padding-left: 7.5px;
}

.row.md-gutters {
   margin-right: -10px;
   margin-left: -10px;
}

.row.md-gutters>[class^="col-"],
.row.md-gutters>[class*=" col-"] {
   padding-right: 10px;
   padding-left: 10px;
}

@media (min-width:1200px) {
   .row.km-gutters {
      margin-right: -30px;
      margin-left: -30px;
   }

   .row.km-gutters>[class^="col-"],
   .row.km-gutters>[class*=" col-"] {
      padding-right: 30px;
      padding-left: 30px;
   }

   .row.big-gutters {
      margin-right: -50px;
      margin-left: -50px;
   }

   .row.big-gutters>[class^="col-"],
   .row.big-gutters>[class*=" col-"] {
      padding-right: 50px;
      padding-left: 50px;
   }
}

/* columns of same height styles */
.row-height {
   display: table;
   table-layout: fixed;
   height: 100%;
   width: 100%;
}

.col-height {
   display: table-cell;
   float: none;
   height: 100%;
}

.col-top {
   vertical-align: top;
}

.col-middle {
   vertical-align: middle;
}

.col-bottom {
   vertical-align: bottom;
}

@media (min-width: 320px) {
   .row-xs-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%;
   }

   .col-xs-height {
      display: table-cell;
      float: none;
      height: 100%;
   }

   .col-xs-top {
      vertical-align: top;
   }

   .col-xs-middle {
      vertical-align: middle;
   }

   .col-xs-bottom {
      vertical-align: bottom;
   }
}

@media (min-width: 768px) {
   .row-sm-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%;
   }

   .col-sm-height {
      display: table-cell;
      float: none;
      height: 100%;
   }

   .col-sm-top {
      vertical-align: top;
   }

   .col-sm-middle {
      vertical-align: middle;
   }

   .col-sm-bottom {
      vertical-align: bottom;
   }
}

@media (min-width: 992px) {
   .row-md-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%;
   }

   .col-md-height {
      display: table-cell;
      float: none;
      height: 100%;
   }

   .col-md-top {
      vertical-align: top;
   }

   .col-md-middle {
      vertical-align: middle;
   }

   .col-md-bottom {
      vertical-align: bottom;
   }
}

@media (min-width: 1200px) {
   .row-lg-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%;
   }

   .col-lg-height {
      display: table-cell;
      float: none;
      height: 100%;
   }

   .col-lg-top {
      vertical-align: top;
   }

   .col-lg-middle {
      vertical-align: middle;
   }

   .col-lg-bottom {
      vertical-align: bottom;
   }
}

.setbg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.setbg.setbg-top {
   background-position: center top;
}

.r40::before{
   padding-top: 40%;
}