@charset "UTF-8";
/*****************************
  Clientlibs config
 *****************************/
/*
 setting
 （上書き禁止）
 */
/*
 common veriable
 （共通変数・任意）
 */
/* design foundation */
/*****************************
  principles
 *****************************/
/*
 design principles
 （サイト、ページ別に上書きを許可）
 */
/*****************************
  Content Color set (light)
 *****************************/
/* Body */
/* Brand Header */
/* Local Navigation */
/* Breadcrumbs */
/* Contents Area */
/* Link */
/* Button */
/* Accordion */
/* Tab Menu */
/* TileLink */
/* NewsIndex */
/* TelephoneCallItem */
/* FullwidthVisuals&Carousel */
/* ImageCarousel */
/* Label/Tag */
/* DefinitionList */
/* YouTubeVideo */
/* FacebookPost */
/* TwitterPost */
/* InstagramPost */
/* Overlay */
/* Brand Footer */
/* Page Top */
/* Option */
/* Privacy Notice */
/* Application */
/*****************************
  principles font-family ゴシック
 *****************************/
/*
 Break-Point
 @param $point (sm, md, lg)
 */
/*
 Font-Size
 @param $level
        (lv1, lv2, lv3, lv4, lv5, lv6, body, caption)
 */
/*
 Font-Family（言語別展開）
 @param 変数名
 */
/*
 Font-Size（言語展開）
 @param 変数名
 */
/*
 Line-Height（言語展開）
 @param 変数名
 */
/*
 Letter-Spacing（言語展開）
 @param 変数名
 */
/*
 Link
 */
/*
 AreaLink
 */
/*
 Button
 */
/*
  gutterWrapper (Column)に対してガターマージンをセット
  @param $level s,m,l,xl,reset
*/
/*
  gutterInner (Column)に対してガターマージンをセット
  @param $level s,m,l,xl,reset
*/
/*
  gutterItemWrapperに対してマージンをセット
  @param $resetFlg マージンリセットフラグ
*/
/*
  gutterInnerに対してマージンをセット
  @param $resetFlg マージンリセットフラグ
*/
/*
  gutterWrapper (CarouselImage)に対してガターマージンをセット
  @param none
*/
/*
  gutterInner (CarouselImage)に対してガターマージンをセット
  @param none
*/
/*
  上マージン.
  @param $level s,m,l,xl
*/
/*
  下マージン.
  @param $level s,m,l,xl
*/
/*
  左マージン.
  @param $level s,m,l,xl
*/
/*
  右マージン.
  @param $level s,m,l,xl
*/
/*
 Corner Radius（※廃止予定）
 @param $size (ss, s, m, l, ll)
 */
/*
 Image(or Movie) Text Pack(Horizontal)内のHeadingTitle
 @param $imagePosition(left, right)
 */
/*
 Map Access Pack(Horizontal)内のHeadingTitle
 @param $mapPosition(left, right)
 */
/*
  シャドウ.
  @param $pattern A,B,none
*/
/*
  ボタン用シャドウ.
  @param $visible true,false
*/
/*
  Label/Tag Pack用 border
  @param $visible true,false
*/
/*
  Local Navigation用 border
  @param $visible true,false
*/
/* ------------------------- TOC
Almighty
 - Margin
 - Padding
 - Width
 - Background-color
 - Text-align
 - Font-Size
 - Font-Color
-------------------------- */
/* Hide ============================== */
@media only screen and (min-width: 1025px) {
  .opt-hide-lg {
    display: none !important;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-hide-md {
    display: none !important;
  }
}

@media only screen and (max-width: 640px) {
  .opt-hide-sm {
    display: none !important;
  }
}

/* Margin/Padding ====================== */
.opt-mg0 {
  margin: 0px;
}

.opt-mg0--imp {
  margin: 0px !important;
}

.opt-mt0 {
  margin-top: 0px;
}

.opt-mt0--imp {
  margin-top: 0px !important;
}

.opt-ml0 {
  margin-left: 0px;
}

.opt-ml0--imp {
  margin-left: 0px !important;
}

.opt-mr0 {
  margin-right: 0px;
}

.opt-mr0--imp {
  margin-right: 0px !important;
}

.opt-mb0 {
  margin-bottom: 0px;
}

.opt-mb0--imp {
  margin-bottom: 0px !important;
}

.opt-pd0 {
  padding: 0px;
}

.opt-pd0--imp {
  padding: 0px !important;
}

.opt-pt0 {
  padding-top: 0px;
}

.opt-pt0--imp {
  padding-top: 0px !important;
}

.opt-pl0 {
  padding-left: 0px;
}

.opt-pl0--imp {
  padding-left: 0px !important;
}

.opt-pr0 {
  padding-right: 0px;
}

.opt-pr0--imp {
  padding-right: 0px !important;
}

.opt-pb0 {
  padding-bottom: 0px;
}

.opt-pb0--imp {
  padding-bottom: 0px !important;
}

/* Margin/Padding for BreakPoint ====================== */
@media only screen and (max-width: 640px) {
  .opt-sm-mg0 {
    margin: 0px;
  }

  .opt-sm-mg0--imp {
    margin: 0px !important;
  }

  .opt-sm-mt0 {
    margin-top: 0px;
  }

  .opt-sm-mt0--imp {
    margin-top: 0px !important;
  }

  .opt-sm-ml0 {
    margin-left: 0px;
  }

  .opt-sm-ml0--imp {
    margin-left: 0px !important;
  }

  .opt-sm-mr0 {
    margin-right: 0px;
  }

  .opt-sm-mr0--imp {
    margin-right: 0px !important;
  }

  .opt-sm-mb0 {
    margin-bottom: 0px;
  }

  .opt-sm-mb0--imp {
    margin-bottom: 0px !important;
  }

  .opt-sm-pd0 {
    padding: 0px;
  }

  .opt-sm-pd0--imp {
    padding: 0px !important;
  }

  .opt-sm-pt0 {
    padding-top: 0px;
  }

  .opt-sm-pt0--imp {
    padding-top: 0px !important;
  }

  .opt-sm-pl0 {
    padding-left: 0px;
  }

  .opt-sm-pl0--imp {
    padding-left: 0px !important;
  }

  .opt-sm-pr0 {
    padding-right: 0px;
  }

  .opt-sm-pr0--imp {
    padding-right: 0px !important;
  }

  .opt-sm-pb0 {
    padding-bottom: 0px;
  }

  .opt-sm-pb0--imp {
    padding-bottom: 0px !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-mg0 {
    margin: 0px;
  }

  .opt-md-mg0--imp {
    margin: 0px !important;
  }

  .opt-md-mt0 {
    margin-top: 0px;
  }

  .opt-md-mt0--imp {
    margin-top: 0px !important;
  }

  .opt-md-ml0 {
    margin-left: 0px;
  }

  .opt-md-ml0--imp {
    margin-left: 0px !important;
  }

  .opt-md-mr0 {
    margin-right: 0px;
  }

  .opt-md-mr0--imp {
    margin-right: 0px !important;
  }

  .opt-md-mb0 {
    margin-bottom: 0px;
  }

  .opt-md-mb0--imp {
    margin-bottom: 0px !important;
  }

  .opt-md-pd0 {
    padding: 0px;
  }

  .opt-md-pd0--imp {
    padding: 0px !important;
  }

  .opt-md-pt0 {
    padding-top: 0px;
  }

  .opt-md-pt0--imp {
    padding-top: 0px !important;
  }

  .opt-md-pl0 {
    padding-left: 0px;
  }

  .opt-md-pl0--imp {
    padding-left: 0px !important;
  }

  .opt-md-pr0 {
    padding-right: 0px;
  }

  .opt-md-pr0--imp {
    padding-right: 0px !important;
  }

  .opt-md-pb0 {
    padding-bottom: 0px;
  }

  .opt-md-pb0--imp {
    padding-bottom: 0px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-mg0 {
    margin: 0px;
  }

  .opt-lg-mg0--imp {
    margin: 0px !important;
  }

  .opt-lg-mt0 {
    margin-top: 0px;
  }

  .opt-lg-mt0--imp {
    margin-top: 0px !important;
  }

  .opt-lg-ml0 {
    margin-left: 0px;
  }

  .opt-lg-ml0--imp {
    margin-left: 0px !important;
  }

  .opt-lg-mr0 {
    margin-right: 0px;
  }

  .opt-lg-mr0--imp {
    margin-right: 0px !important;
  }

  .opt-lg-mb0 {
    margin-bottom: 0px;
  }

  .opt-lg-mb0--imp {
    margin-bottom: 0px !important;
  }

  .opt-lg-pd0 {
    padding: 0px;
  }

  .opt-lg-pd0--imp {
    padding: 0px !important;
  }

  .opt-lg-pt0 {
    padding-top: 0px;
  }

  .opt-lg-pt0--imp {
    padding-top: 0px !important;
  }

  .opt-lg-pl0 {
    padding-left: 0px;
  }

  .opt-lg-pl0--imp {
    padding-left: 0px !important;
  }

  .opt-lg-pr0 {
    padding-right: 0px;
  }

  .opt-lg-pr0--imp {
    padding-right: 0px !important;
  }

  .opt-lg-pb0 {
    padding-bottom: 0px;
  }

  .opt-lg-pb0--imp {
    padding-bottom: 0px !important;
  }
}
.opt-mg10 {
  margin: 10px;
}

.opt-mg10--imp {
  margin: 10px !important;
}

.opt-mt10 {
  margin-top: 10px;
}

.opt-mt10--imp {
  margin-top: 10px !important;
}

.opt-ml10 {
  margin-left: 10px;
}

.opt-ml10--imp {
  margin-left: 10px !important;
}

.opt-mr10 {
  margin-right: 10px;
}

.opt-mr10--imp {
  margin-right: 10px !important;
}

.opt-mb10 {
  margin-bottom: 10px;
}

.opt-mb10--imp {
  margin-bottom: 10px !important;
}

.opt-pd10 {
  padding: 10px;
}

.opt-pd10--imp {
  padding: 10px !important;
}

.opt-pt10 {
  padding-top: 10px;
}

.opt-pt10--imp {
  padding-top: 10px !important;
}

.opt-pl10 {
  padding-left: 10px;
}

.opt-pl10--imp {
  padding-left: 10px !important;
}

.opt-pr10 {
  padding-right: 10px;
}

.opt-pr10--imp {
  padding-right: 10px !important;
}

.opt-pb10 {
  padding-bottom: 10px;
}

.opt-pb10--imp {
  padding-bottom: 10px !important;
}

/* Margin/Padding for BreakPoint ====================== */
@media only screen and (max-width: 640px) {
  .opt-sm-mg10 {
    margin: 10px;
  }

  .opt-sm-mg10--imp {
    margin: 10px !important;
  }

  .opt-sm-mt10 {
    margin-top: 10px;
  }

  .opt-sm-mt10--imp {
    margin-top: 10px !important;
  }

  .opt-sm-ml10 {
    margin-left: 10px;
  }

  .opt-sm-ml10--imp {
    margin-left: 10px !important;
  }

  .opt-sm-mr10 {
    margin-right: 10px;
  }

  .opt-sm-mr10--imp {
    margin-right: 10px !important;
  }

  .opt-sm-mb10 {
    margin-bottom: 10px;
  }

  .opt-sm-mb10--imp {
    margin-bottom: 10px !important;
  }

  .opt-sm-pd10 {
    padding: 10px;
  }

  .opt-sm-pd10--imp {
    padding: 10px !important;
  }

  .opt-sm-pt10 {
    padding-top: 10px;
  }

  .opt-sm-pt10--imp {
    padding-top: 10px !important;
  }

  .opt-sm-pl10 {
    padding-left: 10px;
  }

  .opt-sm-pl10--imp {
    padding-left: 10px !important;
  }

  .opt-sm-pr10 {
    padding-right: 10px;
  }

  .opt-sm-pr10--imp {
    padding-right: 10px !important;
  }

  .opt-sm-pb10 {
    padding-bottom: 10px;
  }

  .opt-sm-pb10--imp {
    padding-bottom: 10px !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-mg10 {
    margin: 10px;
  }

  .opt-md-mg10--imp {
    margin: 10px !important;
  }

  .opt-md-mt10 {
    margin-top: 10px;
  }

  .opt-md-mt10--imp {
    margin-top: 10px !important;
  }

  .opt-md-ml10 {
    margin-left: 10px;
  }

  .opt-md-ml10--imp {
    margin-left: 10px !important;
  }

  .opt-md-mr10 {
    margin-right: 10px;
  }

  .opt-md-mr10--imp {
    margin-right: 10px !important;
  }

  .opt-md-mb10 {
    margin-bottom: 10px;
  }

  .opt-md-mb10--imp {
    margin-bottom: 10px !important;
  }

  .opt-md-pd10 {
    padding: 10px;
  }

  .opt-md-pd10--imp {
    padding: 10px !important;
  }

  .opt-md-pt10 {
    padding-top: 10px;
  }

  .opt-md-pt10--imp {
    padding-top: 10px !important;
  }

  .opt-md-pl10 {
    padding-left: 10px;
  }

  .opt-md-pl10--imp {
    padding-left: 10px !important;
  }

  .opt-md-pr10 {
    padding-right: 10px;
  }

  .opt-md-pr10--imp {
    padding-right: 10px !important;
  }

  .opt-md-pb10 {
    padding-bottom: 10px;
  }

  .opt-md-pb10--imp {
    padding-bottom: 10px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-mg10 {
    margin: 10px;
  }

  .opt-lg-mg10--imp {
    margin: 10px !important;
  }

  .opt-lg-mt10 {
    margin-top: 10px;
  }

  .opt-lg-mt10--imp {
    margin-top: 10px !important;
  }

  .opt-lg-ml10 {
    margin-left: 10px;
  }

  .opt-lg-ml10--imp {
    margin-left: 10px !important;
  }

  .opt-lg-mr10 {
    margin-right: 10px;
  }

  .opt-lg-mr10--imp {
    margin-right: 10px !important;
  }

  .opt-lg-mb10 {
    margin-bottom: 10px;
  }

  .opt-lg-mb10--imp {
    margin-bottom: 10px !important;
  }

  .opt-lg-pd10 {
    padding: 10px;
  }

  .opt-lg-pd10--imp {
    padding: 10px !important;
  }

  .opt-lg-pt10 {
    padding-top: 10px;
  }

  .opt-lg-pt10--imp {
    padding-top: 10px !important;
  }

  .opt-lg-pl10 {
    padding-left: 10px;
  }

  .opt-lg-pl10--imp {
    padding-left: 10px !important;
  }

  .opt-lg-pr10 {
    padding-right: 10px;
  }

  .opt-lg-pr10--imp {
    padding-right: 10px !important;
  }

  .opt-lg-pb10 {
    padding-bottom: 10px;
  }

  .opt-lg-pb10--imp {
    padding-bottom: 10px !important;
  }
}
.opt-mg20 {
  margin: 20px;
}

.opt-mg20--imp {
  margin: 20px !important;
}

.opt-mt20 {
  margin-top: 20px;
}

.opt-mt20--imp {
  margin-top: 20px !important;
}

.opt-ml20 {
  margin-left: 20px;
}

.opt-ml20--imp {
  margin-left: 20px !important;
}

.opt-mr20 {
  margin-right: 20px;
}

.opt-mr20--imp {
  margin-right: 20px !important;
}

.opt-mb20 {
  margin-bottom: 20px;
}

.opt-mb20--imp {
  margin-bottom: 20px !important;
}

.opt-pd20 {
  padding: 20px;
}

.opt-pd20--imp {
  padding: 20px !important;
}

.opt-pt20 {
  padding-top: 20px;
}

.opt-pt20--imp {
  padding-top: 20px !important;
}

.opt-pl20 {
  padding-left: 20px;
}

.opt-pl20--imp {
  padding-left: 20px !important;
}

.opt-pr20 {
  padding-right: 20px;
}

.opt-pr20--imp {
  padding-right: 20px !important;
}

.opt-pb20 {
  padding-bottom: 20px;
}

.opt-pb20--imp {
  padding-bottom: 20px !important;
}

/* Margin/Padding for BreakPoint ====================== */
@media only screen and (max-width: 640px) {
  .opt-sm-mg20 {
    margin: 20px;
  }

  .opt-sm-mg20--imp {
    margin: 20px !important;
  }

  .opt-sm-mt20 {
    margin-top: 20px;
  }

  .opt-sm-mt20--imp {
    margin-top: 20px !important;
  }

  .opt-sm-ml20 {
    margin-left: 20px;
  }

  .opt-sm-ml20--imp {
    margin-left: 20px !important;
  }

  .opt-sm-mr20 {
    margin-right: 20px;
  }

  .opt-sm-mr20--imp {
    margin-right: 20px !important;
  }

  .opt-sm-mb20 {
    margin-bottom: 20px;
  }

  .opt-sm-mb20--imp {
    margin-bottom: 20px !important;
  }

  .opt-sm-pd20 {
    padding: 20px;
  }

  .opt-sm-pd20--imp {
    padding: 20px !important;
  }

  .opt-sm-pt20 {
    padding-top: 20px;
  }

  .opt-sm-pt20--imp {
    padding-top: 20px !important;
  }

  .opt-sm-pl20 {
    padding-left: 20px;
  }

  .opt-sm-pl20--imp {
    padding-left: 20px !important;
  }

  .opt-sm-pr20 {
    padding-right: 20px;
  }

  .opt-sm-pr20--imp {
    padding-right: 20px !important;
  }

  .opt-sm-pb20 {
    padding-bottom: 20px;
  }

  .opt-sm-pb20--imp {
    padding-bottom: 20px !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-mg20 {
    margin: 20px;
  }

  .opt-md-mg20--imp {
    margin: 20px !important;
  }

  .opt-md-mt20 {
    margin-top: 20px;
  }

  .opt-md-mt20--imp {
    margin-top: 20px !important;
  }

  .opt-md-ml20 {
    margin-left: 20px;
  }

  .opt-md-ml20--imp {
    margin-left: 20px !important;
  }

  .opt-md-mr20 {
    margin-right: 20px;
  }

  .opt-md-mr20--imp {
    margin-right: 20px !important;
  }

  .opt-md-mb20 {
    margin-bottom: 20px;
  }

  .opt-md-mb20--imp {
    margin-bottom: 20px !important;
  }

  .opt-md-pd20 {
    padding: 20px;
  }

  .opt-md-pd20--imp {
    padding: 20px !important;
  }

  .opt-md-pt20 {
    padding-top: 20px;
  }

  .opt-md-pt20--imp {
    padding-top: 20px !important;
  }

  .opt-md-pl20 {
    padding-left: 20px;
  }

  .opt-md-pl20--imp {
    padding-left: 20px !important;
  }

  .opt-md-pr20 {
    padding-right: 20px;
  }

  .opt-md-pr20--imp {
    padding-right: 20px !important;
  }

  .opt-md-pb20 {
    padding-bottom: 20px;
  }

  .opt-md-pb20--imp {
    padding-bottom: 20px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-mg20 {
    margin: 20px;
  }

  .opt-lg-mg20--imp {
    margin: 20px !important;
  }

  .opt-lg-mt20 {
    margin-top: 20px;
  }

  .opt-lg-mt20--imp {
    margin-top: 20px !important;
  }

  .opt-lg-ml20 {
    margin-left: 20px;
  }

  .opt-lg-ml20--imp {
    margin-left: 20px !important;
  }

  .opt-lg-mr20 {
    margin-right: 20px;
  }

  .opt-lg-mr20--imp {
    margin-right: 20px !important;
  }

  .opt-lg-mb20 {
    margin-bottom: 20px;
  }

  .opt-lg-mb20--imp {
    margin-bottom: 20px !important;
  }

  .opt-lg-pd20 {
    padding: 20px;
  }

  .opt-lg-pd20--imp {
    padding: 20px !important;
  }

  .opt-lg-pt20 {
    padding-top: 20px;
  }

  .opt-lg-pt20--imp {
    padding-top: 20px !important;
  }

  .opt-lg-pl20 {
    padding-left: 20px;
  }

  .opt-lg-pl20--imp {
    padding-left: 20px !important;
  }

  .opt-lg-pr20 {
    padding-right: 20px;
  }

  .opt-lg-pr20--imp {
    padding-right: 20px !important;
  }

  .opt-lg-pb20 {
    padding-bottom: 20px;
  }

  .opt-lg-pb20--imp {
    padding-bottom: 20px !important;
  }
}
.opt-mg30 {
  margin: 30px;
}

.opt-mg30--imp {
  margin: 30px !important;
}

.opt-mt30 {
  margin-top: 30px;
}

.opt-mt30--imp {
  margin-top: 30px !important;
}

.opt-ml30 {
  margin-left: 30px;
}

.opt-ml30--imp {
  margin-left: 30px !important;
}

.opt-mr30 {
  margin-right: 30px;
}

.opt-mr30--imp {
  margin-right: 30px !important;
}

.opt-mb30 {
  margin-bottom: 30px;
}

.opt-mb30--imp {
  margin-bottom: 30px !important;
}

.opt-pd30 {
  padding: 30px;
}

.opt-pd30--imp {
  padding: 30px !important;
}

.opt-pt30 {
  padding-top: 30px;
}

.opt-pt30--imp {
  padding-top: 30px !important;
}

.opt-pl30 {
  padding-left: 30px;
}

.opt-pl30--imp {
  padding-left: 30px !important;
}

.opt-pr30 {
  padding-right: 30px;
}

.opt-pr30--imp {
  padding-right: 30px !important;
}

.opt-pb30 {
  padding-bottom: 30px;
}

.opt-pb30--imp {
  padding-bottom: 30px !important;
}

/* Margin/Padding for BreakPoint ====================== */
@media only screen and (max-width: 640px) {
  .opt-sm-mg30 {
    margin: 30px;
  }

  .opt-sm-mg30--imp {
    margin: 30px !important;
  }

  .opt-sm-mt30 {
    margin-top: 30px;
  }

  .opt-sm-mt30--imp {
    margin-top: 30px !important;
  }

  .opt-sm-ml30 {
    margin-left: 30px;
  }

  .opt-sm-ml30--imp {
    margin-left: 30px !important;
  }

  .opt-sm-mr30 {
    margin-right: 30px;
  }

  .opt-sm-mr30--imp {
    margin-right: 30px !important;
  }

  .opt-sm-mb30 {
    margin-bottom: 30px;
  }

  .opt-sm-mb30--imp {
    margin-bottom: 30px !important;
  }

  .opt-sm-pd30 {
    padding: 30px;
  }

  .opt-sm-pd30--imp {
    padding: 30px !important;
  }

  .opt-sm-pt30 {
    padding-top: 30px;
  }

  .opt-sm-pt30--imp {
    padding-top: 30px !important;
  }

  .opt-sm-pl30 {
    padding-left: 30px;
  }

  .opt-sm-pl30--imp {
    padding-left: 30px !important;
  }

  .opt-sm-pr30 {
    padding-right: 30px;
  }

  .opt-sm-pr30--imp {
    padding-right: 30px !important;
  }

  .opt-sm-pb30 {
    padding-bottom: 30px;
  }

  .opt-sm-pb30--imp {
    padding-bottom: 30px !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-mg30 {
    margin: 30px;
  }

  .opt-md-mg30--imp {
    margin: 30px !important;
  }

  .opt-md-mt30 {
    margin-top: 30px;
  }

  .opt-md-mt30--imp {
    margin-top: 30px !important;
  }

  .opt-md-ml30 {
    margin-left: 30px;
  }

  .opt-md-ml30--imp {
    margin-left: 30px !important;
  }

  .opt-md-mr30 {
    margin-right: 30px;
  }

  .opt-md-mr30--imp {
    margin-right: 30px !important;
  }

  .opt-md-mb30 {
    margin-bottom: 30px;
  }

  .opt-md-mb30--imp {
    margin-bottom: 30px !important;
  }

  .opt-md-pd30 {
    padding: 30px;
  }

  .opt-md-pd30--imp {
    padding: 30px !important;
  }

  .opt-md-pt30 {
    padding-top: 30px;
  }

  .opt-md-pt30--imp {
    padding-top: 30px !important;
  }

  .opt-md-pl30 {
    padding-left: 30px;
  }

  .opt-md-pl30--imp {
    padding-left: 30px !important;
  }

  .opt-md-pr30 {
    padding-right: 30px;
  }

  .opt-md-pr30--imp {
    padding-right: 30px !important;
  }

  .opt-md-pb30 {
    padding-bottom: 30px;
  }

  .opt-md-pb30--imp {
    padding-bottom: 30px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-mg30 {
    margin: 30px;
  }

  .opt-lg-mg30--imp {
    margin: 30px !important;
  }

  .opt-lg-mt30 {
    margin-top: 30px;
  }

  .opt-lg-mt30--imp {
    margin-top: 30px !important;
  }

  .opt-lg-ml30 {
    margin-left: 30px;
  }

  .opt-lg-ml30--imp {
    margin-left: 30px !important;
  }

  .opt-lg-mr30 {
    margin-right: 30px;
  }

  .opt-lg-mr30--imp {
    margin-right: 30px !important;
  }

  .opt-lg-mb30 {
    margin-bottom: 30px;
  }

  .opt-lg-mb30--imp {
    margin-bottom: 30px !important;
  }

  .opt-lg-pd30 {
    padding: 30px;
  }

  .opt-lg-pd30--imp {
    padding: 30px !important;
  }

  .opt-lg-pt30 {
    padding-top: 30px;
  }

  .opt-lg-pt30--imp {
    padding-top: 30px !important;
  }

  .opt-lg-pl30 {
    padding-left: 30px;
  }

  .opt-lg-pl30--imp {
    padding-left: 30px !important;
  }

  .opt-lg-pr30 {
    padding-right: 30px;
  }

  .opt-lg-pr30--imp {
    padding-right: 30px !important;
  }

  .opt-lg-pb30 {
    padding-bottom: 30px;
  }

  .opt-lg-pb30--imp {
    padding-bottom: 30px !important;
  }
}
.opt-mg40 {
  margin: 40px;
}

.opt-mg40--imp {
  margin: 40px !important;
}

.opt-mt40 {
  margin-top: 40px;
}

.opt-mt40--imp {
  margin-top: 40px !important;
}

.opt-ml40 {
  margin-left: 40px;
}

.opt-ml40--imp {
  margin-left: 40px !important;
}

.opt-mr40 {
  margin-right: 40px;
}

.opt-mr40--imp {
  margin-right: 40px !important;
}

.opt-mb40 {
  margin-bottom: 40px;
}

.opt-mb40--imp {
  margin-bottom: 40px !important;
}

.opt-pd40 {
  padding: 40px;
}

.opt-pd40--imp {
  padding: 40px !important;
}

.opt-pt40 {
  padding-top: 40px;
}

.opt-pt40--imp {
  padding-top: 40px !important;
}

.opt-pl40 {
  padding-left: 40px;
}

.opt-pl40--imp {
  padding-left: 40px !important;
}

.opt-pr40 {
  padding-right: 40px;
}

.opt-pr40--imp {
  padding-right: 40px !important;
}

.opt-pb40 {
  padding-bottom: 40px;
}

.opt-pb40--imp {
  padding-bottom: 40px !important;
}

/* Margin/Padding for BreakPoint ====================== */
@media only screen and (max-width: 640px) {
  .opt-sm-mg40 {
    margin: 40px;
  }

  .opt-sm-mg40--imp {
    margin: 40px !important;
  }

  .opt-sm-mt40 {
    margin-top: 40px;
  }

  .opt-sm-mt40--imp {
    margin-top: 40px !important;
  }

  .opt-sm-ml40 {
    margin-left: 40px;
  }

  .opt-sm-ml40--imp {
    margin-left: 40px !important;
  }

  .opt-sm-mr40 {
    margin-right: 40px;
  }

  .opt-sm-mr40--imp {
    margin-right: 40px !important;
  }

  .opt-sm-mb40 {
    margin-bottom: 40px;
  }

  .opt-sm-mb40--imp {
    margin-bottom: 40px !important;
  }

  .opt-sm-pd40 {
    padding: 40px;
  }

  .opt-sm-pd40--imp {
    padding: 40px !important;
  }

  .opt-sm-pt40 {
    padding-top: 40px;
  }

  .opt-sm-pt40--imp {
    padding-top: 40px !important;
  }

  .opt-sm-pl40 {
    padding-left: 40px;
  }

  .opt-sm-pl40--imp {
    padding-left: 40px !important;
  }

  .opt-sm-pr40 {
    padding-right: 40px;
  }

  .opt-sm-pr40--imp {
    padding-right: 40px !important;
  }

  .opt-sm-pb40 {
    padding-bottom: 40px;
  }

  .opt-sm-pb40--imp {
    padding-bottom: 40px !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-mg40 {
    margin: 40px;
  }

  .opt-md-mg40--imp {
    margin: 40px !important;
  }

  .opt-md-mt40 {
    margin-top: 40px;
  }

  .opt-md-mt40--imp {
    margin-top: 40px !important;
  }

  .opt-md-ml40 {
    margin-left: 40px;
  }

  .opt-md-ml40--imp {
    margin-left: 40px !important;
  }

  .opt-md-mr40 {
    margin-right: 40px;
  }

  .opt-md-mr40--imp {
    margin-right: 40px !important;
  }

  .opt-md-mb40 {
    margin-bottom: 40px;
  }

  .opt-md-mb40--imp {
    margin-bottom: 40px !important;
  }

  .opt-md-pd40 {
    padding: 40px;
  }

  .opt-md-pd40--imp {
    padding: 40px !important;
  }

  .opt-md-pt40 {
    padding-top: 40px;
  }

  .opt-md-pt40--imp {
    padding-top: 40px !important;
  }

  .opt-md-pl40 {
    padding-left: 40px;
  }

  .opt-md-pl40--imp {
    padding-left: 40px !important;
  }

  .opt-md-pr40 {
    padding-right: 40px;
  }

  .opt-md-pr40--imp {
    padding-right: 40px !important;
  }

  .opt-md-pb40 {
    padding-bottom: 40px;
  }

  .opt-md-pb40--imp {
    padding-bottom: 40px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-mg40 {
    margin: 40px;
  }

  .opt-lg-mg40--imp {
    margin: 40px !important;
  }

  .opt-lg-mt40 {
    margin-top: 40px;
  }

  .opt-lg-mt40--imp {
    margin-top: 40px !important;
  }

  .opt-lg-ml40 {
    margin-left: 40px;
  }

  .opt-lg-ml40--imp {
    margin-left: 40px !important;
  }

  .opt-lg-mr40 {
    margin-right: 40px;
  }

  .opt-lg-mr40--imp {
    margin-right: 40px !important;
  }

  .opt-lg-mb40 {
    margin-bottom: 40px;
  }

  .opt-lg-mb40--imp {
    margin-bottom: 40px !important;
  }

  .opt-lg-pd40 {
    padding: 40px;
  }

  .opt-lg-pd40--imp {
    padding: 40px !important;
  }

  .opt-lg-pt40 {
    padding-top: 40px;
  }

  .opt-lg-pt40--imp {
    padding-top: 40px !important;
  }

  .opt-lg-pl40 {
    padding-left: 40px;
  }

  .opt-lg-pl40--imp {
    padding-left: 40px !important;
  }

  .opt-lg-pr40 {
    padding-right: 40px;
  }

  .opt-lg-pr40--imp {
    padding-right: 40px !important;
  }

  .opt-lg-pb40 {
    padding-bottom: 40px;
  }

  .opt-lg-pb40--imp {
    padding-bottom: 40px !important;
  }
}
.opt-mg50 {
  margin: 50px;
}

.opt-mg50--imp {
  margin: 50px !important;
}

.opt-mt50 {
  margin-top: 50px;
}

.opt-mt50--imp {
  margin-top: 50px !important;
}

.opt-ml50 {
  margin-left: 50px;
}

.opt-ml50--imp {
  margin-left: 50px !important;
}

.opt-mr50 {
  margin-right: 50px;
}

.opt-mr50--imp {
  margin-right: 50px !important;
}

.opt-mb50 {
  margin-bottom: 50px;
}

.opt-mb50--imp {
  margin-bottom: 50px !important;
}

.opt-pd50 {
  padding: 50px;
}

.opt-pd50--imp {
  padding: 50px !important;
}

.opt-pt50 {
  padding-top: 50px;
}

.opt-pt50--imp {
  padding-top: 50px !important;
}

.opt-pl50 {
  padding-left: 50px;
}

.opt-pl50--imp {
  padding-left: 50px !important;
}

.opt-pr50 {
  padding-right: 50px;
}

.opt-pr50--imp {
  padding-right: 50px !important;
}

.opt-pb50 {
  padding-bottom: 50px;
}

.opt-pb50--imp {
  padding-bottom: 50px !important;
}

/* Margin/Padding for BreakPoint ====================== */
@media only screen and (max-width: 640px) {
  .opt-sm-mg50 {
    margin: 50px;
  }

  .opt-sm-mg50--imp {
    margin: 50px !important;
  }

  .opt-sm-mt50 {
    margin-top: 50px;
  }

  .opt-sm-mt50--imp {
    margin-top: 50px !important;
  }

  .opt-sm-ml50 {
    margin-left: 50px;
  }

  .opt-sm-ml50--imp {
    margin-left: 50px !important;
  }

  .opt-sm-mr50 {
    margin-right: 50px;
  }

  .opt-sm-mr50--imp {
    margin-right: 50px !important;
  }

  .opt-sm-mb50 {
    margin-bottom: 50px;
  }

  .opt-sm-mb50--imp {
    margin-bottom: 50px !important;
  }

  .opt-sm-pd50 {
    padding: 50px;
  }

  .opt-sm-pd50--imp {
    padding: 50px !important;
  }

  .opt-sm-pt50 {
    padding-top: 50px;
  }

  .opt-sm-pt50--imp {
    padding-top: 50px !important;
  }

  .opt-sm-pl50 {
    padding-left: 50px;
  }

  .opt-sm-pl50--imp {
    padding-left: 50px !important;
  }

  .opt-sm-pr50 {
    padding-right: 50px;
  }

  .opt-sm-pr50--imp {
    padding-right: 50px !important;
  }

  .opt-sm-pb50 {
    padding-bottom: 50px;
  }

  .opt-sm-pb50--imp {
    padding-bottom: 50px !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-mg50 {
    margin: 50px;
  }

  .opt-md-mg50--imp {
    margin: 50px !important;
  }

  .opt-md-mt50 {
    margin-top: 50px;
  }

  .opt-md-mt50--imp {
    margin-top: 50px !important;
  }

  .opt-md-ml50 {
    margin-left: 50px;
  }

  .opt-md-ml50--imp {
    margin-left: 50px !important;
  }

  .opt-md-mr50 {
    margin-right: 50px;
  }

  .opt-md-mr50--imp {
    margin-right: 50px !important;
  }

  .opt-md-mb50 {
    margin-bottom: 50px;
  }

  .opt-md-mb50--imp {
    margin-bottom: 50px !important;
  }

  .opt-md-pd50 {
    padding: 50px;
  }

  .opt-md-pd50--imp {
    padding: 50px !important;
  }

  .opt-md-pt50 {
    padding-top: 50px;
  }

  .opt-md-pt50--imp {
    padding-top: 50px !important;
  }

  .opt-md-pl50 {
    padding-left: 50px;
  }

  .opt-md-pl50--imp {
    padding-left: 50px !important;
  }

  .opt-md-pr50 {
    padding-right: 50px;
  }

  .opt-md-pr50--imp {
    padding-right: 50px !important;
  }

  .opt-md-pb50 {
    padding-bottom: 50px;
  }

  .opt-md-pb50--imp {
    padding-bottom: 50px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-mg50 {
    margin: 50px;
  }

  .opt-lg-mg50--imp {
    margin: 50px !important;
  }

  .opt-lg-mt50 {
    margin-top: 50px;
  }

  .opt-lg-mt50--imp {
    margin-top: 50px !important;
  }

  .opt-lg-ml50 {
    margin-left: 50px;
  }

  .opt-lg-ml50--imp {
    margin-left: 50px !important;
  }

  .opt-lg-mr50 {
    margin-right: 50px;
  }

  .opt-lg-mr50--imp {
    margin-right: 50px !important;
  }

  .opt-lg-mb50 {
    margin-bottom: 50px;
  }

  .opt-lg-mb50--imp {
    margin-bottom: 50px !important;
  }

  .opt-lg-pd50 {
    padding: 50px;
  }

  .opt-lg-pd50--imp {
    padding: 50px !important;
  }

  .opt-lg-pt50 {
    padding-top: 50px;
  }

  .opt-lg-pt50--imp {
    padding-top: 50px !important;
  }

  .opt-lg-pl50 {
    padding-left: 50px;
  }

  .opt-lg-pl50--imp {
    padding-left: 50px !important;
  }

  .opt-lg-pr50 {
    padding-right: 50px;
  }

  .opt-lg-pr50--imp {
    padding-right: 50px !important;
  }

  .opt-lg-pb50 {
    padding-bottom: 50px;
  }

  .opt-lg-pb50--imp {
    padding-bottom: 50px !important;
  }
}
.opt-mg60 {
  margin: 60px;
}

.opt-mg60--imp {
  margin: 60px !important;
}

.opt-mt60 {
  margin-top: 60px;
}

.opt-mt60--imp {
  margin-top: 60px !important;
}

.opt-ml60 {
  margin-left: 60px;
}

.opt-ml60--imp {
  margin-left: 60px !important;
}

.opt-mr60 {
  margin-right: 60px;
}

.opt-mr60--imp {
  margin-right: 60px !important;
}

.opt-mb60 {
  margin-bottom: 60px;
}

.opt-mb60--imp {
  margin-bottom: 60px !important;
}

.opt-pd60 {
  padding: 60px;
}

.opt-pd60--imp {
  padding: 60px !important;
}

.opt-pt60 {
  padding-top: 60px;
}

.opt-pt60--imp {
  padding-top: 60px !important;
}

.opt-pl60 {
  padding-left: 60px;
}

.opt-pl60--imp {
  padding-left: 60px !important;
}

.opt-pr60 {
  padding-right: 60px;
}

.opt-pr60--imp {
  padding-right: 60px !important;
}

.opt-pb60 {
  padding-bottom: 60px;
}

.opt-pb60--imp {
  padding-bottom: 60px !important;
}

/* Margin/Padding for BreakPoint ====================== */
@media only screen and (max-width: 640px) {
  .opt-sm-mg60 {
    margin: 60px;
  }

  .opt-sm-mg60--imp {
    margin: 60px !important;
  }

  .opt-sm-mt60 {
    margin-top: 60px;
  }

  .opt-sm-mt60--imp {
    margin-top: 60px !important;
  }

  .opt-sm-ml60 {
    margin-left: 60px;
  }

  .opt-sm-ml60--imp {
    margin-left: 60px !important;
  }

  .opt-sm-mr60 {
    margin-right: 60px;
  }

  .opt-sm-mr60--imp {
    margin-right: 60px !important;
  }

  .opt-sm-mb60 {
    margin-bottom: 60px;
  }

  .opt-sm-mb60--imp {
    margin-bottom: 60px !important;
  }

  .opt-sm-pd60 {
    padding: 60px;
  }

  .opt-sm-pd60--imp {
    padding: 60px !important;
  }

  .opt-sm-pt60 {
    padding-top: 60px;
  }

  .opt-sm-pt60--imp {
    padding-top: 60px !important;
  }

  .opt-sm-pl60 {
    padding-left: 60px;
  }

  .opt-sm-pl60--imp {
    padding-left: 60px !important;
  }

  .opt-sm-pr60 {
    padding-right: 60px;
  }

  .opt-sm-pr60--imp {
    padding-right: 60px !important;
  }

  .opt-sm-pb60 {
    padding-bottom: 60px;
  }

  .opt-sm-pb60--imp {
    padding-bottom: 60px !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-mg60 {
    margin: 60px;
  }

  .opt-md-mg60--imp {
    margin: 60px !important;
  }

  .opt-md-mt60 {
    margin-top: 60px;
  }

  .opt-md-mt60--imp {
    margin-top: 60px !important;
  }

  .opt-md-ml60 {
    margin-left: 60px;
  }

  .opt-md-ml60--imp {
    margin-left: 60px !important;
  }

  .opt-md-mr60 {
    margin-right: 60px;
  }

  .opt-md-mr60--imp {
    margin-right: 60px !important;
  }

  .opt-md-mb60 {
    margin-bottom: 60px;
  }

  .opt-md-mb60--imp {
    margin-bottom: 60px !important;
  }

  .opt-md-pd60 {
    padding: 60px;
  }

  .opt-md-pd60--imp {
    padding: 60px !important;
  }

  .opt-md-pt60 {
    padding-top: 60px;
  }

  .opt-md-pt60--imp {
    padding-top: 60px !important;
  }

  .opt-md-pl60 {
    padding-left: 60px;
  }

  .opt-md-pl60--imp {
    padding-left: 60px !important;
  }

  .opt-md-pr60 {
    padding-right: 60px;
  }

  .opt-md-pr60--imp {
    padding-right: 60px !important;
  }

  .opt-md-pb60 {
    padding-bottom: 60px;
  }

  .opt-md-pb60--imp {
    padding-bottom: 60px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-mg60 {
    margin: 60px;
  }

  .opt-lg-mg60--imp {
    margin: 60px !important;
  }

  .opt-lg-mt60 {
    margin-top: 60px;
  }

  .opt-lg-mt60--imp {
    margin-top: 60px !important;
  }

  .opt-lg-ml60 {
    margin-left: 60px;
  }

  .opt-lg-ml60--imp {
    margin-left: 60px !important;
  }

  .opt-lg-mr60 {
    margin-right: 60px;
  }

  .opt-lg-mr60--imp {
    margin-right: 60px !important;
  }

  .opt-lg-mb60 {
    margin-bottom: 60px;
  }

  .opt-lg-mb60--imp {
    margin-bottom: 60px !important;
  }

  .opt-lg-pd60 {
    padding: 60px;
  }

  .opt-lg-pd60--imp {
    padding: 60px !important;
  }

  .opt-lg-pt60 {
    padding-top: 60px;
  }

  .opt-lg-pt60--imp {
    padding-top: 60px !important;
  }

  .opt-lg-pl60 {
    padding-left: 60px;
  }

  .opt-lg-pl60--imp {
    padding-left: 60px !important;
  }

  .opt-lg-pr60 {
    padding-right: 60px;
  }

  .opt-lg-pr60--imp {
    padding-right: 60px !important;
  }

  .opt-lg-pb60 {
    padding-bottom: 60px;
  }

  .opt-lg-pb60--imp {
    padding-bottom: 60px !important;
  }
}
.opt-mg70 {
  margin: 70px;
}

.opt-mg70--imp {
  margin: 70px !important;
}

.opt-mt70 {
  margin-top: 70px;
}

.opt-mt70--imp {
  margin-top: 70px !important;
}

.opt-ml70 {
  margin-left: 70px;
}

.opt-ml70--imp {
  margin-left: 70px !important;
}

.opt-mr70 {
  margin-right: 70px;
}

.opt-mr70--imp {
  margin-right: 70px !important;
}

.opt-mb70 {
  margin-bottom: 70px;
}

.opt-mb70--imp {
  margin-bottom: 70px !important;
}

.opt-pd70 {
  padding: 70px;
}

.opt-pd70--imp {
  padding: 70px !important;
}

.opt-pt70 {
  padding-top: 70px;
}

.opt-pt70--imp {
  padding-top: 70px !important;
}

.opt-pl70 {
  padding-left: 70px;
}

.opt-pl70--imp {
  padding-left: 70px !important;
}

.opt-pr70 {
  padding-right: 70px;
}

.opt-pr70--imp {
  padding-right: 70px !important;
}

.opt-pb70 {
  padding-bottom: 70px;
}

.opt-pb70--imp {
  padding-bottom: 70px !important;
}

/* Margin/Padding for BreakPoint ====================== */
@media only screen and (max-width: 640px) {
  .opt-sm-mg70 {
    margin: 70px;
  }

  .opt-sm-mg70--imp {
    margin: 70px !important;
  }

  .opt-sm-mt70 {
    margin-top: 70px;
  }

  .opt-sm-mt70--imp {
    margin-top: 70px !important;
  }

  .opt-sm-ml70 {
    margin-left: 70px;
  }

  .opt-sm-ml70--imp {
    margin-left: 70px !important;
  }

  .opt-sm-mr70 {
    margin-right: 70px;
  }

  .opt-sm-mr70--imp {
    margin-right: 70px !important;
  }

  .opt-sm-mb70 {
    margin-bottom: 70px;
  }

  .opt-sm-mb70--imp {
    margin-bottom: 70px !important;
  }

  .opt-sm-pd70 {
    padding: 70px;
  }

  .opt-sm-pd70--imp {
    padding: 70px !important;
  }

  .opt-sm-pt70 {
    padding-top: 70px;
  }

  .opt-sm-pt70--imp {
    padding-top: 70px !important;
  }

  .opt-sm-pl70 {
    padding-left: 70px;
  }

  .opt-sm-pl70--imp {
    padding-left: 70px !important;
  }

  .opt-sm-pr70 {
    padding-right: 70px;
  }

  .opt-sm-pr70--imp {
    padding-right: 70px !important;
  }

  .opt-sm-pb70 {
    padding-bottom: 70px;
  }

  .opt-sm-pb70--imp {
    padding-bottom: 70px !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-mg70 {
    margin: 70px;
  }

  .opt-md-mg70--imp {
    margin: 70px !important;
  }

  .opt-md-mt70 {
    margin-top: 70px;
  }

  .opt-md-mt70--imp {
    margin-top: 70px !important;
  }

  .opt-md-ml70 {
    margin-left: 70px;
  }

  .opt-md-ml70--imp {
    margin-left: 70px !important;
  }

  .opt-md-mr70 {
    margin-right: 70px;
  }

  .opt-md-mr70--imp {
    margin-right: 70px !important;
  }

  .opt-md-mb70 {
    margin-bottom: 70px;
  }

  .opt-md-mb70--imp {
    margin-bottom: 70px !important;
  }

  .opt-md-pd70 {
    padding: 70px;
  }

  .opt-md-pd70--imp {
    padding: 70px !important;
  }

  .opt-md-pt70 {
    padding-top: 70px;
  }

  .opt-md-pt70--imp {
    padding-top: 70px !important;
  }

  .opt-md-pl70 {
    padding-left: 70px;
  }

  .opt-md-pl70--imp {
    padding-left: 70px !important;
  }

  .opt-md-pr70 {
    padding-right: 70px;
  }

  .opt-md-pr70--imp {
    padding-right: 70px !important;
  }

  .opt-md-pb70 {
    padding-bottom: 70px;
  }

  .opt-md-pb70--imp {
    padding-bottom: 70px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-mg70 {
    margin: 70px;
  }

  .opt-lg-mg70--imp {
    margin: 70px !important;
  }

  .opt-lg-mt70 {
    margin-top: 70px;
  }

  .opt-lg-mt70--imp {
    margin-top: 70px !important;
  }

  .opt-lg-ml70 {
    margin-left: 70px;
  }

  .opt-lg-ml70--imp {
    margin-left: 70px !important;
  }

  .opt-lg-mr70 {
    margin-right: 70px;
  }

  .opt-lg-mr70--imp {
    margin-right: 70px !important;
  }

  .opt-lg-mb70 {
    margin-bottom: 70px;
  }

  .opt-lg-mb70--imp {
    margin-bottom: 70px !important;
  }

  .opt-lg-pd70 {
    padding: 70px;
  }

  .opt-lg-pd70--imp {
    padding: 70px !important;
  }

  .opt-lg-pt70 {
    padding-top: 70px;
  }

  .opt-lg-pt70--imp {
    padding-top: 70px !important;
  }

  .opt-lg-pl70 {
    padding-left: 70px;
  }

  .opt-lg-pl70--imp {
    padding-left: 70px !important;
  }

  .opt-lg-pr70 {
    padding-right: 70px;
  }

  .opt-lg-pr70--imp {
    padding-right: 70px !important;
  }

  .opt-lg-pb70 {
    padding-bottom: 70px;
  }

  .opt-lg-pb70--imp {
    padding-bottom: 70px !important;
  }
}
.opt-mg80 {
  margin: 80px;
}

.opt-mg80--imp {
  margin: 80px !important;
}

.opt-mt80 {
  margin-top: 80px;
}

.opt-mt80--imp {
  margin-top: 80px !important;
}

.opt-ml80 {
  margin-left: 80px;
}

.opt-ml80--imp {
  margin-left: 80px !important;
}

.opt-mr80 {
  margin-right: 80px;
}

.opt-mr80--imp {
  margin-right: 80px !important;
}

.opt-mb80 {
  margin-bottom: 80px;
}

.opt-mb80--imp {
  margin-bottom: 80px !important;
}

.opt-pd80 {
  padding: 80px;
}

.opt-pd80--imp {
  padding: 80px !important;
}

.opt-pt80 {
  padding-top: 80px;
}

.opt-pt80--imp {
  padding-top: 80px !important;
}

.opt-pl80 {
  padding-left: 80px;
}

.opt-pl80--imp {
  padding-left: 80px !important;
}

.opt-pr80 {
  padding-right: 80px;
}

.opt-pr80--imp {
  padding-right: 80px !important;
}

.opt-pb80 {
  padding-bottom: 80px;
}

.opt-pb80--imp {
  padding-bottom: 80px !important;
}

/* Margin/Padding for BreakPoint ====================== */
@media only screen and (max-width: 640px) {
  .opt-sm-mg80 {
    margin: 80px;
  }

  .opt-sm-mg80--imp {
    margin: 80px !important;
  }

  .opt-sm-mt80 {
    margin-top: 80px;
  }

  .opt-sm-mt80--imp {
    margin-top: 80px !important;
  }

  .opt-sm-ml80 {
    margin-left: 80px;
  }

  .opt-sm-ml80--imp {
    margin-left: 80px !important;
  }

  .opt-sm-mr80 {
    margin-right: 80px;
  }

  .opt-sm-mr80--imp {
    margin-right: 80px !important;
  }

  .opt-sm-mb80 {
    margin-bottom: 80px;
  }

  .opt-sm-mb80--imp {
    margin-bottom: 80px !important;
  }

  .opt-sm-pd80 {
    padding: 80px;
  }

  .opt-sm-pd80--imp {
    padding: 80px !important;
  }

  .opt-sm-pt80 {
    padding-top: 80px;
  }

  .opt-sm-pt80--imp {
    padding-top: 80px !important;
  }

  .opt-sm-pl80 {
    padding-left: 80px;
  }

  .opt-sm-pl80--imp {
    padding-left: 80px !important;
  }

  .opt-sm-pr80 {
    padding-right: 80px;
  }

  .opt-sm-pr80--imp {
    padding-right: 80px !important;
  }

  .opt-sm-pb80 {
    padding-bottom: 80px;
  }

  .opt-sm-pb80--imp {
    padding-bottom: 80px !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-mg80 {
    margin: 80px;
  }

  .opt-md-mg80--imp {
    margin: 80px !important;
  }

  .opt-md-mt80 {
    margin-top: 80px;
  }

  .opt-md-mt80--imp {
    margin-top: 80px !important;
  }

  .opt-md-ml80 {
    margin-left: 80px;
  }

  .opt-md-ml80--imp {
    margin-left: 80px !important;
  }

  .opt-md-mr80 {
    margin-right: 80px;
  }

  .opt-md-mr80--imp {
    margin-right: 80px !important;
  }

  .opt-md-mb80 {
    margin-bottom: 80px;
  }

  .opt-md-mb80--imp {
    margin-bottom: 80px !important;
  }

  .opt-md-pd80 {
    padding: 80px;
  }

  .opt-md-pd80--imp {
    padding: 80px !important;
  }

  .opt-md-pt80 {
    padding-top: 80px;
  }

  .opt-md-pt80--imp {
    padding-top: 80px !important;
  }

  .opt-md-pl80 {
    padding-left: 80px;
  }

  .opt-md-pl80--imp {
    padding-left: 80px !important;
  }

  .opt-md-pr80 {
    padding-right: 80px;
  }

  .opt-md-pr80--imp {
    padding-right: 80px !important;
  }

  .opt-md-pb80 {
    padding-bottom: 80px;
  }

  .opt-md-pb80--imp {
    padding-bottom: 80px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-mg80 {
    margin: 80px;
  }

  .opt-lg-mg80--imp {
    margin: 80px !important;
  }

  .opt-lg-mt80 {
    margin-top: 80px;
  }

  .opt-lg-mt80--imp {
    margin-top: 80px !important;
  }

  .opt-lg-ml80 {
    margin-left: 80px;
  }

  .opt-lg-ml80--imp {
    margin-left: 80px !important;
  }

  .opt-lg-mr80 {
    margin-right: 80px;
  }

  .opt-lg-mr80--imp {
    margin-right: 80px !important;
  }

  .opt-lg-mb80 {
    margin-bottom: 80px;
  }

  .opt-lg-mb80--imp {
    margin-bottom: 80px !important;
  }

  .opt-lg-pd80 {
    padding: 80px;
  }

  .opt-lg-pd80--imp {
    padding: 80px !important;
  }

  .opt-lg-pt80 {
    padding-top: 80px;
  }

  .opt-lg-pt80--imp {
    padding-top: 80px !important;
  }

  .opt-lg-pl80 {
    padding-left: 80px;
  }

  .opt-lg-pl80--imp {
    padding-left: 80px !important;
  }

  .opt-lg-pr80 {
    padding-right: 80px;
  }

  .opt-lg-pr80--imp {
    padding-right: 80px !important;
  }

  .opt-lg-pb80 {
    padding-bottom: 80px;
  }

  .opt-lg-pb80--imp {
    padding-bottom: 80px !important;
  }
}
.opt-mg90 {
  margin: 90px;
}

.opt-mg90--imp {
  margin: 90px !important;
}

.opt-mt90 {
  margin-top: 90px;
}

.opt-mt90--imp {
  margin-top: 90px !important;
}

.opt-ml90 {
  margin-left: 90px;
}

.opt-ml90--imp {
  margin-left: 90px !important;
}

.opt-mr90 {
  margin-right: 90px;
}

.opt-mr90--imp {
  margin-right: 90px !important;
}

.opt-mb90 {
  margin-bottom: 90px;
}

.opt-mb90--imp {
  margin-bottom: 90px !important;
}

.opt-pd90 {
  padding: 90px;
}

.opt-pd90--imp {
  padding: 90px !important;
}

.opt-pt90 {
  padding-top: 90px;
}

.opt-pt90--imp {
  padding-top: 90px !important;
}

.opt-pl90 {
  padding-left: 90px;
}

.opt-pl90--imp {
  padding-left: 90px !important;
}

.opt-pr90 {
  padding-right: 90px;
}

.opt-pr90--imp {
  padding-right: 90px !important;
}

.opt-pb90 {
  padding-bottom: 90px;
}

.opt-pb90--imp {
  padding-bottom: 90px !important;
}

/* Margin/Padding for BreakPoint ====================== */
@media only screen and (max-width: 640px) {
  .opt-sm-mg90 {
    margin: 90px;
  }

  .opt-sm-mg90--imp {
    margin: 90px !important;
  }

  .opt-sm-mt90 {
    margin-top: 90px;
  }

  .opt-sm-mt90--imp {
    margin-top: 90px !important;
  }

  .opt-sm-ml90 {
    margin-left: 90px;
  }

  .opt-sm-ml90--imp {
    margin-left: 90px !important;
  }

  .opt-sm-mr90 {
    margin-right: 90px;
  }

  .opt-sm-mr90--imp {
    margin-right: 90px !important;
  }

  .opt-sm-mb90 {
    margin-bottom: 90px;
  }

  .opt-sm-mb90--imp {
    margin-bottom: 90px !important;
  }

  .opt-sm-pd90 {
    padding: 90px;
  }

  .opt-sm-pd90--imp {
    padding: 90px !important;
  }

  .opt-sm-pt90 {
    padding-top: 90px;
  }

  .opt-sm-pt90--imp {
    padding-top: 90px !important;
  }

  .opt-sm-pl90 {
    padding-left: 90px;
  }

  .opt-sm-pl90--imp {
    padding-left: 90px !important;
  }

  .opt-sm-pr90 {
    padding-right: 90px;
  }

  .opt-sm-pr90--imp {
    padding-right: 90px !important;
  }

  .opt-sm-pb90 {
    padding-bottom: 90px;
  }

  .opt-sm-pb90--imp {
    padding-bottom: 90px !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-mg90 {
    margin: 90px;
  }

  .opt-md-mg90--imp {
    margin: 90px !important;
  }

  .opt-md-mt90 {
    margin-top: 90px;
  }

  .opt-md-mt90--imp {
    margin-top: 90px !important;
  }

  .opt-md-ml90 {
    margin-left: 90px;
  }

  .opt-md-ml90--imp {
    margin-left: 90px !important;
  }

  .opt-md-mr90 {
    margin-right: 90px;
  }

  .opt-md-mr90--imp {
    margin-right: 90px !important;
  }

  .opt-md-mb90 {
    margin-bottom: 90px;
  }

  .opt-md-mb90--imp {
    margin-bottom: 90px !important;
  }

  .opt-md-pd90 {
    padding: 90px;
  }

  .opt-md-pd90--imp {
    padding: 90px !important;
  }

  .opt-md-pt90 {
    padding-top: 90px;
  }

  .opt-md-pt90--imp {
    padding-top: 90px !important;
  }

  .opt-md-pl90 {
    padding-left: 90px;
  }

  .opt-md-pl90--imp {
    padding-left: 90px !important;
  }

  .opt-md-pr90 {
    padding-right: 90px;
  }

  .opt-md-pr90--imp {
    padding-right: 90px !important;
  }

  .opt-md-pb90 {
    padding-bottom: 90px;
  }

  .opt-md-pb90--imp {
    padding-bottom: 90px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-mg90 {
    margin: 90px;
  }

  .opt-lg-mg90--imp {
    margin: 90px !important;
  }

  .opt-lg-mt90 {
    margin-top: 90px;
  }

  .opt-lg-mt90--imp {
    margin-top: 90px !important;
  }

  .opt-lg-ml90 {
    margin-left: 90px;
  }

  .opt-lg-ml90--imp {
    margin-left: 90px !important;
  }

  .opt-lg-mr90 {
    margin-right: 90px;
  }

  .opt-lg-mr90--imp {
    margin-right: 90px !important;
  }

  .opt-lg-mb90 {
    margin-bottom: 90px;
  }

  .opt-lg-mb90--imp {
    margin-bottom: 90px !important;
  }

  .opt-lg-pd90 {
    padding: 90px;
  }

  .opt-lg-pd90--imp {
    padding: 90px !important;
  }

  .opt-lg-pt90 {
    padding-top: 90px;
  }

  .opt-lg-pt90--imp {
    padding-top: 90px !important;
  }

  .opt-lg-pl90 {
    padding-left: 90px;
  }

  .opt-lg-pl90--imp {
    padding-left: 90px !important;
  }

  .opt-lg-pr90 {
    padding-right: 90px;
  }

  .opt-lg-pr90--imp {
    padding-right: 90px !important;
  }

  .opt-lg-pb90 {
    padding-bottom: 90px;
  }

  .opt-lg-pb90--imp {
    padding-bottom: 90px !important;
  }
}
.opt-mg100 {
  margin: 100px;
}

.opt-mg100--imp {
  margin: 100px !important;
}

.opt-mt100 {
  margin-top: 100px;
}

.opt-mt100--imp {
  margin-top: 100px !important;
}

.opt-ml100 {
  margin-left: 100px;
}

.opt-ml100--imp {
  margin-left: 100px !important;
}

.opt-mr100 {
  margin-right: 100px;
}

.opt-mr100--imp {
  margin-right: 100px !important;
}

.opt-mb100 {
  margin-bottom: 100px;
}

.opt-mb100--imp {
  margin-bottom: 100px !important;
}

.opt-pd100 {
  padding: 100px;
}

.opt-pd100--imp {
  padding: 100px !important;
}

.opt-pt100 {
  padding-top: 100px;
}

.opt-pt100--imp {
  padding-top: 100px !important;
}

.opt-pl100 {
  padding-left: 100px;
}

.opt-pl100--imp {
  padding-left: 100px !important;
}

.opt-pr100 {
  padding-right: 100px;
}

.opt-pr100--imp {
  padding-right: 100px !important;
}

.opt-pb100 {
  padding-bottom: 100px;
}

.opt-pb100--imp {
  padding-bottom: 100px !important;
}

/* Margin/Padding for BreakPoint ====================== */
@media only screen and (max-width: 640px) {
  .opt-sm-mg100 {
    margin: 100px;
  }

  .opt-sm-mg100--imp {
    margin: 100px !important;
  }

  .opt-sm-mt100 {
    margin-top: 100px;
  }

  .opt-sm-mt100--imp {
    margin-top: 100px !important;
  }

  .opt-sm-ml100 {
    margin-left: 100px;
  }

  .opt-sm-ml100--imp {
    margin-left: 100px !important;
  }

  .opt-sm-mr100 {
    margin-right: 100px;
  }

  .opt-sm-mr100--imp {
    margin-right: 100px !important;
  }

  .opt-sm-mb100 {
    margin-bottom: 100px;
  }

  .opt-sm-mb100--imp {
    margin-bottom: 100px !important;
  }

  .opt-sm-pd100 {
    padding: 100px;
  }

  .opt-sm-pd100--imp {
    padding: 100px !important;
  }

  .opt-sm-pt100 {
    padding-top: 100px;
  }

  .opt-sm-pt100--imp {
    padding-top: 100px !important;
  }

  .opt-sm-pl100 {
    padding-left: 100px;
  }

  .opt-sm-pl100--imp {
    padding-left: 100px !important;
  }

  .opt-sm-pr100 {
    padding-right: 100px;
  }

  .opt-sm-pr100--imp {
    padding-right: 100px !important;
  }

  .opt-sm-pb100 {
    padding-bottom: 100px;
  }

  .opt-sm-pb100--imp {
    padding-bottom: 100px !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-mg100 {
    margin: 100px;
  }

  .opt-md-mg100--imp {
    margin: 100px !important;
  }

  .opt-md-mt100 {
    margin-top: 100px;
  }

  .opt-md-mt100--imp {
    margin-top: 100px !important;
  }

  .opt-md-ml100 {
    margin-left: 100px;
  }

  .opt-md-ml100--imp {
    margin-left: 100px !important;
  }

  .opt-md-mr100 {
    margin-right: 100px;
  }

  .opt-md-mr100--imp {
    margin-right: 100px !important;
  }

  .opt-md-mb100 {
    margin-bottom: 100px;
  }

  .opt-md-mb100--imp {
    margin-bottom: 100px !important;
  }

  .opt-md-pd100 {
    padding: 100px;
  }

  .opt-md-pd100--imp {
    padding: 100px !important;
  }

  .opt-md-pt100 {
    padding-top: 100px;
  }

  .opt-md-pt100--imp {
    padding-top: 100px !important;
  }

  .opt-md-pl100 {
    padding-left: 100px;
  }

  .opt-md-pl100--imp {
    padding-left: 100px !important;
  }

  .opt-md-pr100 {
    padding-right: 100px;
  }

  .opt-md-pr100--imp {
    padding-right: 100px !important;
  }

  .opt-md-pb100 {
    padding-bottom: 100px;
  }

  .opt-md-pb100--imp {
    padding-bottom: 100px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-mg100 {
    margin: 100px;
  }

  .opt-lg-mg100--imp {
    margin: 100px !important;
  }

  .opt-lg-mt100 {
    margin-top: 100px;
  }

  .opt-lg-mt100--imp {
    margin-top: 100px !important;
  }

  .opt-lg-ml100 {
    margin-left: 100px;
  }

  .opt-lg-ml100--imp {
    margin-left: 100px !important;
  }

  .opt-lg-mr100 {
    margin-right: 100px;
  }

  .opt-lg-mr100--imp {
    margin-right: 100px !important;
  }

  .opt-lg-mb100 {
    margin-bottom: 100px;
  }

  .opt-lg-mb100--imp {
    margin-bottom: 100px !important;
  }

  .opt-lg-pd100 {
    padding: 100px;
  }

  .opt-lg-pd100--imp {
    padding: 100px !important;
  }

  .opt-lg-pt100 {
    padding-top: 100px;
  }

  .opt-lg-pt100--imp {
    padding-top: 100px !important;
  }

  .opt-lg-pl100 {
    padding-left: 100px;
  }

  .opt-lg-pl100--imp {
    padding-left: 100px !important;
  }

  .opt-lg-pr100 {
    padding-right: 100px;
  }

  .opt-lg-pr100--imp {
    padding-right: 100px !important;
  }

  .opt-lg-pb100 {
    padding-bottom: 100px;
  }

  .opt-lg-pb100--imp {
    padding-bottom: 100px !important;
  }
}
/* padding percent ====================== */
@media only screen and (max-width: 640px) {
  .opt-sm-pl1pc {
    padding-left: 1%;
  }

  .opt-sm-pr1pc {
    padding-right: 1%;
  }

  .opt-sm-pl1pc--imp {
    padding-left: 1% !important;
  }

  .opt-sm-pr1pc--imp {
    padding-right: 1% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl1pc {
    padding-left: 1%;
  }

  .opt-md-pr1pc {
    padding-right: 1%;
  }

  .opt-md-pl1pc--imp {
    padding-left: 1% !important;
  }

  .opt-md-pr1pc--imp {
    padding-right: 1% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl1pc {
    padding-left: 1%;
  }

  .opt-lg-pr1pc {
    padding-right: 1%;
  }

  .opt-lg-pl1pc--imp {
    padding-left: 1% !important;
  }

  .opt-lg-pr1pc--imp {
    padding-right: 1% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl2pc {
    padding-left: 2%;
  }

  .opt-sm-pr2pc {
    padding-right: 2%;
  }

  .opt-sm-pl2pc--imp {
    padding-left: 2% !important;
  }

  .opt-sm-pr2pc--imp {
    padding-right: 2% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl2pc {
    padding-left: 2%;
  }

  .opt-md-pr2pc {
    padding-right: 2%;
  }

  .opt-md-pl2pc--imp {
    padding-left: 2% !important;
  }

  .opt-md-pr2pc--imp {
    padding-right: 2% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl2pc {
    padding-left: 2%;
  }

  .opt-lg-pr2pc {
    padding-right: 2%;
  }

  .opt-lg-pl2pc--imp {
    padding-left: 2% !important;
  }

  .opt-lg-pr2pc--imp {
    padding-right: 2% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl3pc {
    padding-left: 3%;
  }

  .opt-sm-pr3pc {
    padding-right: 3%;
  }

  .opt-sm-pl3pc--imp {
    padding-left: 3% !important;
  }

  .opt-sm-pr3pc--imp {
    padding-right: 3% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl3pc {
    padding-left: 3%;
  }

  .opt-md-pr3pc {
    padding-right: 3%;
  }

  .opt-md-pl3pc--imp {
    padding-left: 3% !important;
  }

  .opt-md-pr3pc--imp {
    padding-right: 3% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl3pc {
    padding-left: 3%;
  }

  .opt-lg-pr3pc {
    padding-right: 3%;
  }

  .opt-lg-pl3pc--imp {
    padding-left: 3% !important;
  }

  .opt-lg-pr3pc--imp {
    padding-right: 3% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl4pc {
    padding-left: 4%;
  }

  .opt-sm-pr4pc {
    padding-right: 4%;
  }

  .opt-sm-pl4pc--imp {
    padding-left: 4% !important;
  }

  .opt-sm-pr4pc--imp {
    padding-right: 4% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl4pc {
    padding-left: 4%;
  }

  .opt-md-pr4pc {
    padding-right: 4%;
  }

  .opt-md-pl4pc--imp {
    padding-left: 4% !important;
  }

  .opt-md-pr4pc--imp {
    padding-right: 4% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl4pc {
    padding-left: 4%;
  }

  .opt-lg-pr4pc {
    padding-right: 4%;
  }

  .opt-lg-pl4pc--imp {
    padding-left: 4% !important;
  }

  .opt-lg-pr4pc--imp {
    padding-right: 4% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl5pc {
    padding-left: 5%;
  }

  .opt-sm-pr5pc {
    padding-right: 5%;
  }

  .opt-sm-pl5pc--imp {
    padding-left: 5% !important;
  }

  .opt-sm-pr5pc--imp {
    padding-right: 5% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl5pc {
    padding-left: 5%;
  }

  .opt-md-pr5pc {
    padding-right: 5%;
  }

  .opt-md-pl5pc--imp {
    padding-left: 5% !important;
  }

  .opt-md-pr5pc--imp {
    padding-right: 5% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl5pc {
    padding-left: 5%;
  }

  .opt-lg-pr5pc {
    padding-right: 5%;
  }

  .opt-lg-pl5pc--imp {
    padding-left: 5% !important;
  }

  .opt-lg-pr5pc--imp {
    padding-right: 5% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl6pc {
    padding-left: 6%;
  }

  .opt-sm-pr6pc {
    padding-right: 6%;
  }

  .opt-sm-pl6pc--imp {
    padding-left: 6% !important;
  }

  .opt-sm-pr6pc--imp {
    padding-right: 6% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl6pc {
    padding-left: 6%;
  }

  .opt-md-pr6pc {
    padding-right: 6%;
  }

  .opt-md-pl6pc--imp {
    padding-left: 6% !important;
  }

  .opt-md-pr6pc--imp {
    padding-right: 6% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl6pc {
    padding-left: 6%;
  }

  .opt-lg-pr6pc {
    padding-right: 6%;
  }

  .opt-lg-pl6pc--imp {
    padding-left: 6% !important;
  }

  .opt-lg-pr6pc--imp {
    padding-right: 6% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl7pc {
    padding-left: 7%;
  }

  .opt-sm-pr7pc {
    padding-right: 7%;
  }

  .opt-sm-pl7pc--imp {
    padding-left: 7% !important;
  }

  .opt-sm-pr7pc--imp {
    padding-right: 7% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl7pc {
    padding-left: 7%;
  }

  .opt-md-pr7pc {
    padding-right: 7%;
  }

  .opt-md-pl7pc--imp {
    padding-left: 7% !important;
  }

  .opt-md-pr7pc--imp {
    padding-right: 7% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl7pc {
    padding-left: 7%;
  }

  .opt-lg-pr7pc {
    padding-right: 7%;
  }

  .opt-lg-pl7pc--imp {
    padding-left: 7% !important;
  }

  .opt-lg-pr7pc--imp {
    padding-right: 7% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl8pc {
    padding-left: 8%;
  }

  .opt-sm-pr8pc {
    padding-right: 8%;
  }

  .opt-sm-pl8pc--imp {
    padding-left: 8% !important;
  }

  .opt-sm-pr8pc--imp {
    padding-right: 8% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl8pc {
    padding-left: 8%;
  }

  .opt-md-pr8pc {
    padding-right: 8%;
  }

  .opt-md-pl8pc--imp {
    padding-left: 8% !important;
  }

  .opt-md-pr8pc--imp {
    padding-right: 8% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl8pc {
    padding-left: 8%;
  }

  .opt-lg-pr8pc {
    padding-right: 8%;
  }

  .opt-lg-pl8pc--imp {
    padding-left: 8% !important;
  }

  .opt-lg-pr8pc--imp {
    padding-right: 8% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl9pc {
    padding-left: 9%;
  }

  .opt-sm-pr9pc {
    padding-right: 9%;
  }

  .opt-sm-pl9pc--imp {
    padding-left: 9% !important;
  }

  .opt-sm-pr9pc--imp {
    padding-right: 9% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl9pc {
    padding-left: 9%;
  }

  .opt-md-pr9pc {
    padding-right: 9%;
  }

  .opt-md-pl9pc--imp {
    padding-left: 9% !important;
  }

  .opt-md-pr9pc--imp {
    padding-right: 9% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl9pc {
    padding-left: 9%;
  }

  .opt-lg-pr9pc {
    padding-right: 9%;
  }

  .opt-lg-pl9pc--imp {
    padding-left: 9% !important;
  }

  .opt-lg-pr9pc--imp {
    padding-right: 9% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl10pc {
    padding-left: 10%;
  }

  .opt-sm-pr10pc {
    padding-right: 10%;
  }

  .opt-sm-pl10pc--imp {
    padding-left: 10% !important;
  }

  .opt-sm-pr10pc--imp {
    padding-right: 10% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl10pc {
    padding-left: 10%;
  }

  .opt-md-pr10pc {
    padding-right: 10%;
  }

  .opt-md-pl10pc--imp {
    padding-left: 10% !important;
  }

  .opt-md-pr10pc--imp {
    padding-right: 10% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl10pc {
    padding-left: 10%;
  }

  .opt-lg-pr10pc {
    padding-right: 10%;
  }

  .opt-lg-pl10pc--imp {
    padding-left: 10% !important;
  }

  .opt-lg-pr10pc--imp {
    padding-right: 10% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl11pc {
    padding-left: 11%;
  }

  .opt-sm-pr11pc {
    padding-right: 11%;
  }

  .opt-sm-pl11pc--imp {
    padding-left: 11% !important;
  }

  .opt-sm-pr11pc--imp {
    padding-right: 11% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl11pc {
    padding-left: 11%;
  }

  .opt-md-pr11pc {
    padding-right: 11%;
  }

  .opt-md-pl11pc--imp {
    padding-left: 11% !important;
  }

  .opt-md-pr11pc--imp {
    padding-right: 11% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl11pc {
    padding-left: 11%;
  }

  .opt-lg-pr11pc {
    padding-right: 11%;
  }

  .opt-lg-pl11pc--imp {
    padding-left: 11% !important;
  }

  .opt-lg-pr11pc--imp {
    padding-right: 11% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl12pc {
    padding-left: 12%;
  }

  .opt-sm-pr12pc {
    padding-right: 12%;
  }

  .opt-sm-pl12pc--imp {
    padding-left: 12% !important;
  }

  .opt-sm-pr12pc--imp {
    padding-right: 12% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl12pc {
    padding-left: 12%;
  }

  .opt-md-pr12pc {
    padding-right: 12%;
  }

  .opt-md-pl12pc--imp {
    padding-left: 12% !important;
  }

  .opt-md-pr12pc--imp {
    padding-right: 12% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl12pc {
    padding-left: 12%;
  }

  .opt-lg-pr12pc {
    padding-right: 12%;
  }

  .opt-lg-pl12pc--imp {
    padding-left: 12% !important;
  }

  .opt-lg-pr12pc--imp {
    padding-right: 12% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl13pc {
    padding-left: 13%;
  }

  .opt-sm-pr13pc {
    padding-right: 13%;
  }

  .opt-sm-pl13pc--imp {
    padding-left: 13% !important;
  }

  .opt-sm-pr13pc--imp {
    padding-right: 13% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl13pc {
    padding-left: 13%;
  }

  .opt-md-pr13pc {
    padding-right: 13%;
  }

  .opt-md-pl13pc--imp {
    padding-left: 13% !important;
  }

  .opt-md-pr13pc--imp {
    padding-right: 13% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl13pc {
    padding-left: 13%;
  }

  .opt-lg-pr13pc {
    padding-right: 13%;
  }

  .opt-lg-pl13pc--imp {
    padding-left: 13% !important;
  }

  .opt-lg-pr13pc--imp {
    padding-right: 13% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl14pc {
    padding-left: 14%;
  }

  .opt-sm-pr14pc {
    padding-right: 14%;
  }

  .opt-sm-pl14pc--imp {
    padding-left: 14% !important;
  }

  .opt-sm-pr14pc--imp {
    padding-right: 14% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl14pc {
    padding-left: 14%;
  }

  .opt-md-pr14pc {
    padding-right: 14%;
  }

  .opt-md-pl14pc--imp {
    padding-left: 14% !important;
  }

  .opt-md-pr14pc--imp {
    padding-right: 14% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl14pc {
    padding-left: 14%;
  }

  .opt-lg-pr14pc {
    padding-right: 14%;
  }

  .opt-lg-pl14pc--imp {
    padding-left: 14% !important;
  }

  .opt-lg-pr14pc--imp {
    padding-right: 14% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl15pc {
    padding-left: 15%;
  }

  .opt-sm-pr15pc {
    padding-right: 15%;
  }

  .opt-sm-pl15pc--imp {
    padding-left: 15% !important;
  }

  .opt-sm-pr15pc--imp {
    padding-right: 15% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl15pc {
    padding-left: 15%;
  }

  .opt-md-pr15pc {
    padding-right: 15%;
  }

  .opt-md-pl15pc--imp {
    padding-left: 15% !important;
  }

  .opt-md-pr15pc--imp {
    padding-right: 15% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl15pc {
    padding-left: 15%;
  }

  .opt-lg-pr15pc {
    padding-right: 15%;
  }

  .opt-lg-pl15pc--imp {
    padding-left: 15% !important;
  }

  .opt-lg-pr15pc--imp {
    padding-right: 15% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl16pc {
    padding-left: 16%;
  }

  .opt-sm-pr16pc {
    padding-right: 16%;
  }

  .opt-sm-pl16pc--imp {
    padding-left: 16% !important;
  }

  .opt-sm-pr16pc--imp {
    padding-right: 16% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl16pc {
    padding-left: 16%;
  }

  .opt-md-pr16pc {
    padding-right: 16%;
  }

  .opt-md-pl16pc--imp {
    padding-left: 16% !important;
  }

  .opt-md-pr16pc--imp {
    padding-right: 16% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl16pc {
    padding-left: 16%;
  }

  .opt-lg-pr16pc {
    padding-right: 16%;
  }

  .opt-lg-pl16pc--imp {
    padding-left: 16% !important;
  }

  .opt-lg-pr16pc--imp {
    padding-right: 16% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl17pc {
    padding-left: 17%;
  }

  .opt-sm-pr17pc {
    padding-right: 17%;
  }

  .opt-sm-pl17pc--imp {
    padding-left: 17% !important;
  }

  .opt-sm-pr17pc--imp {
    padding-right: 17% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl17pc {
    padding-left: 17%;
  }

  .opt-md-pr17pc {
    padding-right: 17%;
  }

  .opt-md-pl17pc--imp {
    padding-left: 17% !important;
  }

  .opt-md-pr17pc--imp {
    padding-right: 17% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl17pc {
    padding-left: 17%;
  }

  .opt-lg-pr17pc {
    padding-right: 17%;
  }

  .opt-lg-pl17pc--imp {
    padding-left: 17% !important;
  }

  .opt-lg-pr17pc--imp {
    padding-right: 17% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl18pc {
    padding-left: 18%;
  }

  .opt-sm-pr18pc {
    padding-right: 18%;
  }

  .opt-sm-pl18pc--imp {
    padding-left: 18% !important;
  }

  .opt-sm-pr18pc--imp {
    padding-right: 18% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl18pc {
    padding-left: 18%;
  }

  .opt-md-pr18pc {
    padding-right: 18%;
  }

  .opt-md-pl18pc--imp {
    padding-left: 18% !important;
  }

  .opt-md-pr18pc--imp {
    padding-right: 18% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl18pc {
    padding-left: 18%;
  }

  .opt-lg-pr18pc {
    padding-right: 18%;
  }

  .opt-lg-pl18pc--imp {
    padding-left: 18% !important;
  }

  .opt-lg-pr18pc--imp {
    padding-right: 18% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl19pc {
    padding-left: 19%;
  }

  .opt-sm-pr19pc {
    padding-right: 19%;
  }

  .opt-sm-pl19pc--imp {
    padding-left: 19% !important;
  }

  .opt-sm-pr19pc--imp {
    padding-right: 19% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl19pc {
    padding-left: 19%;
  }

  .opt-md-pr19pc {
    padding-right: 19%;
  }

  .opt-md-pl19pc--imp {
    padding-left: 19% !important;
  }

  .opt-md-pr19pc--imp {
    padding-right: 19% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl19pc {
    padding-left: 19%;
  }

  .opt-lg-pr19pc {
    padding-right: 19%;
  }

  .opt-lg-pl19pc--imp {
    padding-left: 19% !important;
  }

  .opt-lg-pr19pc--imp {
    padding-right: 19% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl20pc {
    padding-left: 20%;
  }

  .opt-sm-pr20pc {
    padding-right: 20%;
  }

  .opt-sm-pl20pc--imp {
    padding-left: 20% !important;
  }

  .opt-sm-pr20pc--imp {
    padding-right: 20% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl20pc {
    padding-left: 20%;
  }

  .opt-md-pr20pc {
    padding-right: 20%;
  }

  .opt-md-pl20pc--imp {
    padding-left: 20% !important;
  }

  .opt-md-pr20pc--imp {
    padding-right: 20% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl20pc {
    padding-left: 20%;
  }

  .opt-lg-pr20pc {
    padding-right: 20%;
  }

  .opt-lg-pl20pc--imp {
    padding-left: 20% !important;
  }

  .opt-lg-pr20pc--imp {
    padding-right: 20% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl21pc {
    padding-left: 21%;
  }

  .opt-sm-pr21pc {
    padding-right: 21%;
  }

  .opt-sm-pl21pc--imp {
    padding-left: 21% !important;
  }

  .opt-sm-pr21pc--imp {
    padding-right: 21% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl21pc {
    padding-left: 21%;
  }

  .opt-md-pr21pc {
    padding-right: 21%;
  }

  .opt-md-pl21pc--imp {
    padding-left: 21% !important;
  }

  .opt-md-pr21pc--imp {
    padding-right: 21% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl21pc {
    padding-left: 21%;
  }

  .opt-lg-pr21pc {
    padding-right: 21%;
  }

  .opt-lg-pl21pc--imp {
    padding-left: 21% !important;
  }

  .opt-lg-pr21pc--imp {
    padding-right: 21% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl22pc {
    padding-left: 22%;
  }

  .opt-sm-pr22pc {
    padding-right: 22%;
  }

  .opt-sm-pl22pc--imp {
    padding-left: 22% !important;
  }

  .opt-sm-pr22pc--imp {
    padding-right: 22% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl22pc {
    padding-left: 22%;
  }

  .opt-md-pr22pc {
    padding-right: 22%;
  }

  .opt-md-pl22pc--imp {
    padding-left: 22% !important;
  }

  .opt-md-pr22pc--imp {
    padding-right: 22% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl22pc {
    padding-left: 22%;
  }

  .opt-lg-pr22pc {
    padding-right: 22%;
  }

  .opt-lg-pl22pc--imp {
    padding-left: 22% !important;
  }

  .opt-lg-pr22pc--imp {
    padding-right: 22% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl23pc {
    padding-left: 23%;
  }

  .opt-sm-pr23pc {
    padding-right: 23%;
  }

  .opt-sm-pl23pc--imp {
    padding-left: 23% !important;
  }

  .opt-sm-pr23pc--imp {
    padding-right: 23% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl23pc {
    padding-left: 23%;
  }

  .opt-md-pr23pc {
    padding-right: 23%;
  }

  .opt-md-pl23pc--imp {
    padding-left: 23% !important;
  }

  .opt-md-pr23pc--imp {
    padding-right: 23% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl23pc {
    padding-left: 23%;
  }

  .opt-lg-pr23pc {
    padding-right: 23%;
  }

  .opt-lg-pl23pc--imp {
    padding-left: 23% !important;
  }

  .opt-lg-pr23pc--imp {
    padding-right: 23% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl24pc {
    padding-left: 24%;
  }

  .opt-sm-pr24pc {
    padding-right: 24%;
  }

  .opt-sm-pl24pc--imp {
    padding-left: 24% !important;
  }

  .opt-sm-pr24pc--imp {
    padding-right: 24% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl24pc {
    padding-left: 24%;
  }

  .opt-md-pr24pc {
    padding-right: 24%;
  }

  .opt-md-pl24pc--imp {
    padding-left: 24% !important;
  }

  .opt-md-pr24pc--imp {
    padding-right: 24% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl24pc {
    padding-left: 24%;
  }

  .opt-lg-pr24pc {
    padding-right: 24%;
  }

  .opt-lg-pl24pc--imp {
    padding-left: 24% !important;
  }

  .opt-lg-pr24pc--imp {
    padding-right: 24% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl25pc {
    padding-left: 25%;
  }

  .opt-sm-pr25pc {
    padding-right: 25%;
  }

  .opt-sm-pl25pc--imp {
    padding-left: 25% !important;
  }

  .opt-sm-pr25pc--imp {
    padding-right: 25% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl25pc {
    padding-left: 25%;
  }

  .opt-md-pr25pc {
    padding-right: 25%;
  }

  .opt-md-pl25pc--imp {
    padding-left: 25% !important;
  }

  .opt-md-pr25pc--imp {
    padding-right: 25% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl25pc {
    padding-left: 25%;
  }

  .opt-lg-pr25pc {
    padding-right: 25%;
  }

  .opt-lg-pl25pc--imp {
    padding-left: 25% !important;
  }

  .opt-lg-pr25pc--imp {
    padding-right: 25% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl26pc {
    padding-left: 26%;
  }

  .opt-sm-pr26pc {
    padding-right: 26%;
  }

  .opt-sm-pl26pc--imp {
    padding-left: 26% !important;
  }

  .opt-sm-pr26pc--imp {
    padding-right: 26% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl26pc {
    padding-left: 26%;
  }

  .opt-md-pr26pc {
    padding-right: 26%;
  }

  .opt-md-pl26pc--imp {
    padding-left: 26% !important;
  }

  .opt-md-pr26pc--imp {
    padding-right: 26% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl26pc {
    padding-left: 26%;
  }

  .opt-lg-pr26pc {
    padding-right: 26%;
  }

  .opt-lg-pl26pc--imp {
    padding-left: 26% !important;
  }

  .opt-lg-pr26pc--imp {
    padding-right: 26% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl27pc {
    padding-left: 27%;
  }

  .opt-sm-pr27pc {
    padding-right: 27%;
  }

  .opt-sm-pl27pc--imp {
    padding-left: 27% !important;
  }

  .opt-sm-pr27pc--imp {
    padding-right: 27% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl27pc {
    padding-left: 27%;
  }

  .opt-md-pr27pc {
    padding-right: 27%;
  }

  .opt-md-pl27pc--imp {
    padding-left: 27% !important;
  }

  .opt-md-pr27pc--imp {
    padding-right: 27% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl27pc {
    padding-left: 27%;
  }

  .opt-lg-pr27pc {
    padding-right: 27%;
  }

  .opt-lg-pl27pc--imp {
    padding-left: 27% !important;
  }

  .opt-lg-pr27pc--imp {
    padding-right: 27% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl28pc {
    padding-left: 28%;
  }

  .opt-sm-pr28pc {
    padding-right: 28%;
  }

  .opt-sm-pl28pc--imp {
    padding-left: 28% !important;
  }

  .opt-sm-pr28pc--imp {
    padding-right: 28% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl28pc {
    padding-left: 28%;
  }

  .opt-md-pr28pc {
    padding-right: 28%;
  }

  .opt-md-pl28pc--imp {
    padding-left: 28% !important;
  }

  .opt-md-pr28pc--imp {
    padding-right: 28% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl28pc {
    padding-left: 28%;
  }

  .opt-lg-pr28pc {
    padding-right: 28%;
  }

  .opt-lg-pl28pc--imp {
    padding-left: 28% !important;
  }

  .opt-lg-pr28pc--imp {
    padding-right: 28% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl29pc {
    padding-left: 29%;
  }

  .opt-sm-pr29pc {
    padding-right: 29%;
  }

  .opt-sm-pl29pc--imp {
    padding-left: 29% !important;
  }

  .opt-sm-pr29pc--imp {
    padding-right: 29% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl29pc {
    padding-left: 29%;
  }

  .opt-md-pr29pc {
    padding-right: 29%;
  }

  .opt-md-pl29pc--imp {
    padding-left: 29% !important;
  }

  .opt-md-pr29pc--imp {
    padding-right: 29% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl29pc {
    padding-left: 29%;
  }

  .opt-lg-pr29pc {
    padding-right: 29%;
  }

  .opt-lg-pl29pc--imp {
    padding-left: 29% !important;
  }

  .opt-lg-pr29pc--imp {
    padding-right: 29% !important;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-pl30pc {
    padding-left: 30%;
  }

  .opt-sm-pr30pc {
    padding-right: 30%;
  }

  .opt-sm-pl30pc--imp {
    padding-left: 30% !important;
  }

  .opt-sm-pr30pc--imp {
    padding-right: 30% !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-pl30pc {
    padding-left: 30%;
  }

  .opt-md-pr30pc {
    padding-right: 30%;
  }

  .opt-md-pl30pc--imp {
    padding-left: 30% !important;
  }

  .opt-md-pr30pc--imp {
    padding-right: 30% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-pl30pc {
    padding-left: 30%;
  }

  .opt-lg-pr30pc {
    padding-right: 30%;
  }

  .opt-lg-pl30pc--imp {
    padding-left: 30% !important;
  }

  .opt-lg-pr30pc--imp {
    padding-right: 30% !important;
  }
}
/* Width ============================== */
.opt-w5p {
  width: 5%;
}

.opt-w10p {
  width: 10%;
}

.opt-w15p {
  width: 15%;
}

.opt-w20p {
  width: 20%;
}

.opt-w25p {
  width: 25%;
}

.opt-w30p {
  width: 30%;
}

.opt-w40p {
  width: 40%;
}

.opt-w50p {
  width: 50%;
}

.opt-w60p {
  width: 60%;
}

.opt-w70p {
  width: 70%;
}

.opt-w80p {
  width: 80%;
}

.opt-w90p {
  width: 90%;
}

.opt-w100p {
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .opt-sm-w5p {
    width: 5%;
  }

  .opt-sm-w10p {
    width: 10%;
  }

  .opt-sm-w15p {
    width: 15%;
  }

  .opt-sm-w20p {
    width: 20%;
  }

  .opt-sm-w25p {
    width: 25%;
  }

  .opt-sm-w30p {
    width: 30%;
  }

  .opt-sm-w40p {
    width: 40%;
  }

  .opt-sm-w50p {
    width: 50%;
  }

  .opt-sm-w60p {
    width: 60%;
  }

  .opt-sm-w70p {
    width: 70%;
  }

  .opt-sm-w80p {
    width: 80%;
  }

  .opt-sm-w90p {
    width: 90%;
  }

  .opt-sm-w100p {
    width: 100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-w5p {
    width: 5%;
  }

  .opt-md-w10p {
    width: 10%;
  }

  .opt-md-w15p {
    width: 15%;
  }

  .opt-md-w20p {
    width: 20%;
  }

  .opt-md-w25p {
    width: 25%;
  }

  .opt-md-w30p {
    width: 30%;
  }

  .opt-md-w40p {
    width: 40%;
  }

  .opt-md-w50p {
    width: 50%;
  }

  .opt-md-w60p {
    width: 60%;
  }

  .opt-md-w70p {
    width: 70%;
  }

  .opt-md-w80p {
    width: 80%;
  }

  .opt-md-w90p {
    width: 90%;
  }

  .opt-md-w100p {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-w5p {
    width: 5%;
  }

  .opt-lg-w10p {
    width: 10%;
  }

  .opt-lg-w15p {
    width: 15%;
  }

  .opt-lg-w20p {
    width: 20%;
  }

  .opt-lg-w25p {
    width: 25%;
  }

  .opt-lg-w30p {
    width: 30%;
  }

  .opt-lg-w40p {
    width: 40%;
  }

  .opt-lg-w50p {
    width: 50%;
  }

  .opt-lg-w60p {
    width: 60%;
  }

  .opt-lg-w70p {
    width: 70%;
  }

  .opt-lg-w80p {
    width: 80%;
  }

  .opt-lg-w90p {
    width: 90%;
  }

  .opt-lg-w100p {
    width: 100%;
  }
}
/* Text-align ============================== */
.opt-al_l {
  text-align: left;
}

.opt-al_r {
  text-align: right;
}

.opt-al_c {
  text-align: center;
}

.opt-mg-at {
  margin-left: auto;
  margin-right: auto;
}

.opt-mg-l {
  margin-left: 0;
  margin-right: auto;
}

.opt-mg-r {
  margin-left: auto;
  margin-right: 0;
}

@media only screen and (max-width: 640px) {
  .opt-sm-al_l {
    text-align: left;
  }

  .opt-sm-al_r {
    text-align: right;
  }

  .opt-sm-al_c {
    text-align: center;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-al_l {
    text-align: left;
  }

  .opt-md-al_r {
    text-align: right;
  }

  .opt-md-al_c {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-lg-al_l {
    text-align: left;
  }

  .opt-lg-al_r {
    text-align: right;
  }

  .opt-lg-al_c {
    text-align: center;
  }
}
/* Font-Size ============================== */
.opt-fs_h_lv1 {
  font-family: "FP-KoburinaGoStdN-W6";
}
@media only screen and (min-width: 1025px) {
  .opt-fs_h_lv1 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fs_h_lv1 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fs_h_lv1 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}

.opt-fs_h_lv2 {
  font-family: "FP-KoburinaGoStdN-W6";
}
@media only screen and (min-width: 1025px) {
  .opt-fs_h_lv2 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fs_h_lv2 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fs_h_lv2 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}

.opt-fs_h_lv3 {
  font-family: "FP-KoburinaGoStdN-W6";
}
@media only screen and (min-width: 1025px) {
  .opt-fs_h_lv3 {
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fs_h_lv3 {
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fs_h_lv3 {
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}

.opt-fs_h_lv4 {
  font-family: "FP-KoburinaGoStdN-W6";
}
@media only screen and (min-width: 1025px) {
  .opt-fs_h_lv4 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fs_h_lv4 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fs_h_lv4 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}

.opt-fs_h_lv5 {
  font-family: "FP-KoburinaGoStdN-W6";
}
@media only screen and (min-width: 1025px) {
  .opt-fs_h_lv5 {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fs_h_lv5 {
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fs_h_lv5 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}

.opt-fs_h_lv6 {
  font-family: "FP-KoburinaGoStdN-W6";
}
@media only screen and (min-width: 1025px) {
  .opt-fs_h_lv6 {
    font-size: 34px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fs_h_lv6 {
    font-size: 26px;
    line-height: 1.3;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fs_h_lv6 {
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: normal;
  }
}

@media only screen and (min-width: 1025px) {
  .opt-fs_body {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: normal;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fs_body {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fs_body {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: normal;
  }
}

@media only screen and (min-width: 1025px) {
  .opt-fs_caption {
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: normal;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-fs_caption {
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 640px) {
  .opt-fs_caption {
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: normal;
  }
}

/* for In Place Editor ============================== */
.opt-fontcolor--01 {
  color: #000000;
}

.opt-fontcolor--02 {
  color: #ffffff;
}

.opt-fontcolor--03 {
  color: #025d8a;
}

.opt-fontcolor--04 {
  color: #f3ad08;
}

.opt-fontcolor--05 {
  color: #346fcd;
}

.opt-fontcolor--06 {
  color: #f100a3;
}

.opt-fontcolor--07 {
  color: #66b1e8;
}

.opt-fontcolor--08 {
  color: #fddef2;
}

.opt-fontcolor--09 {
  color: #fe70cd;
}

.opt-fontcolor--10 {
  color: #004098;
}

.opt-fontcolor--11 {
  color: #19197b;
}

.opt-fontcolor--12 {
  color: #fff100;
}

.opt-fontsize--xs {
  font-size: 0.5em;
}

.opt-fontsize--s {
  font-size: 0.75em;
}

.opt-fontsize--l {
  font-size: 1.25em;
}

.opt-fontsize--xl {
  font-size: 1.5em;
}

.opt-fontsize--xxl {
  font-size: 1.75em;
}

.opt-fontsize--xxxl {
  font-size: 2em;
}

.opt-fontsize--xxxxl {
  font-size: 2.5em;
}

.opt-lineheight--xs {
  line-height: 1;
}

.opt-lineheight--s {
  line-height: 1.2;
}

.opt-lineheight--l {
  line-height: 2;
}

.opt-lineheight--xl {
  line-height: 2.4;
}

.opt-lineheight--xxl {
  line-height: 2.8;
}

.opt-lineheight--xxxl {
  line-height: 3.2;
}

.opt-lineheight--xxxxl {
  line-height: 4;
}

.opt-fontfamily--01 {
  font-family: "UD Reimin Regular";
}

.opt-fontfamily--02 {
  font-family: "FP-HiraKakuProN-W6";
}

.opt-fontfamily--03 {
  font-family: "FP-HiraKakuProN-W3";
}

.opt-fontfamily--04 {
  font-family: "UD Reimin Bold";
}

.opt-fontfamily--05 {
  font-family: "NewRodinPro-EB";
}

.opt-fontfamily--06 {
  font-family: "FP-KoburinaGoStdN-W3";
}

/* Background Image ============================== */
.opt-bg--no-repeat {
  background-repeat: no-repeat;
}

.opt-bg--repeat {
  background-repeat: repeat;
  background-size: auto;
  background-position: top left;
}

.opt-bg--repeat-x {
  background-repeat: repeat-x;
  background-size: auto;
  background-position: top left;
}

.opt-bg--repeat-y {
  background-repeat: repeat-y;
  background-size: auto;
  background-position: top left;
}

.opt-bg--top {
  background-position: top;
  background-size: auto;
}

.opt-bg--bottom {
  background-position: bottom;
  background-size: auto;
}

.opt-bg--left {
  background-position: left;
  background-size: auto;
}

.opt-bg--right {
  background-position: right;
  background-size: auto;
}

.opt-bg--center {
  background-position: center;
  background-size: auto;
}

.opt-bg--top-left {
  background-position: top left;
  background-size: auto;
}

.opt-bg--bottom-left {
  background-position: bottom left;
  background-size: auto;
}

.opt-bg--top-right {
  background-position: top right;
  background-size: auto;
}

.opt-bg--bottom-right {
  background-position: bottom right;
  background-size: auto;
}

.opt-bg--fit {
  background-size: 100% 100%;
}

/* Line ============================== */
/* Border Radius ============================== */
.opt-borderradius--xs {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.opt-borderradius--tl--xs {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}

.opt-borderradius--tr--xs {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.opt-borderradius--br--xs {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.opt-borderradius--bl--xs {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.opt-borderradius--s {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.opt-borderradius--tl--s {
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
}

.opt-borderradius--tr--s {
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
}

.opt-borderradius--br--s {
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.opt-borderradius--bl--s {
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.opt-borderradius--m {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.opt-borderradius--tl--m {
  -moz-border-radius-topleft: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
}

.opt-borderradius--tr--m {
  -moz-border-radius-topright: 12px;
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
}

.opt-borderradius--br--m {
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.opt-borderradius--bl--m {
  -moz-border-radius-bottomleft: 12px;
  -webkit-border-bottom-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.opt-borderradius--l {
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}

.opt-borderradius--tl--l {
  -moz-border-radius-topleft: 16px;
  -webkit-border-top-left-radius: 16px;
  border-top-left-radius: 16px;
}

.opt-borderradius--tr--l {
  -moz-border-radius-topright: 16px;
  -webkit-border-top-right-radius: 16px;
  border-top-right-radius: 16px;
}

.opt-borderradius--br--l {
  -moz-border-radius-bottomright: 16px;
  -webkit-border-bottom-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.opt-borderradius--bl--l {
  -moz-border-radius-bottomleft: 16px;
  -webkit-border-bottom-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.opt-borderradius--xl {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.opt-borderradius--tl--xl {
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
}

.opt-borderradius--tr--xl {
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
}

.opt-borderradius--br--xl {
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.opt-borderradius--bl--xl {
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

/* Shadow ============================== */
/* br ============================== */
@media only screen and (max-width: 640px) {
  br.opt-br-hide--sm {
    display: none;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  br.opt-br-hide--md {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  br.opt-br-hide--lg {
    display: none;
  }
}

/* copy disable ============================== */
.opt-copy--disable img, .opt-copy--disable video {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  touch-callout: none;
  -webkit-touch-callout: none;
}
.opt-copy--disable video::-internal-media-controls-download-button {
  display: none;
}
.opt-copy--disable video::-webkit-media-controls-enclosure {
  overflow: hidden;
}
.opt-copy--disable video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}
.opt-copy--disable.is-background {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  touch-callout: none;
  -webkit-touch-callout: none;
}
.opt-copy--disable .l-Image__img {
  position: relative;
}
.opt-copy--disable .l-Image__img img.spacer {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

/* Animate ============================== */
@media only screen and (min-width: 1025px) {
  .opt-animate--lg {
    overflow: visible;
  }
  .opt-animate--lg > div {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .opt-animate--lg.opt-scale--1--lg > div {
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  .opt-animate--lg.opt-scale--2--lg > div {
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  .opt-animate--lg.opt-scale--3--lg > div {
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  .opt-animate--lg.opt-scale--4--lg > div {
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  .opt-animate--lg.opt-scale--5--lg > div {
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  .opt-animate--lg.opt-scale--6--lg > div {
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  .opt-animate--lg.opt-scale--7--lg > div {
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  .opt-animate--lg.opt-scale--8--lg > div {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  .opt-animate--lg.opt-scale--9--lg > div {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .opt-animate--lg.opt-scale--10--lg > div {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .opt-animate--lg.opt-scale--11--lg > div {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .opt-animate--lg.opt-scale--12--lg > div {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  .opt-animate--lg.opt-scale--13--lg > div {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  .opt-animate--lg.opt-scale--14--lg > div {
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
  .opt-animate--lg.opt-scale--15--lg > div {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  .opt-animate--lg.opt-scale--16--lg > div {
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  .opt-animate--lg.opt-scale--17--lg > div {
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
  }
  .opt-animate--lg.opt-scale--18--lg > div {
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  .opt-animate--lg.opt-scale--19--lg > div {
    -moz-transform: scale(1.9);
    -ms-transform: scale(1.9);
    -webkit-transform: scale(1.9);
    transform: scale(1.9);
  }
  .opt-animate--lg.opt-scale--20--lg > div {
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
  }
  .opt-animate--lg.opt-slide--lr5p--lg > div {
    -moz-transform: translate(-5%, 0);
    -ms-transform: translate(-5%, 0);
    -webkit-transform: translate(-5%, 0);
    transform: translate(-5%, 0);
  }
  .opt-animate--lg.opt-slide--rl5p--lg > div {
    -moz-transform: translate(5%, 0);
    -ms-transform: translate(5%, 0);
    -webkit-transform: translate(5%, 0);
    transform: translate(5%, 0);
  }
  .opt-animate--lg.opt-slide--lr10p--lg > div {
    -moz-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -webkit-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
  }
  .opt-animate--lg.opt-slide--rl10p--lg > div {
    -moz-transform: translate(10%, 0);
    -ms-transform: translate(10%, 0);
    -webkit-transform: translate(10%, 0);
    transform: translate(10%, 0);
  }
  .opt-animate--lg.opt-slide--lr15p--lg > div {
    -moz-transform: translate(-15%, 0);
    -ms-transform: translate(-15%, 0);
    -webkit-transform: translate(-15%, 0);
    transform: translate(-15%, 0);
  }
  .opt-animate--lg.opt-slide--rl15p--lg > div {
    -moz-transform: translate(15%, 0);
    -ms-transform: translate(15%, 0);
    -webkit-transform: translate(15%, 0);
    transform: translate(15%, 0);
  }
  .opt-animate--lg.opt-slide--lr20p--lg > div {
    -moz-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    -webkit-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
  }
  .opt-animate--lg.opt-slide--rl20p--lg > div {
    -moz-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    -webkit-transform: translate(20%, 0);
    transform: translate(20%, 0);
  }
  .opt-animate--lg.opt-slide--lr25p--lg > div {
    -moz-transform: translate(-25%, 0);
    -ms-transform: translate(-25%, 0);
    -webkit-transform: translate(-25%, 0);
    transform: translate(-25%, 0);
  }
  .opt-animate--lg.opt-slide--rl25p--lg > div {
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    -webkit-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
  .opt-animate--lg.opt-slide--lr30p--lg > div {
    -moz-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    -webkit-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
  }
  .opt-animate--lg.opt-slide--rl30p--lg > div {
    -moz-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    -webkit-transform: translate(30%, 0);
    transform: translate(30%, 0);
  }
  .opt-animate--lg.opt-slide--lr35p--lg > div {
    -moz-transform: translate(-35%, 0);
    -ms-transform: translate(-35%, 0);
    -webkit-transform: translate(-35%, 0);
    transform: translate(-35%, 0);
  }
  .opt-animate--lg.opt-slide--rl35p--lg > div {
    -moz-transform: translate(35%, 0);
    -ms-transform: translate(35%, 0);
    -webkit-transform: translate(35%, 0);
    transform: translate(35%, 0);
  }
  .opt-animate--lg.opt-slide--lr40p--lg > div {
    -moz-transform: translate(-40%, 0);
    -ms-transform: translate(-40%, 0);
    -webkit-transform: translate(-40%, 0);
    transform: translate(-40%, 0);
  }
  .opt-animate--lg.opt-slide--rl40p--lg > div {
    -moz-transform: translate(40%, 0);
    -ms-transform: translate(40%, 0);
    -webkit-transform: translate(40%, 0);
    transform: translate(40%, 0);
  }
  .opt-animate--lg.opt-slide--lr45p--lg > div {
    -moz-transform: translate(-45%, 0);
    -ms-transform: translate(-45%, 0);
    -webkit-transform: translate(-45%, 0);
    transform: translate(-45%, 0);
  }
  .opt-animate--lg.opt-slide--rl45p--lg > div {
    -moz-transform: translate(45%, 0);
    -ms-transform: translate(45%, 0);
    -webkit-transform: translate(45%, 0);
    transform: translate(45%, 0);
  }
  .opt-animate--lg.opt-slide--lr50p--lg > div {
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .opt-animate--lg.opt-slide--rl50p--lg > div {
    -moz-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }
  .opt-animate--lg.opt-slide--lr55p--lg > div {
    -moz-transform: translate(-55%, 0);
    -ms-transform: translate(-55%, 0);
    -webkit-transform: translate(-55%, 0);
    transform: translate(-55%, 0);
  }
  .opt-animate--lg.opt-slide--rl55p--lg > div {
    -moz-transform: translate(55%, 0);
    -ms-transform: translate(55%, 0);
    -webkit-transform: translate(55%, 0);
    transform: translate(55%, 0);
  }
  .opt-animate--lg.opt-slide--lr60p--lg > div {
    -moz-transform: translate(-60%, 0);
    -ms-transform: translate(-60%, 0);
    -webkit-transform: translate(-60%, 0);
    transform: translate(-60%, 0);
  }
  .opt-animate--lg.opt-slide--rl60p--lg > div {
    -moz-transform: translate(60%, 0);
    -ms-transform: translate(60%, 0);
    -webkit-transform: translate(60%, 0);
    transform: translate(60%, 0);
  }
  .opt-animate--lg.opt-slide--lr65p--lg > div {
    -moz-transform: translate(-65%, 0);
    -ms-transform: translate(-65%, 0);
    -webkit-transform: translate(-65%, 0);
    transform: translate(-65%, 0);
  }
  .opt-animate--lg.opt-slide--rl65p--lg > div {
    -moz-transform: translate(65%, 0);
    -ms-transform: translate(65%, 0);
    -webkit-transform: translate(65%, 0);
    transform: translate(65%, 0);
  }
  .opt-animate--lg.opt-slide--lr70p--lg > div {
    -moz-transform: translate(-70%, 0);
    -ms-transform: translate(-70%, 0);
    -webkit-transform: translate(-70%, 0);
    transform: translate(-70%, 0);
  }
  .opt-animate--lg.opt-slide--rl70p--lg > div {
    -moz-transform: translate(70%, 0);
    -ms-transform: translate(70%, 0);
    -webkit-transform: translate(70%, 0);
    transform: translate(70%, 0);
  }
  .opt-animate--lg.opt-slide--lr75p--lg > div {
    -moz-transform: translate(-75%, 0);
    -ms-transform: translate(-75%, 0);
    -webkit-transform: translate(-75%, 0);
    transform: translate(-75%, 0);
  }
  .opt-animate--lg.opt-slide--rl75p--lg > div {
    -moz-transform: translate(75%, 0);
    -ms-transform: translate(75%, 0);
    -webkit-transform: translate(75%, 0);
    transform: translate(75%, 0);
  }
  .opt-animate--lg.opt-slide--lr80p--lg > div {
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -webkit-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
  }
  .opt-animate--lg.opt-slide--rl80p--lg > div {
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -webkit-transform: translate(80%, 0);
    transform: translate(80%, 0);
  }
  .opt-animate--lg.opt-slide--lr85p--lg > div {
    -moz-transform: translate(-85%, 0);
    -ms-transform: translate(-85%, 0);
    -webkit-transform: translate(-85%, 0);
    transform: translate(-85%, 0);
  }
  .opt-animate--lg.opt-slide--rl85p--lg > div {
    -moz-transform: translate(85%, 0);
    -ms-transform: translate(85%, 0);
    -webkit-transform: translate(85%, 0);
    transform: translate(85%, 0);
  }
  .opt-animate--lg.opt-slide--lr90p--lg > div {
    -moz-transform: translate(-90%, 0);
    -ms-transform: translate(-90%, 0);
    -webkit-transform: translate(-90%, 0);
    transform: translate(-90%, 0);
  }
  .opt-animate--lg.opt-slide--rl90p--lg > div {
    -moz-transform: translate(90%, 0);
    -ms-transform: translate(90%, 0);
    -webkit-transform: translate(90%, 0);
    transform: translate(90%, 0);
  }
  .opt-animate--lg.opt-slide--lr95p--lg > div {
    -moz-transform: translate(-95%, 0);
    -ms-transform: translate(-95%, 0);
    -webkit-transform: translate(-95%, 0);
    transform: translate(-95%, 0);
  }
  .opt-animate--lg.opt-slide--rl95p--lg > div {
    -moz-transform: translate(95%, 0);
    -ms-transform: translate(95%, 0);
    -webkit-transform: translate(95%, 0);
    transform: translate(95%, 0);
  }
  .opt-animate--lg.opt-slide--lr100p--lg > div {
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .opt-animate--lg.opt-slide--rl100p--lg > div {
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  .opt-animate--lg.is-visible > div {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  .opt-animate--lg.is-animate--disable4_3 > div {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -webkit-transition-duration: 0;
    transition-duration: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
  }
  .is-authorring .opt-animate--lg > div {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-animate--md {
    overflow: visible;
  }
  .opt-animate--md > div {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .opt-animate--md.opt-scale--1--md > div {
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  .opt-animate--md.opt-scale--2--md > div {
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  .opt-animate--md.opt-scale--3--md > div {
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  .opt-animate--md.opt-scale--4--md > div {
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  .opt-animate--md.opt-scale--5--md > div {
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  .opt-animate--md.opt-scale--6--md > div {
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  .opt-animate--md.opt-scale--7--md > div {
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  .opt-animate--md.opt-scale--8--md > div {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  .opt-animate--md.opt-scale--9--md > div {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .opt-animate--md.opt-scale--10--md > div {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .opt-animate--md.opt-scale--11--md > div {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .opt-animate--md.opt-scale--12--md > div {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  .opt-animate--md.opt-scale--13--md > div {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  .opt-animate--md.opt-scale--14--md > div {
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
  .opt-animate--md.opt-scale--15--md > div {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  .opt-animate--md.opt-scale--16--md > div {
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  .opt-animate--md.opt-scale--17--md > div {
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
  }
  .opt-animate--md.opt-scale--18--md > div {
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  .opt-animate--md.opt-scale--19--md > div {
    -moz-transform: scale(1.9);
    -ms-transform: scale(1.9);
    -webkit-transform: scale(1.9);
    transform: scale(1.9);
  }
  .opt-animate--md.opt-scale--20--md > div {
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
  }
  .opt-animate--md.opt-slide--lr5p--md > div {
    -moz-transform: translate(-5%, 0);
    -ms-transform: translate(-5%, 0);
    -webkit-transform: translate(-5%, 0);
    transform: translate(-5%, 0);
  }
  .opt-animate--md.opt-slide--rl5p--md > div {
    -moz-transform: translate(5%, 0);
    -ms-transform: translate(5%, 0);
    -webkit-transform: translate(5%, 0);
    transform: translate(5%, 0);
  }
  .opt-animate--md.opt-slide--lr10p--md > div {
    -moz-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -webkit-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
  }
  .opt-animate--md.opt-slide--rl10p--md > div {
    -moz-transform: translate(10%, 0);
    -ms-transform: translate(10%, 0);
    -webkit-transform: translate(10%, 0);
    transform: translate(10%, 0);
  }
  .opt-animate--md.opt-slide--lr15p--md > div {
    -moz-transform: translate(-15%, 0);
    -ms-transform: translate(-15%, 0);
    -webkit-transform: translate(-15%, 0);
    transform: translate(-15%, 0);
  }
  .opt-animate--md.opt-slide--rl15p--md > div {
    -moz-transform: translate(15%, 0);
    -ms-transform: translate(15%, 0);
    -webkit-transform: translate(15%, 0);
    transform: translate(15%, 0);
  }
  .opt-animate--md.opt-slide--lr20p--md > div {
    -moz-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    -webkit-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
  }
  .opt-animate--md.opt-slide--rl20p--md > div {
    -moz-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    -webkit-transform: translate(20%, 0);
    transform: translate(20%, 0);
  }
  .opt-animate--md.opt-slide--lr25p--md > div {
    -moz-transform: translate(-25%, 0);
    -ms-transform: translate(-25%, 0);
    -webkit-transform: translate(-25%, 0);
    transform: translate(-25%, 0);
  }
  .opt-animate--md.opt-slide--rl25p--md > div {
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    -webkit-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
  .opt-animate--md.opt-slide--lr30p--md > div {
    -moz-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    -webkit-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
  }
  .opt-animate--md.opt-slide--rl30p--md > div {
    -moz-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    -webkit-transform: translate(30%, 0);
    transform: translate(30%, 0);
  }
  .opt-animate--md.opt-slide--lr35p--md > div {
    -moz-transform: translate(-35%, 0);
    -ms-transform: translate(-35%, 0);
    -webkit-transform: translate(-35%, 0);
    transform: translate(-35%, 0);
  }
  .opt-animate--md.opt-slide--rl35p--md > div {
    -moz-transform: translate(35%, 0);
    -ms-transform: translate(35%, 0);
    -webkit-transform: translate(35%, 0);
    transform: translate(35%, 0);
  }
  .opt-animate--md.opt-slide--lr40p--md > div {
    -moz-transform: translate(-40%, 0);
    -ms-transform: translate(-40%, 0);
    -webkit-transform: translate(-40%, 0);
    transform: translate(-40%, 0);
  }
  .opt-animate--md.opt-slide--rl40p--md > div {
    -moz-transform: translate(40%, 0);
    -ms-transform: translate(40%, 0);
    -webkit-transform: translate(40%, 0);
    transform: translate(40%, 0);
  }
  .opt-animate--md.opt-slide--lr45p--md > div {
    -moz-transform: translate(-45%, 0);
    -ms-transform: translate(-45%, 0);
    -webkit-transform: translate(-45%, 0);
    transform: translate(-45%, 0);
  }
  .opt-animate--md.opt-slide--rl45p--md > div {
    -moz-transform: translate(45%, 0);
    -ms-transform: translate(45%, 0);
    -webkit-transform: translate(45%, 0);
    transform: translate(45%, 0);
  }
  .opt-animate--md.opt-slide--lr50p--md > div {
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .opt-animate--md.opt-slide--rl50p--md > div {
    -moz-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }
  .opt-animate--md.opt-slide--lr55p--md > div {
    -moz-transform: translate(-55%, 0);
    -ms-transform: translate(-55%, 0);
    -webkit-transform: translate(-55%, 0);
    transform: translate(-55%, 0);
  }
  .opt-animate--md.opt-slide--rl55p--md > div {
    -moz-transform: translate(55%, 0);
    -ms-transform: translate(55%, 0);
    -webkit-transform: translate(55%, 0);
    transform: translate(55%, 0);
  }
  .opt-animate--md.opt-slide--lr60p--md > div {
    -moz-transform: translate(-60%, 0);
    -ms-transform: translate(-60%, 0);
    -webkit-transform: translate(-60%, 0);
    transform: translate(-60%, 0);
  }
  .opt-animate--md.opt-slide--rl60p--md > div {
    -moz-transform: translate(60%, 0);
    -ms-transform: translate(60%, 0);
    -webkit-transform: translate(60%, 0);
    transform: translate(60%, 0);
  }
  .opt-animate--md.opt-slide--lr65p--md > div {
    -moz-transform: translate(-65%, 0);
    -ms-transform: translate(-65%, 0);
    -webkit-transform: translate(-65%, 0);
    transform: translate(-65%, 0);
  }
  .opt-animate--md.opt-slide--rl65p--md > div {
    -moz-transform: translate(65%, 0);
    -ms-transform: translate(65%, 0);
    -webkit-transform: translate(65%, 0);
    transform: translate(65%, 0);
  }
  .opt-animate--md.opt-slide--lr70p--md > div {
    -moz-transform: translate(-70%, 0);
    -ms-transform: translate(-70%, 0);
    -webkit-transform: translate(-70%, 0);
    transform: translate(-70%, 0);
  }
  .opt-animate--md.opt-slide--rl70p--md > div {
    -moz-transform: translate(70%, 0);
    -ms-transform: translate(70%, 0);
    -webkit-transform: translate(70%, 0);
    transform: translate(70%, 0);
  }
  .opt-animate--md.opt-slide--lr75p--md > div {
    -moz-transform: translate(-75%, 0);
    -ms-transform: translate(-75%, 0);
    -webkit-transform: translate(-75%, 0);
    transform: translate(-75%, 0);
  }
  .opt-animate--md.opt-slide--rl75p--md > div {
    -moz-transform: translate(75%, 0);
    -ms-transform: translate(75%, 0);
    -webkit-transform: translate(75%, 0);
    transform: translate(75%, 0);
  }
  .opt-animate--md.opt-slide--lr80p--md > div {
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -webkit-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
  }
  .opt-animate--md.opt-slide--rl80p--md > div {
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -webkit-transform: translate(80%, 0);
    transform: translate(80%, 0);
  }
  .opt-animate--md.opt-slide--lr85p--md > div {
    -moz-transform: translate(-85%, 0);
    -ms-transform: translate(-85%, 0);
    -webkit-transform: translate(-85%, 0);
    transform: translate(-85%, 0);
  }
  .opt-animate--md.opt-slide--rl85p--md > div {
    -moz-transform: translate(85%, 0);
    -ms-transform: translate(85%, 0);
    -webkit-transform: translate(85%, 0);
    transform: translate(85%, 0);
  }
  .opt-animate--md.opt-slide--lr90p--md > div {
    -moz-transform: translate(-90%, 0);
    -ms-transform: translate(-90%, 0);
    -webkit-transform: translate(-90%, 0);
    transform: translate(-90%, 0);
  }
  .opt-animate--md.opt-slide--rl90p--md > div {
    -moz-transform: translate(90%, 0);
    -ms-transform: translate(90%, 0);
    -webkit-transform: translate(90%, 0);
    transform: translate(90%, 0);
  }
  .opt-animate--md.opt-slide--lr95p--md > div {
    -moz-transform: translate(-95%, 0);
    -ms-transform: translate(-95%, 0);
    -webkit-transform: translate(-95%, 0);
    transform: translate(-95%, 0);
  }
  .opt-animate--md.opt-slide--rl95p--md > div {
    -moz-transform: translate(95%, 0);
    -ms-transform: translate(95%, 0);
    -webkit-transform: translate(95%, 0);
    transform: translate(95%, 0);
  }
  .opt-animate--md.opt-slide--lr100p--md > div {
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .opt-animate--md.opt-slide--rl100p--md > div {
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  .opt-animate--md.is-visible > div {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  .opt-animate--md.is-animate--disable4_3 > div {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -webkit-transition-duration: 0;
    transition-duration: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
  }
  .is-authorring .opt-animate--md > div {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

@media only screen and (max-width: 640px) {
  .opt-animate--sm {
    overflow: visible;
  }
  .opt-animate--sm > div {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .opt-animate--sm.opt-scale--1--sm > div {
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  .opt-animate--sm.opt-scale--2--sm > div {
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  .opt-animate--sm.opt-scale--3--sm > div {
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  .opt-animate--sm.opt-scale--4--sm > div {
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  .opt-animate--sm.opt-scale--5--sm > div {
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  .opt-animate--sm.opt-scale--6--sm > div {
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  .opt-animate--sm.opt-scale--7--sm > div {
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  .opt-animate--sm.opt-scale--8--sm > div {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  .opt-animate--sm.opt-scale--9--sm > div {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .opt-animate--sm.opt-scale--10--sm > div {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .opt-animate--sm.opt-scale--11--sm > div {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .opt-animate--sm.opt-scale--12--sm > div {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  .opt-animate--sm.opt-scale--13--sm > div {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  .opt-animate--sm.opt-scale--14--sm > div {
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
  .opt-animate--sm.opt-scale--15--sm > div {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  .opt-animate--sm.opt-scale--16--sm > div {
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  .opt-animate--sm.opt-scale--17--sm > div {
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
  }
  .opt-animate--sm.opt-scale--18--sm > div {
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  .opt-animate--sm.opt-scale--19--sm > div {
    -moz-transform: scale(1.9);
    -ms-transform: scale(1.9);
    -webkit-transform: scale(1.9);
    transform: scale(1.9);
  }
  .opt-animate--sm.opt-scale--20--sm > div {
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
  }
  .opt-animate--sm.opt-slide--lr5p--sm > div {
    -moz-transform: translate(-5%, 0);
    -ms-transform: translate(-5%, 0);
    -webkit-transform: translate(-5%, 0);
    transform: translate(-5%, 0);
  }
  .opt-animate--sm.opt-slide--rl5p--sm > div {
    -moz-transform: translate(5%, 0);
    -ms-transform: translate(5%, 0);
    -webkit-transform: translate(5%, 0);
    transform: translate(5%, 0);
  }
  .opt-animate--sm.opt-slide--lr10p--sm > div {
    -moz-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -webkit-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
  }
  .opt-animate--sm.opt-slide--rl10p--sm > div {
    -moz-transform: translate(10%, 0);
    -ms-transform: translate(10%, 0);
    -webkit-transform: translate(10%, 0);
    transform: translate(10%, 0);
  }
  .opt-animate--sm.opt-slide--lr15p--sm > div {
    -moz-transform: translate(-15%, 0);
    -ms-transform: translate(-15%, 0);
    -webkit-transform: translate(-15%, 0);
    transform: translate(-15%, 0);
  }
  .opt-animate--sm.opt-slide--rl15p--sm > div {
    -moz-transform: translate(15%, 0);
    -ms-transform: translate(15%, 0);
    -webkit-transform: translate(15%, 0);
    transform: translate(15%, 0);
  }
  .opt-animate--sm.opt-slide--lr20p--sm > div {
    -moz-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    -webkit-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
  }
  .opt-animate--sm.opt-slide--rl20p--sm > div {
    -moz-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    -webkit-transform: translate(20%, 0);
    transform: translate(20%, 0);
  }
  .opt-animate--sm.opt-slide--lr25p--sm > div {
    -moz-transform: translate(-25%, 0);
    -ms-transform: translate(-25%, 0);
    -webkit-transform: translate(-25%, 0);
    transform: translate(-25%, 0);
  }
  .opt-animate--sm.opt-slide--rl25p--sm > div {
    -moz-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    -webkit-transform: translate(25%, 0);
    transform: translate(25%, 0);
  }
  .opt-animate--sm.opt-slide--lr30p--sm > div {
    -moz-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    -webkit-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
  }
  .opt-animate--sm.opt-slide--rl30p--sm > div {
    -moz-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    -webkit-transform: translate(30%, 0);
    transform: translate(30%, 0);
  }
  .opt-animate--sm.opt-slide--lr35p--sm > div {
    -moz-transform: translate(-35%, 0);
    -ms-transform: translate(-35%, 0);
    -webkit-transform: translate(-35%, 0);
    transform: translate(-35%, 0);
  }
  .opt-animate--sm.opt-slide--rl35p--sm > div {
    -moz-transform: translate(35%, 0);
    -ms-transform: translate(35%, 0);
    -webkit-transform: translate(35%, 0);
    transform: translate(35%, 0);
  }
  .opt-animate--sm.opt-slide--lr40p--sm > div {
    -moz-transform: translate(-40%, 0);
    -ms-transform: translate(-40%, 0);
    -webkit-transform: translate(-40%, 0);
    transform: translate(-40%, 0);
  }
  .opt-animate--sm.opt-slide--rl40p--sm > div {
    -moz-transform: translate(40%, 0);
    -ms-transform: translate(40%, 0);
    -webkit-transform: translate(40%, 0);
    transform: translate(40%, 0);
  }
  .opt-animate--sm.opt-slide--lr45p--sm > div {
    -moz-transform: translate(-45%, 0);
    -ms-transform: translate(-45%, 0);
    -webkit-transform: translate(-45%, 0);
    transform: translate(-45%, 0);
  }
  .opt-animate--sm.opt-slide--rl45p--sm > div {
    -moz-transform: translate(45%, 0);
    -ms-transform: translate(45%, 0);
    -webkit-transform: translate(45%, 0);
    transform: translate(45%, 0);
  }
  .opt-animate--sm.opt-slide--lr50p--sm > div {
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .opt-animate--sm.opt-slide--rl50p--sm > div {
    -moz-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }
  .opt-animate--sm.opt-slide--lr55p--sm > div {
    -moz-transform: translate(-55%, 0);
    -ms-transform: translate(-55%, 0);
    -webkit-transform: translate(-55%, 0);
    transform: translate(-55%, 0);
  }
  .opt-animate--sm.opt-slide--rl55p--sm > div {
    -moz-transform: translate(55%, 0);
    -ms-transform: translate(55%, 0);
    -webkit-transform: translate(55%, 0);
    transform: translate(55%, 0);
  }
  .opt-animate--sm.opt-slide--lr60p--sm > div {
    -moz-transform: translate(-60%, 0);
    -ms-transform: translate(-60%, 0);
    -webkit-transform: translate(-60%, 0);
    transform: translate(-60%, 0);
  }
  .opt-animate--sm.opt-slide--rl60p--sm > div {
    -moz-transform: translate(60%, 0);
    -ms-transform: translate(60%, 0);
    -webkit-transform: translate(60%, 0);
    transform: translate(60%, 0);
  }
  .opt-animate--sm.opt-slide--lr65p--sm > div {
    -moz-transform: translate(-65%, 0);
    -ms-transform: translate(-65%, 0);
    -webkit-transform: translate(-65%, 0);
    transform: translate(-65%, 0);
  }
  .opt-animate--sm.opt-slide--rl65p--sm > div {
    -moz-transform: translate(65%, 0);
    -ms-transform: translate(65%, 0);
    -webkit-transform: translate(65%, 0);
    transform: translate(65%, 0);
  }
  .opt-animate--sm.opt-slide--lr70p--sm > div {
    -moz-transform: translate(-70%, 0);
    -ms-transform: translate(-70%, 0);
    -webkit-transform: translate(-70%, 0);
    transform: translate(-70%, 0);
  }
  .opt-animate--sm.opt-slide--rl70p--sm > div {
    -moz-transform: translate(70%, 0);
    -ms-transform: translate(70%, 0);
    -webkit-transform: translate(70%, 0);
    transform: translate(70%, 0);
  }
  .opt-animate--sm.opt-slide--lr75p--sm > div {
    -moz-transform: translate(-75%, 0);
    -ms-transform: translate(-75%, 0);
    -webkit-transform: translate(-75%, 0);
    transform: translate(-75%, 0);
  }
  .opt-animate--sm.opt-slide--rl75p--sm > div {
    -moz-transform: translate(75%, 0);
    -ms-transform: translate(75%, 0);
    -webkit-transform: translate(75%, 0);
    transform: translate(75%, 0);
  }
  .opt-animate--sm.opt-slide--lr80p--sm > div {
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -webkit-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
  }
  .opt-animate--sm.opt-slide--rl80p--sm > div {
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -webkit-transform: translate(80%, 0);
    transform: translate(80%, 0);
  }
  .opt-animate--sm.opt-slide--lr85p--sm > div {
    -moz-transform: translate(-85%, 0);
    -ms-transform: translate(-85%, 0);
    -webkit-transform: translate(-85%, 0);
    transform: translate(-85%, 0);
  }
  .opt-animate--sm.opt-slide--rl85p--sm > div {
    -moz-transform: translate(85%, 0);
    -ms-transform: translate(85%, 0);
    -webkit-transform: translate(85%, 0);
    transform: translate(85%, 0);
  }
  .opt-animate--sm.opt-slide--lr90p--sm > div {
    -moz-transform: translate(-90%, 0);
    -ms-transform: translate(-90%, 0);
    -webkit-transform: translate(-90%, 0);
    transform: translate(-90%, 0);
  }
  .opt-animate--sm.opt-slide--rl90p--sm > div {
    -moz-transform: translate(90%, 0);
    -ms-transform: translate(90%, 0);
    -webkit-transform: translate(90%, 0);
    transform: translate(90%, 0);
  }
  .opt-animate--sm.opt-slide--lr95p--sm > div {
    -moz-transform: translate(-95%, 0);
    -ms-transform: translate(-95%, 0);
    -webkit-transform: translate(-95%, 0);
    transform: translate(-95%, 0);
  }
  .opt-animate--sm.opt-slide--rl95p--sm > div {
    -moz-transform: translate(95%, 0);
    -ms-transform: translate(95%, 0);
    -webkit-transform: translate(95%, 0);
    transform: translate(95%, 0);
  }
  .opt-animate--sm.opt-slide--lr100p--sm > div {
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .opt-animate--sm.opt-slide--rl100p--sm > div {
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  .opt-animate--sm.is-visible > div {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
  .opt-animate--sm.is-animate--disable4_3 > div {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -webkit-transition-duration: 0;
    transition-duration: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
  }
  .is-authorring .opt-animate--sm > div {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}

/* duration */
@media only screen and (min-width: 1025px) {
  .opt-duration--200--lg > div {
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-duration--200--md > div {
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-duration--200--sm > div {
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-duration--400--lg > div {
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-duration--400--md > div {
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-duration--400--sm > div {
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-duration--600--lg > div {
    -moz-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-duration--600--md > div {
    -moz-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-duration--600--sm > div {
    -moz-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-duration--800--lg > div {
    -moz-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-duration--800--md > div {
    -moz-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-duration--800--sm > div {
    -moz-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-duration--1000--lg > div {
    -moz-transition-duration: 1000ms;
    -o-transition-duration: 1000ms;
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-duration--1000--md > div {
    -moz-transition-duration: 1000ms;
    -o-transition-duration: 1000ms;
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-duration--1000--sm > div {
    -moz-transition-duration: 1000ms;
    -o-transition-duration: 1000ms;
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-duration--1200--lg > div {
    -moz-transition-duration: 1200ms;
    -o-transition-duration: 1200ms;
    -webkit-transition-duration: 1200ms;
    transition-duration: 1200ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-duration--1200--md > div {
    -moz-transition-duration: 1200ms;
    -o-transition-duration: 1200ms;
    -webkit-transition-duration: 1200ms;
    transition-duration: 1200ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-duration--1200--sm > div {
    -moz-transition-duration: 1200ms;
    -o-transition-duration: 1200ms;
    -webkit-transition-duration: 1200ms;
    transition-duration: 1200ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-duration--1400--lg > div {
    -moz-transition-duration: 1400ms;
    -o-transition-duration: 1400ms;
    -webkit-transition-duration: 1400ms;
    transition-duration: 1400ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-duration--1400--md > div {
    -moz-transition-duration: 1400ms;
    -o-transition-duration: 1400ms;
    -webkit-transition-duration: 1400ms;
    transition-duration: 1400ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-duration--1400--sm > div {
    -moz-transition-duration: 1400ms;
    -o-transition-duration: 1400ms;
    -webkit-transition-duration: 1400ms;
    transition-duration: 1400ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-duration--1600--lg > div {
    -moz-transition-duration: 1600ms;
    -o-transition-duration: 1600ms;
    -webkit-transition-duration: 1600ms;
    transition-duration: 1600ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-duration--1600--md > div {
    -moz-transition-duration: 1600ms;
    -o-transition-duration: 1600ms;
    -webkit-transition-duration: 1600ms;
    transition-duration: 1600ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-duration--1600--sm > div {
    -moz-transition-duration: 1600ms;
    -o-transition-duration: 1600ms;
    -webkit-transition-duration: 1600ms;
    transition-duration: 1600ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-duration--1800--lg > div {
    -moz-transition-duration: 1800ms;
    -o-transition-duration: 1800ms;
    -webkit-transition-duration: 1800ms;
    transition-duration: 1800ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-duration--1800--md > div {
    -moz-transition-duration: 1800ms;
    -o-transition-duration: 1800ms;
    -webkit-transition-duration: 1800ms;
    transition-duration: 1800ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-duration--1800--sm > div {
    -moz-transition-duration: 1800ms;
    -o-transition-duration: 1800ms;
    -webkit-transition-duration: 1800ms;
    transition-duration: 1800ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-duration--2000--lg > div {
    -moz-transition-duration: 2000ms;
    -o-transition-duration: 2000ms;
    -webkit-transition-duration: 2000ms;
    transition-duration: 2000ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-duration--2000--md > div {
    -moz-transition-duration: 2000ms;
    -o-transition-duration: 2000ms;
    -webkit-transition-duration: 2000ms;
    transition-duration: 2000ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-duration--2000--sm > div {
    -moz-transition-duration: 2000ms;
    -o-transition-duration: 2000ms;
    -webkit-transition-duration: 2000ms;
    transition-duration: 2000ms;
  }
}
/* delay */
@media only screen and (min-width: 1025px) {
  .opt-delay--100--lg > div {
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-delay--100--md > div {
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-delay--100--sm > div {
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-delay--200--lg > div {
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-delay--200--md > div {
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-delay--200--sm > div {
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-delay--300--lg > div {
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-delay--300--md > div {
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-delay--300--sm > div {
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-delay--400--lg > div {
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-delay--400--md > div {
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-delay--400--sm > div {
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-delay--500--lg > div {
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-delay--500--md > div {
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-delay--500--sm > div {
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-delay--600--lg > div {
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-delay--600--md > div {
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-delay--600--sm > div {
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-delay--700--lg > div {
    -moz-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-delay--700--md > div {
    -moz-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-delay--700--sm > div {
    -moz-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-delay--800--lg > div {
    -moz-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-delay--800--md > div {
    -moz-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-delay--800--sm > div {
    -moz-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-delay--900--lg > div {
    -moz-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-delay--900--md > div {
    -moz-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-delay--900--sm > div {
    -moz-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
  }
}
@media only screen and (min-width: 1025px) {
  .opt-delay--1000--lg > div {
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-delay--1000--md > div {
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
  }
}
@media only screen and (max-width: 640px) {
  .opt-delay--1000--sm > div {
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
  }
}
@media print {
  .opt-copy--disable .l-Image__img, .opt-copy--disable g-Movie__iframe {
    background-color: #666;
  }

  .opt-copy--disable img, .opt-copy--disable video {
    visibility: hidden;
  }

  .opt-copy--disable.is-background {
    background-image: none !important;
  }
}