@charset "UTF-8";
/* Home-only bundle. Preserve source order; regenerate when any listed CSS source changes. */

/* Source: font-icons.min.css */
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=3.6.95");
  src: 
	  url("../fonts/materialdesignicons-webfont.eot?#iefix&v=3.6.95") format("embedded-opentype"), 
	  url("../fonts/materialdesignicons-webfont.woff2?v=3.6.95") format("woff2"), 
	  url("../fonts/materialdesignicons-webfont.woff?v=3.6.95") format("woff"), 
	  url("../fonts/materialdesignicons-webfont.ttf?v=3.6.95") format("truetype"), 
	  url("../fonts/materialdesignicons-webfont.svg?v=3.6.95#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }


.mdi-dots-horizontal-circle:before {
  content: "\F7C2"; }

.mdi-dots-vertical-circle:before {
  content: "\F7C3"; }

.mdi-dots-mdi-dots-horizontal-circle-outline:before {
  content: "\FB69"; }

.mdi-dots-vertical-circle-outline:before {
  content: "\FB6A"; }

.mdi-numeric-0:before {
  content: "\30"; }

.mdi-numeric-0-box:before {
  content: "\F3A1"; }

.mdi-numeric-0-box-multiple-outline:before {
  content: "\F3A2"; }

.mdi-numeric-0-box-outline:before {
  content: "\F3A3"; }

.mdi-numeric-0-circle:before {
  content: "\FC7A"; }

.mdi-numeric-0-circle-outline:before {
  content: "\FC7B"; }

.mdi-numeric-1:before {
  content: "\31"; }

.mdi-numeric-1-box:before {
  content: "\F3A4"; }

.mdi-numeric-1-box-multiple-outline:before {
  content: "\F3A5"; }

.mdi-numeric-1-box-outline:before {
  content: "\F3A6"; }

.mdi-numeric-1-circle:before {
  content: "\FC7C"; }

.mdi-numeric-1-circle-outline:before {
  content: "\FC7D"; }

.mdi-numeric-2:before {
  content: "\32"; }

.mdi-numeric-2-box:before {
  content: "\F3A7"; }

.mdi-numeric-2-box-multiple-outline:before {
  content: "\F3A8"; }

.mdi-numeric-2-box-outline:before {
  content: "\F3A9"; }

.mdi-numeric-2-circle:before {
  content: "\FC7E"; }

.mdi-numeric-2-circle-outline:before {
  content: "\FC7F"; }

.mdi-numeric-3:before {
  content: "\33"; }

.mdi-numeric-3-box:before {
  content: "\F3AA"; }

.mdi-numeric-3-box-multiple-outline:before {
  content: "\F3AB"; }

.mdi-numeric-3-box-outline:before {
  content: "\F3AC"; }

.mdi-numeric-3-circle:before {
  content: "\FC80"; }

.mdi-numeric-3-circle-outline:before {
  content: "\FC81"; }

.mdi-numeric-4:before {
  content: "\34"; }

.mdi-numeric-4-box:before {
  content: "\F3AD"; }

.mdi-numeric-4-box-multiple-outline:before {
  content: "\F3AE"; }

.mdi-numeric-4-box-outline:before {
  content: "\F3AF"; }

.mdi-numeric-4-circle:before {
  content: "\FC82"; }

.mdi-numeric-4-circle-outline:before {
  content: "\FC83"; }

.mdi-numeric-5:before {
  content: "\35"; }

.mdi-numeric-5-box:before {
  content: "\F3B0"; }

.mdi-numeric-5-box-multiple-outline:before {
  content: "\F3B1"; }

.mdi-numeric-5-box-outline:before {
  content: "\F3B2"; }

.mdi-numeric-5-circle:before {
  content: "\FC84"; }

.mdi-numeric-5-circle-outline:before {
  content: "\FC85"; }

.mdi-numeric-6:before {
  content: "\36"; }

.mdi-numeric-6-box:before {
  content: "\F3B3"; }

.mdi-numeric-6-box-multiple-outline:before {
  content: "\F3B4"; }

.mdi-numeric-6-box-outline:before {
  content: "\F3B5"; }

.mdi-numeric-6-circle:before {
  content: "\FC86"; }

.mdi-numeric-6-circle-outline:before {
  content: "\FC87"; }

.mdi-numeric-7:before {
  content: "\37"; }

.mdi-numeric-7-box:before {
  content: "\F3B6"; }

.mdi-numeric-7-box-multiple-outline:before {
  content: "\F3B7"; }

.mdi-numeric-7-box-outline:before {
  content: "\F3B8"; }

.mdi-numeric-7-circle:before {
  content: "\FC88"; }

.mdi-numeric-7-circle-outline:before {
  content: "\FC89"; }

.mdi-numeric-8:before {
  content: "\38"; }

.mdi-numeric-8-box:before {
  content: "\F3B9"; }

.mdi-numeric-8-box-multiple-outline:before {
  content: "\F3BA"; }

.mdi-numeric-8-box-outline:before {
  content: "\F3BB"; }

.mdi-numeric-8-circle:before {
  content: "\FC8A"; }

.mdi-numeric-8-circle-outline:before {
  content: "\FC8B"; }

.mdi-numeric-9:before {
  content: "\39"; }

.mdi-numeric-9-box:before {
  content: "\F3BC"; }

.mdi-numeric-9-box-multiple-outline:before {
  content: "\F3BD"; }

.mdi-numeric-9-box-outline:before {
  content: "\F3BE"; }

.mdi-numeric-9-circle:before {
  content: "\FC8C"; }

.mdi-numeric-9-circle-outline:before {
  content: "\FC8D"; }

.mdi-numeric-9-plus-box:before {
  content: "\F3BF"; }

.mdi-numeric-9-plus-box-multiple-outline:before {
  content: "\F3C0"; }

.mdi-numeric-9-plus-box-outline:before {
  content: "\F3C1"; }

.mdi-numeric-9-plus-circle:before {
  content: "\FC8E"; }

.mdi-numeric-9-plus-circle-outline:before {
  content: "\FC8F"; }


.mdi-blank:before {
  content: "\F68C";
  visibility: hidden; }

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
  font-size: 18px; }

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
  font-size: 24px; }

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
  font-size: 36px; }

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
  font-size: 48px; }

.mdi-dark:before {
  color: rgba(0, 0, 0, 0.54); }

.mdi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, 0.26); }

.mdi-light:before {
  color: white; }

.mdi-light.mdi-inactive:before {
  color: rgba(255, 255, 255, 0.3); }

.mdi-rotate-45 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(45deg);
            transform: scaleX(-1) rotate(45deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: scaleY(-1) rotate(45deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */ }
  .mdi-rotate-45:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

.mdi-rotate-90 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(90deg);
            transform: scaleX(-1) rotate(90deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: scaleY(-1) rotate(90deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */ }
  .mdi-rotate-90:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

.mdi-rotate-135 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(135deg);
            transform: scaleX(-1) rotate(135deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: scaleY(-1) rotate(135deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */ }
  .mdi-rotate-135:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }

.mdi-rotate-180 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(180deg);
            transform: scaleX(-1) rotate(180deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: scaleY(-1) rotate(180deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */ }
  .mdi-rotate-180:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.mdi-rotate-225 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(225deg);
            transform: scaleX(-1) rotate(225deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: scaleY(-1) rotate(225deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */ }
  .mdi-rotate-225:before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg); }

.mdi-rotate-270 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(270deg);
            transform: scaleX(-1) rotate(270deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: scaleY(-1) rotate(270deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */ }
  .mdi-rotate-270:before {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }

.mdi-rotate-315 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(315deg);
            transform: scaleX(-1) rotate(315deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(315deg);
            -ms-transform: rotate(315deg);
            transform: scaleY(-1) rotate(315deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */ }
  .mdi-rotate-315:before {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg); }

.mdi-flip-h:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH"; }

.mdi-flip-v:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  -webkit-filter: FlipV;
          filter: FlipV;
  -ms-filter: "FlipV"; }

.mdi-spin:before {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear; }

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }





/*
Font awesome
Version: 5.15.1
Plugin URI: https://fontawesome.com
License: License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.fa, .fab, .fad, .fal, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1
}
.fa-lg {
  font-size: 1.33333em;
  line-height: .75em;
  vertical-align: -.0667em
}
.fa-xs {
  font-size: .75em
}
.fa-sm {
  font-size: .875em
}
.fa-1x {
  font-size: 1em
}
.fa-2x {
  font-size: 2em
}
.fa-3x {
  font-size: 3em
}
.fa-4x {
  font-size: 4em
}
.fa-5x {
  font-size: 5em
}
.fa-6x {
  font-size: 6em
}
.fa-7x {
  font-size: 7em
}
.fa-8x {
  font-size: 8em
}
.fa-9x {
  font-size: 9em
}
.fa-10x {
  font-size: 10em
}
.fa-fw {
  text-align: center;
  width: 1.25em
}
.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0
}
.fa-ul > li {
  position: relative
}
.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit
}
.fa-border {
  border: .08em solid #eee;
  border-radius: .1em;
  padding: .2em .25em .15em
}
.fa-pull-left {
  float: left
}
.fa-pull-right {
  float: right
}
.fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
  margin-right: .3em
}
.fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
  margin-left: .3em
}
.fa-spin {
  -webkit-animation: fa-spin 2s linear infinite;
  animation: fa-spin 2s linear infinite
}
.fa-pulse {
  -webkit-animation: fa-spin 1s steps(8) infinite;
  animation: fa-spin 1s steps(8) infinite
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}
.fa-flip-vertical {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1);
  transform: scale(-1)
}
:root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
  -webkit-filter: none;
  filter: none
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em
}
.fa-stack-1x, .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%
}
.fa-stack-1x {
  line-height: inherit
}
.fa-stack-2x {
  font-size: 2em
}
.fa-inverse {
  color: #fff
}
.fa-500px:before {
  content: "\f26e"
}
.fa-accessible-icon:before {
  content: "\f368"
}
.fa-accusoft:before {
  content: "\f369"
}
.fa-acquisitions-incorporated:before {
  content: "\f6af"
}
.fa-ad:before {
  content: "\f641"
}
.fa-address-book:before {
  content: "\f2b9"
}
.fa-address-card:before {
  content: "\f2bb"
}
.fa-adjust:before {
  content: "\f042"
}
.fa-adn:before {
  content: "\f170"
}
.fa-adversal:before {
  content: "\f36a"
}
.fa-affiliatetheme:before {
  content: "\f36b"
}
.fa-air-freshener:before {
  content: "\f5d0"
}
.fa-airbnb:before {
  content: "\f834"
}
.fa-algolia:before {
  content: "\f36c"
}
.fa-align-center:before {
  content: "\f037"
}
.fa-align-justify:before {
  content: "\f039"
}
.fa-align-left:before {
  content: "\f036"
}
.fa-align-right:before {
  content: "\f038"
}
.fa-alipay:before {
  content: "\f642"
}
.fa-allergies:before {
  content: "\f461"
}
.fa-amazon:before {
  content: "\f270"
}
.fa-amazon-pay:before {
  content: "\f42c"
}
.fa-ambulance:before {
  content: "\f0f9"
}
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"
}
.fa-amilia:before {
  content: "\f36d"
}
.fa-anchor:before {
  content: "\f13d"
}
.fa-android:before {
  content: "\f17b"
}
.fa-angellist:before {
  content: "\f209"
}
.fa-angle-double-down:before {
  content: "\f103"
}
.fa-angle-double-left:before {
  content: "\f100"
}
.fa-angle-double-right:before {
  content: "\f101"
}
.fa-angle-double-up:before {
  content: "\f102"
}
.fa-angle-down:before {
  content: "\f107"
}
.fa-angle-left:before {
  content: "\f104"
}
.fa-angle-right:before {
  content: "\f105"
}
.fa-angle-up:before {
  content: "\f106"
}
.fa-angry:before {
  content: "\f556"
}
.fa-angrycreative:before {
  content: "\f36e"
}
.fa-angular:before {
  content: "\f420"
}
.fa-ankh:before {
  content: "\f644"
}
.fa-app-store:before {
  content: "\f36f"
}
.fa-app-store-ios:before {
  content: "\f370"
}
.fa-apper:before {
  content: "\f371"
}
.fa-apple:before {
  content: "\f179"
}
.fa-apple-alt:before {
  content: "\f5d1"
}
.fa-apple-pay:before {
  content: "\f415"
}
.fa-archive:before {
  content: "\f187"
}
.fa-archway:before {
  content: "\f557"
}
.fa-arrow-alt-circle-down:before {
  content: "\f358"
}
.fa-arrow-alt-circle-left:before {
  content: "\f359"
}
.fa-arrow-alt-circle-right:before {
  content: "\f35a"
}
.fa-arrow-alt-circle-up:before {
  content: "\f35b"
}
.fa-arrow-circle-down:before {
  content: "\f0ab"
}
.fa-arrow-circle-left:before {
  content: "\f0a8"
}
.fa-arrow-circle-right:before {
  content: "\f0a9"
}
.fa-arrow-circle-up:before {
  content: "\f0aa"
}
.fa-arrow-down:before {
  content: "\f063"
}
.fa-arrow-left:before {
  content: "\f060"
}
.fa-arrow-right:before {
  content: "\f061"
}
.fa-arrow-up:before {
  content: "\f062"
}
.fa-arrows-alt:before {
  content: "\f0b2"
}
.fa-arrows-alt-h:before {
  content: "\f337"
}
.fa-arrows-alt-v:before {
  content: "\f338"
}
.fa-artstation:before {
  content: "\f77a"
}
.fa-assistive-listening-systems:before {
  content: "\f2a2"
}
.fa-asterisk:before {
  content: "\f069"
}
.fa-asymmetrik:before {
  content: "\f372"
}
.fa-at:before {
  content: "\f1fa"
}
.fa-atlas:before {
  content: "\f558"
}
.fa-atlassian:before {
  content: "\f77b"
}
.fa-atom:before {
  content: "\f5d2"
}
.fa-audible:before {
  content: "\f373"
}
.fa-audio-description:before {
  content: "\f29e"
}
.fa-autoprefixer:before {
  content: "\f41c"
}
.fa-avianex:before {
  content: "\f374"
}
.fa-aviato:before {
  content: "\f421"
}
.fa-award:before {
  content: "\f559"
}
.fa-aws:before {
  content: "\f375"
}
.fa-baby:before {
  content: "\f77c"
}
.fa-baby-carriage:before {
  content: "\f77d"
}
.fa-backspace:before {
  content: "\f55a"
}
.fa-backward:before {
  content: "\f04a"
}
.fa-bacon:before {
  content: "\f7e5"
}
.fa-bacteria:before {
  content: "\e059"
}
.fa-bacterium:before {
  content: "\e05a"
}
.fa-bahai:before {
  content: "\f666"
}
.fa-balance-scale:before {
  content: "\f24e"
}
.fa-balance-scale-left:before {
  content: "\f515"
}
.fa-balance-scale-right:before {
  content: "\f516"
}
.fa-ban:before {
  content: "\f05e"
}
.fa-band-aid:before {
  content: "\f462"
}
.fa-bandcamp:before {
  content: "\f2d5"
}
.fa-barcode:before {
  content: "\f02a"
}
.fa-bars:before {
  content: "\f0c9"
}
.fa-baseball-ball:before {
  content: "\f433"
}
.fa-basketball-ball:before {
  content: "\f434"
}
.fa-bath:before {
  content: "\f2cd"
}
.fa-battery-empty:before {
  content: "\f244"
}
.fa-battery-full:before {
  content: "\f240"
}
.fa-battery-half:before {
  content: "\f242"
}
.fa-battery-quarter:before {
  content: "\f243"
}
.fa-battery-three-quarters:before {
  content: "\f241"
}
.fa-battle-net:before {
  content: "\f835"
}
.fa-bed:before {
  content: "\f236"
}
.fa-beer:before {
  content: "\f0fc"
}
.fa-behance:before {
  content: "\f1b4"
}
.fa-behance-square:before {
  content: "\f1b5"
}
.fa-bell:before {
  content: "\f0f3"
}
.fa-bell-slash:before {
  content: "\f1f6"
}
.fa-bezier-curve:before {
  content: "\f55b"
}
.fa-bible:before {
  content: "\f647"
}
.fa-bicycle:before {
  content: "\f206"
}
.fa-biking:before {
  content: "\f84a"
}
.fa-bimobject:before {
  content: "\f378"
}
.fa-binoculars:before {
  content: "\f1e5"
}
.fa-biohazard:before {
  content: "\f780"
}
.fa-birthday-cake:before {
  content: "\f1fd"
}
.fa-bitbucket:before {
  content: "\f171"
}
.fa-bitcoin:before {
  content: "\f379"
}
.fa-bity:before {
  content: "\f37a"
}
.fa-black-tie:before {
  content: "\f27e"
}
.fa-blackberry:before {
  content: "\f37b"
}
.fa-blender:before {
  content: "\f517"
}
.fa-blender-phone:before {
  content: "\f6b6"
}
.fa-blind:before {
  content: "\f29d"
}
.fa-blog:before {
  content: "\f781"
}
.fa-blogger:before {
  content: "\f37c"
}
.fa-blogger-b:before {
  content: "\f37d"
}
.fa-bluetooth:before {
  content: "\f293"
}
.fa-bluetooth-b:before {
  content: "\f294"
}
.fa-bold:before {
  content: "\f032"
}
.fa-bolt:before {
  content: "\f0e7"
}
.fa-bomb:before {
  content: "\f1e2"
}
.fa-bone:before {
  content: "\f5d7"
}
.fa-bong:before {
  content: "\f55c"
}
.fa-book:before {
  content: "\f02d"
}
.fa-book-dead:before {
  content: "\f6b7"
}
.fa-book-medical:before {
  content: "\f7e6"
}
.fa-book-open:before {
  content: "\f518"
}
.fa-book-reader:before {
  content: "\f5da"
}
.fa-bookmark:before {
  content: "\f02e"
}
.fa-bootstrap:before {
  content: "\f836"
}
.fa-border-all:before {
  content: "\f84c"
}
.fa-border-none:before {
  content: "\f850"
}
.fa-border-style:before {
  content: "\f853"
}
.fa-bowling-ball:before {
  content: "\f436"
}
.fa-box:before {
  content: "\f466"
}
.fa-box-open:before {
  content: "\f49e"
}
.fa-box-tissue:before {
  content: "\e05b"
}
.fa-boxes:before {
  content: "\f468"
}
.fa-braille:before {
  content: "\f2a1"
}
.fa-brain:before {
  content: "\f5dc"
}
.fa-bread-slice:before {
  content: "\f7ec"
}
.fa-briefcase:before {
  content: "\f0b1"
}
.fa-briefcase-medical:before {
  content: "\f469"
}
.fa-broadcast-tower:before {
  content: "\f519"
}
.fa-broom:before {
  content: "\f51a"
}
.fa-brush:before {
  content: "\f55d"
}
.fa-btc:before {
  content: "\f15a"
}
.fa-buffer:before {
  content: "\f837"
}
.fa-bug:before {
  content: "\f188"
}
.fa-building:before {
  content: "\f1ad"
}
.fa-bullhorn:before {
  content: "\f0a1"
}
.fa-bullseye:before {
  content: "\f140"
}
.fa-burn:before {
  content: "\f46a"
}
.fa-buromobelexperte:before {
  content: "\f37f"
}
.fa-bus:before {
  content: "\f207"
}
.fa-bus-alt:before {
  content: "\f55e"
}
.fa-business-time:before {
  content: "\f64a"
}
.fa-buy-n-large:before {
  content: "\f8a6"
}
.fa-buysellads:before {
  content: "\f20d"
}
.fa-calculator:before {
  content: "\f1ec"
}
.fa-calendar:before {
  content: "\f133"
}
.fa-calendar-alt:before {
  content: "\f073"
}
.fa-calendar-check:before {
  content: "\f274"
}
.fa-calendar-day:before {
  content: "\f783"
}
.fa-calendar-minus:before {
  content: "\f272"
}
.fa-calendar-plus:before {
  content: "\f271"
}
.fa-calendar-times:before {
  content: "\f273"
}
.fa-calendar-week:before {
  content: "\f784"
}
.fa-camera:before {
  content: "\f030"
}
.fa-camera-retro:before {
  content: "\f083"
}
.fa-campground:before {
  content: "\f6bb"
}
.fa-canadian-maple-leaf:before {
  content: "\f785"
}
.fa-candy-cane:before {
  content: "\f786"
}
.fa-cannabis:before {
  content: "\f55f"
}
.fa-capsules:before {
  content: "\f46b"
}
.fa-car:before {
  content: "\f1b9"
}
.fa-car-alt:before {
  content: "\f5de"
}
.fa-car-battery:before {
  content: "\f5df"
}
.fa-car-crash:before {
  content: "\f5e1"
}
.fa-car-side:before {
  content: "\f5e4"
}
.fa-caravan:before {
  content: "\f8ff"
}
.fa-caret-down:before {
  content: "\f0d7"
}
.fa-caret-left:before {
  content: "\f0d9"
}
.fa-caret-right:before {
  content: "\f0da"
}
.fa-caret-square-down:before {
  content: "\f150"
}
.fa-caret-square-left:before {
  content: "\f191"
}
.fa-caret-square-right:before {
  content: "\f152"
}
.fa-caret-square-up:before {
  content: "\f151"
}
.fa-caret-up:before {
  content: "\f0d8"
}
.fa-carrot:before {
  content: "\f787"
}
.fa-cart-arrow-down:before {
  content: "\f218"
}
.fa-cart-plus:before {
  content: "\f217"
}
.fa-cash-register:before {
  content: "\f788"
}
.fa-cat:before {
  content: "\f6be"
}
.fa-cc-amazon-pay:before {
  content: "\f42d"
}
.fa-cc-amex:before {
  content: "\f1f3"
}
.fa-cc-apple-pay:before {
  content: "\f416"
}
.fa-cc-diners-club:before {
  content: "\f24c"
}
.fa-cc-discover:before {
  content: "\f1f2"
}
.fa-cc-jcb:before {
  content: "\f24b"
}
.fa-cc-mastercard:before {
  content: "\f1f1"
}
.fa-cc-paypal:before {
  content: "\f1f4"
}
.fa-cc-stripe:before {
  content: "\f1f5"
}
.fa-cc-visa:before {
  content: "\f1f0"
}
.fa-centercode:before {
  content: "\f380"
}
.fa-centos:before {
  content: "\f789"
}
.fa-certificate:before {
  content: "\f0a3"
}
.fa-chair:before {
  content: "\f6c0"
}
.fa-chalkboard:before {
  content: "\f51b"
}
.fa-chalkboard-teacher:before {
  content: "\f51c"
}
.fa-charging-station:before {
  content: "\f5e7"
}
.fa-chart-area:before {
  content: "\f1fe"
}
.fa-chart-bar:before {
  content: "\f080"
}
.fa-chart-line:before {
  content: "\f201"
}
.fa-chart-pie:before {
  content: "\f200"
}
.fa-check:before {
  content: "\f00c"
}
.fa-check-circle:before {
  content: "\f058"
}
.fa-check-double:before {
  content: "\f560"
}
.fa-check-square:before {
  content: "\f14a"
}
.fa-cheese:before {
  content: "\f7ef"
}
.fa-chess:before {
  content: "\f439"
}
.fa-chess-bishop:before {
  content: "\f43a"
}
.fa-chess-board:before {
  content: "\f43c"
}
.fa-chess-king:before {
  content: "\f43f"
}
.fa-chess-knight:before {
  content: "\f441"
}
.fa-chess-pawn:before {
  content: "\f443"
}
.fa-chess-queen:before {
  content: "\f445"
}
.fa-chess-rook:before {
  content: "\f447"
}
.fa-chevron-circle-down:before {
  content: "\f13a"
}
.fa-chevron-circle-left:before {
  content: "\f137"
}
.fa-chevron-circle-right:before {
  content: "\f138"
}
.fa-chevron-circle-up:before {
  content: "\f139"
}
.fa-chevron-down:before {
  content: "\f078"
}
.fa-chevron-left:before {
  content: "\f053"
}
.fa-chevron-right:before {
  content: "\f054"
}
.fa-chevron-up:before {
  content: "\f077"
}
.fa-child:before {
  content: "\f1ae"
}
.fa-chrome:before {
  content: "\f268"
}
.fa-chromecast:before {
  content: "\f838"
}
.fa-church:before {
  content: "\f51d"
}
.fa-circle:before {
  content: "\f111"
}
.fa-circle-notch:before {
  content: "\f1ce"
}
.fa-city:before {
  content: "\f64f"
}
.fa-clinic-medical:before {
  content: "\f7f2"
}
.fa-clipboard:before {
  content: "\f328"
}
.fa-clipboard-check:before {
  content: "\f46c"
}
.fa-clipboard-list:before {
  content: "\f46d"
}
.fa-clock:before {
  content: "\f017"
}
.fa-clone:before {
  content: "\f24d"
}
.fa-closed-captioning:before {
  content: "\f20a"
}
.fa-cloud:before {
  content: "\f0c2"
}
.fa-cloud-download-alt:before {
  content: "\f381"
}
.fa-cloud-meatball:before {
  content: "\f73b"
}
.fa-cloud-moon:before {
  content: "\f6c3"
}
.fa-cloud-moon-rain:before {
  content: "\f73c"
}
.fa-cloud-rain:before {
  content: "\f73d"
}
.fa-cloud-showers-heavy:before {
  content: "\f740"
}
.fa-cloud-sun:before {
  content: "\f6c4"
}
.fa-cloud-sun-rain:before {
  content: "\f743"
}
.fa-cloud-upload-alt:before {
  content: "\f382"
}
.fa-cloudflare:before {
  content: "\e07d"
}
.fa-cloudscale:before {
  content: "\f383"
}
.fa-cloudsmith:before {
  content: "\f384"
}
.fa-cloudversify:before {
  content: "\f385"
}
.fa-cocktail:before {
  content: "\f561"
}
.fa-code:before {
  content: "\f121"
}
.fa-code-branch:before {
  content: "\f126"
}
.fa-codepen:before {
  content: "\f1cb"
}
.fa-codiepie:before {
  content: "\f284"
}
.fa-coffee:before {
  content: "\f0f4"
}
.fa-cog:before {
  content: "\f013"
}
.fa-cogs:before {
  content: "\f085"
}
.fa-coins:before {
  content: "\f51e"
}
.fa-columns:before {
  content: "\f0db"
}
.fa-comment:before {
  content: "\f075"
}
.fa-comment-alt:before {
  content: "\f27a"
}
.fa-comment-dollar:before {
  content: "\f651"
}
.fa-comment-dots:before {
  content: "\f4ad"
}
.fa-comment-medical:before {
  content: "\f7f5"
}
.fa-comment-slash:before {
  content: "\f4b3"
}
.fa-comments:before {
  content: "\f086"
}
.fa-comments-dollar:before {
  content: "\f653"
}
.fa-compact-disc:before {
  content: "\f51f"
}
.fa-compass:before {
  content: "\f14e"
}
.fa-compress:before {
  content: "\f066"
}
.fa-compress-alt:before {
  content: "\f422"
}
.fa-compress-arrows-alt:before {
  content: "\f78c"
}
.fa-concierge-bell:before {
  content: "\f562"
}
.fa-confluence:before {
  content: "\f78d"
}
.fa-connectdevelop:before {
  content: "\f20e"
}
.fa-contao:before {
  content: "\f26d"
}
.fa-cookie:before {
  content: "\f563"
}
.fa-cookie-bite:before {
  content: "\f564"
}
.fa-copy:before {
  content: "\f0c5"
}
.fa-copyright:before {
  content: "\f1f9"
}
.fa-cotton-bureau:before {
  content: "\f89e"
}
.fa-couch:before {
  content: "\f4b8"
}
.fa-cpanel:before {
  content: "\f388"
}
.fa-creative-commons:before {
  content: "\f25e"
}
.fa-creative-commons-by:before {
  content: "\f4e7"
}
.fa-creative-commons-nc:before {
  content: "\f4e8"
}
.fa-creative-commons-nc-eu:before {
  content: "\f4e9"
}
.fa-creative-commons-nc-jp:before {
  content: "\f4ea"
}
.fa-creative-commons-nd:before {
  content: "\f4eb"
}
.fa-creative-commons-pd:before {
  content: "\f4ec"
}
.fa-creative-commons-pd-alt:before {
  content: "\f4ed"
}
.fa-creative-commons-remix:before {
  content: "\f4ee"
}
.fa-creative-commons-sa:before {
  content: "\f4ef"
}
.fa-creative-commons-sampling:before {
  content: "\f4f0"
}
.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"
}
.fa-creative-commons-share:before {
  content: "\f4f2"
}
.fa-creative-commons-zero:before {
  content: "\f4f3"
}
.fa-credit-card:before {
  content: "\f09d"
}
.fa-critical-role:before {
  content: "\f6c9"
}
.fa-crop:before {
  content: "\f125"
}
.fa-crop-alt:before {
  content: "\f565"
}
.fa-cross:before {
  content: "\f654"
}
.fa-crosshairs:before {
  content: "\f05b"
}
.fa-crow:before {
  content: "\f520"
}
.fa-crown:before {
  content: "\f521"
}
.fa-crutch:before {
  content: "\f7f7"
}
.fa-css3:before {
  content: "\f13c"
}
.fa-css3-alt:before {
  content: "\f38b"
}
.fa-cube:before {
  content: "\f1b2"
}
.fa-cubes:before {
  content: "\f1b3"
}
.fa-cut:before {
  content: "\f0c4"
}
.fa-cuttlefish:before {
  content: "\f38c"
}
.fa-d-and-d:before {
  content: "\f38d"
}
.fa-d-and-d-beyond:before {
  content: "\f6ca"
}
.fa-dailymotion:before {
  content: "\e052"
}
.fa-dashcube:before {
  content: "\f210"
}
.fa-database:before {
  content: "\f1c0"
}
.fa-deaf:before {
  content: "\f2a4"
}
.fa-deezer:before {
  content: "\e077"
}
.fa-delicious:before {
  content: "\f1a5"
}
.fa-democrat:before {
  content: "\f747"
}
.fa-deploydog:before {
  content: "\f38e"
}
.fa-deskpro:before {
  content: "\f38f"
}
.fa-desktop:before {
  content: "\f108"
}
.fa-dev:before {
  content: "\f6cc"
}
.fa-deviantart:before {
  content: "\f1bd"
}
.fa-dharmachakra:before {
  content: "\f655"
}
.fa-dhl:before {
  content: "\f790"
}
.fa-diagnoses:before {
  content: "\f470"
}
.fa-diaspora:before {
  content: "\f791"
}
.fa-dice:before {
  content: "\f522"
}
.fa-dice-d20:before {
  content: "\f6cf"
}
.fa-dice-d6:before {
  content: "\f6d1"
}
.fa-dice-five:before {
  content: "\f523"
}
.fa-dice-four:before {
  content: "\f524"
}
.fa-dice-one:before {
  content: "\f525"
}
.fa-dice-six:before {
  content: "\f526"
}
.fa-dice-three:before {
  content: "\f527"
}
.fa-dice-two:before {
  content: "\f528"
}
.fa-digg:before {
  content: "\f1a6"
}
.fa-digital-ocean:before {
  content: "\f391"
}
.fa-digital-tachograph:before {
  content: "\f566"
}
.fa-directions:before {
  content: "\f5eb"
}
.fa-discord:before {
  content: "\f392"
}
.fa-discourse:before {
  content: "\f393"
}
.fa-disease:before {
  content: "\f7fa"
}
.fa-divide:before {
  content: "\f529"
}
.fa-dizzy:before {
  content: "\f567"
}
.fa-dna:before {
  content: "\f471"
}
.fa-dochub:before {
  content: "\f394"
}
.fa-docker:before {
  content: "\f395"
}
.fa-dog:before {
  content: "\f6d3"
}
.fa-dollar-sign:before {
  content: "\f155"
}
.fa-dolly:before {
  content: "\f472"
}
.fa-dolly-flatbed:before {
  content: "\f474"
}
.fa-donate:before {
  content: "\f4b9"
}
.fa-door-closed:before {
  content: "\f52a"
}
.fa-door-open:before {
  content: "\f52b"
}
.fa-dot-circle:before {
  content: "\f192"
}
.fa-dove:before {
  content: "\f4ba"
}
.fa-download:before {
  content: "\f019"
}
.fa-draft2digital:before {
  content: "\f396"
}
.fa-drafting-compass:before {
  content: "\f568"
}
.fa-dragon:before {
  content: "\f6d5"
}
.fa-draw-polygon:before {
  content: "\f5ee"
}
.fa-dribbble:before {
  content: "\f17d"
}
.fa-dribbble-square:before {
  content: "\f397"
}
.fa-dropbox:before {
  content: "\f16b"
}
.fa-drum:before {
  content: "\f569"
}
.fa-drum-steelpan:before {
  content: "\f56a"
}
.fa-drumstick-bite:before {
  content: "\f6d7"
}
.fa-drupal:before {
  content: "\f1a9"
}
.fa-dumbbell:before {
  content: "\f44b"
}
.fa-dumpster:before {
  content: "\f793"
}
.fa-dumpster-fire:before {
  content: "\f794"
}
.fa-dungeon:before {
  content: "\f6d9"
}
.fa-dyalog:before {
  content: "\f399"
}
.fa-earlybirds:before {
  content: "\f39a"
}
.fa-ebay:before {
  content: "\f4f4"
}
.fa-edge:before {
  content: "\f282"
}
.fa-edge-legacy:before {
  content: "\e078"
}
.fa-edit:before {
  content: "\f044"
}
.fa-egg:before {
  content: "\f7fb"
}
.fa-eject:before {
  content: "\f052"
}
.fa-elementor:before {
  content: "\f430"
}
.fa-ellipsis-h:before {
  content: "\f141"
}
.fa-ellipsis-v:before {
  content: "\f142"
}
.fa-ello:before {
  content: "\f5f1"
}
.fa-ember:before {
  content: "\f423"
}
.fa-empire:before {
  content: "\f1d1"
}
.fa-envelope:before {
  content: "\f0e0"
}
.fa-envelope-open:before {
  content: "\f2b6"
}
.fa-envelope-open-text:before {
  content: "\f658"
}
.fa-envelope-square:before {
  content: "\f199"
}
.fa-envira:before {
  content: "\f299"
}
.fa-equals:before {
  content: "\f52c"
}
.fa-eraser:before {
  content: "\f12d"
}
.fa-erlang:before {
  content: "\f39d"
}
.fa-ethereum:before {
  content: "\f42e"
}
.fa-ethernet:before {
  content: "\f796"
}
.fa-etsy:before {
  content: "\f2d7"
}
.fa-euro-sign:before {
  content: "\f153"
}
.fa-evernote:before {
  content: "\f839"
}
.fa-exchange-alt:before {
  content: "\f362"
}
.fa-exclamation:before {
  content: "\f12a"
}
.fa-exclamation-circle:before {
  content: "\f06a"
}
.fa-exclamation-triangle:before {
  content: "\f071"
}
.fa-expand:before {
  content: "\f065"
}
.fa-expand-alt:before {
  content: "\f424"
}
.fa-expand-arrows-alt:before {
  content: "\f31e"
}
.fa-expeditedssl:before {
  content: "\f23e"
}
.fa-external-link-alt:before {
  content: "\f35d"
}
.fa-external-link-square-alt:before {
  content: "\f360"
}
.fa-eye:before {
  content: "\f06e"
}
.fa-eye-dropper:before {
  content: "\f1fb"
}
.fa-eye-slash:before {
  content: "\f070"
}
.fa-facebook:before {
  content: "\f09a"
}
.fa-facebook-f:before {
  content: "\f39e"
}
.fa-facebook-messenger:before {
  content: "\f39f"
}
.fa-facebook-square:before {
  content: "\f082"
}
.fa-fan:before {
  content: "\f863"
}
.fa-fantasy-flight-games:before {
  content: "\f6dc"
}
.fa-fast-backward:before {
  content: "\f049"
}
.fa-fast-forward:before {
  content: "\f050"
}
.fa-faucet:before {
  content: "\e005"
}
.fa-fax:before {
  content: "\f1ac"
}
.fa-feather:before {
  content: "\f52d"
}
.fa-feather-alt:before {
  content: "\f56b"
}
.fa-fedex:before {
  content: "\f797"
}
.fa-fedora:before {
  content: "\f798"
}
.fa-female:before {
  content: "\f182"
}
.fa-fighter-jet:before {
  content: "\f0fb"
}
.fa-figma:before {
  content: "\f799"
}
.fa-file:before {
  content: "\f15b"
}
.fa-file-alt:before {
  content: "\f15c"
}
.fa-file-archive:before {
  content: "\f1c6"
}
.fa-file-audio:before {
  content: "\f1c7"
}
.fa-file-code:before {
  content: "\f1c9"
}
.fa-file-contract:before {
  content: "\f56c"
}
.fa-file-csv:before {
  content: "\f6dd"
}
.fa-file-download:before {
  content: "\f56d"
}
.fa-file-excel:before {
  content: "\f1c3"
}
.fa-file-export:before {
  content: "\f56e"
}
.fa-file-image:before {
  content: "\f1c5"
}
.fa-file-import:before {
  content: "\f56f"
}
.fa-file-invoice:before {
  content: "\f570"
}
.fa-file-invoice-dollar:before {
  content: "\f571"
}
.fa-file-medical:before {
  content: "\f477"
}
.fa-file-medical-alt:before {
  content: "\f478"
}
.fa-file-pdf:before {
  content: "\f1c1"
}
.fa-file-powerpoint:before {
  content: "\f1c4"
}
.fa-file-prescription:before {
  content: "\f572"
}
.fa-file-signature:before {
  content: "\f573"
}
.fa-file-upload:before {
  content: "\f574"
}
.fa-file-video:before {
  content: "\f1c8"
}
.fa-file-word:before {
  content: "\f1c2"
}
.fa-fill:before {
  content: "\f575"
}
.fa-fill-drip:before {
  content: "\f576"
}
.fa-film:before {
  content: "\f008"
}
.fa-filter:before {
  content: "\f0b0"
}
.fa-fingerprint:before {
  content: "\f577"
}
.fa-fire:before {
  content: "\f06d"
}
.fa-fire-alt:before {
  content: "\f7e4"
}
.fa-fire-extinguisher:before {
  content: "\f134"
}
.fa-firefox:before {
  content: "\f269"
}
.fa-firefox-browser:before {
  content: "\e007"
}
.fa-first-aid:before {
  content: "\f479"
}
.fa-first-order:before {
  content: "\f2b0"
}
.fa-first-order-alt:before {
  content: "\f50a"
}
.fa-firstdraft:before {
  content: "\f3a1"
}
.fa-fish:before {
  content: "\f578"
}
.fa-fist-raised:before {
  content: "\f6de"
}
.fa-flag:before {
  content: "\f024"
}
.fa-flag-checkered:before {
  content: "\f11e"
}
.fa-flag-usa:before {
  content: "\f74d"
}
.fa-flask:before {
  content: "\f0c3"
}
.fa-flickr:before {
  content: "\f16e"
}
.fa-flipboard:before {
  content: "\f44d"
}
.fa-flushed:before {
  content: "\f579"
}
.fa-fly:before {
  content: "\f417"
}
.fa-folder:before {
  content: "\f07b"
}
.fa-folder-minus:before {
  content: "\f65d"
}
.fa-folder-open:before {
  content: "\f07c"
}
.fa-folder-plus:before {
  content: "\f65e"
}
.fa-font:before {
  content: "\f031"
}
.fa-font-awesome:before {
  content: "\f2b4"
}
.fa-font-awesome-alt:before {
  content: "\f35c"
}
.fa-font-awesome-flag:before {
  content: "\f425"
}
.fa-font-awesome-logo-full:before {
  content: "\f4e6"
}
.fa-fonticons:before {
  content: "\f280"
}
.fa-fonticons-fi:before {
  content: "\f3a2"
}
.fa-football-ball:before {
  content: "\f44e"
}
.fa-fort-awesome:before {
  content: "\f286"
}
.fa-fort-awesome-alt:before {
  content: "\f3a3"
}
.fa-forumbee:before {
  content: "\f211"
}
.fa-forward:before {
  content: "\f04e"
}
.fa-foursquare:before {
  content: "\f180"
}
.fa-free-code-camp:before {
  content: "\f2c5"
}
.fa-freebsd:before {
  content: "\f3a4"
}
.fa-frog:before {
  content: "\f52e"
}
.fa-frown:before {
  content: "\f119"
}
.fa-frown-open:before {
  content: "\f57a"
}
.fa-fulcrum:before {
  content: "\f50b"
}
.fa-funnel-dollar:before {
  content: "\f662"
}
.fa-futbol:before {
  content: "\f1e3"
}
.fa-galactic-republic:before {
  content: "\f50c"
}
.fa-galactic-senate:before {
  content: "\f50d"
}
.fa-gamepad:before {
  content: "\f11b"
}
.fa-gas-pump:before {
  content: "\f52f"
}
.fa-gavel:before {
  content: "\f0e3"
}
.fa-gem:before {
  content: "\f3a5"
}
.fa-genderless:before {
  content: "\f22d"
}
.fa-get-pocket:before {
  content: "\f265"
}
.fa-gg:before {
  content: "\f260"
}
.fa-gg-circle:before {
  content: "\f261"
}
.fa-ghost:before {
  content: "\f6e2"
}
.fa-gift:before {
  content: "\f06b"
}
.fa-gifts:before {
  content: "\f79c"
}
.fa-git:before {
  content: "\f1d3"
}
.fa-git-alt:before {
  content: "\f841"
}
.fa-git-square:before {
  content: "\f1d2"
}
.fa-github:before {
  content: "\f09b"
}
.fa-github-alt:before {
  content: "\f113"
}
.fa-github-square:before {
  content: "\f092"
}
.fa-gitkraken:before {
  content: "\f3a6"
}
.fa-gitlab:before {
  content: "\f296"
}
.fa-gitter:before {
  content: "\f426"
}
.fa-glass-cheers:before {
  content: "\f79f"
}
.fa-glass-martini:before {
  content: "\f000"
}
.fa-glass-martini-alt:before {
  content: "\f57b"
}
.fa-glass-whiskey:before {
  content: "\f7a0"
}
.fa-glasses:before {
  content: "\f530"
}
.fa-glide:before {
  content: "\f2a5"
}
.fa-glide-g:before {
  content: "\f2a6"
}
.fa-globe:before {
  content: "\f0ac"
}
.fa-globe-africa:before {
  content: "\f57c"
}
.fa-globe-americas:before {
  content: "\f57d"
}
.fa-globe-asia:before {
  content: "\f57e"
}
.fa-globe-europe:before {
  content: "\f7a2"
}
.fa-gofore:before {
  content: "\f3a7"
}
.fa-golf-ball:before {
  content: "\f450"
}
.fa-goodreads:before {
  content: "\f3a8"
}
.fa-goodreads-g:before {
  content: "\f3a9"
}
.fa-google:before {
  content: "\f1a0"
}
.fa-google-drive:before {
  content: "\f3aa"
}
.fa-google-pay:before {
  content: "\e079"
}
.fa-google-play:before {
  content: "\f3ab"
}
.fa-google-plus:before {
  content: "\f2b3"
}
.fa-google-plus-g:before {
  content: "\f0d5"
}
.fa-google-plus-square:before {
  content: "\f0d4"
}
.fa-google-wallet:before {
  content: "\f1ee"
}
.fa-gopuram:before {
  content: "\f664"
}
.fa-graduation-cap:before {
  content: "\f19d"
}
.fa-gratipay:before {
  content: "\f184"
}
.fa-grav:before {
  content: "\f2d6"
}
.fa-greater-than:before {
  content: "\f531"
}
.fa-greater-than-equal:before {
  content: "\f532"
}
.fa-grimace:before {
  content: "\f57f"
}
.fa-grin:before {
  content: "\f580"
}
.fa-grin-alt:before {
  content: "\f581"
}
.fa-grin-beam:before {
  content: "\f582"
}
.fa-grin-beam-sweat:before {
  content: "\f583"
}
.fa-grin-hearts:before {
  content: "\f584"
}
.fa-grin-squint:before {
  content: "\f585"
}
.fa-grin-squint-tears:before {
  content: "\f586"
}
.fa-grin-stars:before {
  content: "\f587"
}
.fa-grin-tears:before {
  content: "\f588"
}
.fa-grin-tongue:before {
  content: "\f589"
}
.fa-grin-tongue-squint:before {
  content: "\f58a"
}
.fa-grin-tongue-wink:before {
  content: "\f58b"
}
.fa-grin-wink:before {
  content: "\f58c"
}
.fa-grip-horizontal:before {
  content: "\f58d"
}
.fa-grip-lines:before {
  content: "\f7a4"
}
.fa-grip-lines-vertical:before {
  content: "\f7a5"
}
.fa-grip-vertical:before {
  content: "\f58e"
}
.fa-gripfire:before {
  content: "\f3ac"
}
.fa-grunt:before {
  content: "\f3ad"
}
.fa-guilded:before {
  content: "\e07e"
}
.fa-guitar:before {
  content: "\f7a6"
}
.fa-gulp:before {
  content: "\f3ae"
}
.fa-h-square:before {
  content: "\f0fd"
}
.fa-hacker-news:before {
  content: "\f1d4"
}
.fa-hacker-news-square:before {
  content: "\f3af"
}
.fa-hackerrank:before {
  content: "\f5f7"
}
.fa-hamburger:before {
  content: "\f805"
}
.fa-hammer:before {
  content: "\f6e3"
}
.fa-hamsa:before {
  content: "\f665"
}
.fa-hand-holding:before {
  content: "\f4bd"
}
.fa-hand-holding-heart:before {
  content: "\f4be"
}
.fa-hand-holding-medical:before {
  content: "\e05c"
}
.fa-hand-holding-usd:before {
  content: "\f4c0"
}
.fa-hand-holding-water:before {
  content: "\f4c1"
}
.fa-hand-lizard:before {
  content: "\f258"
}
.fa-hand-middle-finger:before {
  content: "\f806"
}
.fa-hand-paper:before {
  content: "\f256"
}
.fa-hand-peace:before {
  content: "\f25b"
}
.fa-hand-point-down:before {
  content: "\f0a7"
}
.fa-hand-point-left:before {
  content: "\f0a5"
}
.fa-hand-point-right:before {
  content: "\f0a4"
}
.fa-hand-point-up:before {
  content: "\f0a6"
}
.fa-hand-pointer:before {
  content: "\f25a"
}
.fa-hand-rock:before {
  content: "\f255"
}
.fa-hand-scissors:before {
  content: "\f257"
}
.fa-hand-sparkles:before {
  content: "\e05d"
}
.fa-hand-spock:before {
  content: "\f259"
}
.fa-hands:before {
  content: "\f4c2"
}
.fa-hands-helping:before {
  content: "\f4c4"
}
.fa-hands-wash:before {
  content: "\e05e"
}
.fa-handshake:before {
  content: "\f2b5"
}
.fa-handshake-alt-slash:before {
  content: "\e05f"
}
.fa-handshake-slash:before {
  content: "\e060"
}
.fa-hanukiah:before {
  content: "\f6e6"
}
.fa-hard-hat:before {
  content: "\f807"
}
.fa-hashtag:before {
  content: "\f292"
}
.fa-hat-cowboy:before {
  content: "\f8c0"
}
.fa-hat-cowboy-side:before {
  content: "\f8c1"
}
.fa-hat-wizard:before {
  content: "\f6e8"
}
.fa-hdd:before {
  content: "\f0a0"
}
.fa-head-side-cough:before {
  content: "\e061"
}
.fa-head-side-cough-slash:before {
  content: "\e062"
}
.fa-head-side-mask:before {
  content: "\e063"
}
.fa-head-side-virus:before {
  content: "\e064"
}
.fa-heading:before {
  content: "\f1dc"
}
.fa-headphones:before {
  content: "\f025"
}
.fa-headphones-alt:before {
  content: "\f58f"
}
.fa-headset:before {
  content: "\f590"
}
.fa-heart:before {
  content: "\f004"
}
.fa-heart-broken:before {
  content: "\f7a9"
}
.fa-heartbeat:before {
  content: "\f21e"
}
.fa-helicopter:before {
  content: "\f533"
}
.fa-highlighter:before {
  content: "\f591"
}
.fa-hiking:before {
  content: "\f6ec"
}
.fa-hippo:before {
  content: "\f6ed"
}
.fa-hips:before {
  content: "\f452"
}
.fa-hire-a-helper:before {
  content: "\f3b0"
}
.fa-history:before {
  content: "\f1da"
}
.fa-hive:before {
  content: "\e07f"
}
.fa-hockey-puck:before {
  content: "\f453"
}
.fa-holly-berry:before {
  content: "\f7aa"
}
.fa-home:before {
  content: "\f015"
}
.fa-hooli:before {
  content: "\f427"
}
.fa-hornbill:before {
  content: "\f592"
}
.fa-horse:before {
  content: "\f6f0"
}
.fa-horse-head:before {
  content: "\f7ab"
}
.fa-hospital:before {
  content: "\f0f8"
}
.fa-hospital-alt:before {
  content: "\f47d"
}
.fa-hospital-symbol:before {
  content: "\f47e"
}
.fa-hospital-user:before {
  content: "\f80d"
}
.fa-hot-tub:before {
  content: "\f593"
}
.fa-hotdog:before {
  content: "\f80f"
}
.fa-hotel:before {
  content: "\f594"
}
.fa-hotjar:before {
  content: "\f3b1"
}
.fa-hourglass:before {
  content: "\f254"
}
.fa-hourglass-end:before {
  content: "\f253"
}
.fa-hourglass-half:before {
  content: "\f252"
}
.fa-hourglass-start:before {
  content: "\f251"
}
.fa-house-damage:before {
  content: "\f6f1"
}
.fa-house-user:before {
  content: "\e065"
}
.fa-houzz:before {
  content: "\f27c"
}
.fa-hryvnia:before {
  content: "\f6f2"
}
.fa-html5:before {
  content: "\f13b"
}
.fa-hubspot:before {
  content: "\f3b2"
}
.fa-i-cursor:before {
  content: "\f246"
}
.fa-ice-cream:before {
  content: "\f810"
}
.fa-icicles:before {
  content: "\f7ad"
}
.fa-icons:before {
  content: "\f86d"
}
.fa-id-badge:before {
  content: "\f2c1"
}
.fa-id-card:before {
  content: "\f2c2"
}
.fa-id-card-alt:before {
  content: "\f47f"
}
.fa-ideal:before {
  content: "\e013"
}
.fa-igloo:before {
  content: "\f7ae"
}
.fa-image:before {
  content: "\f03e"
}
.fa-images:before {
  content: "\f302"
}
.fa-imdb:before {
  content: "\f2d8"
}
.fa-inbox:before {
  content: "\f01c"
}
.fa-indent:before {
  content: "\f03c"
}
.fa-industry:before {
  content: "\f275"
}
.fa-infinity:before {
  content: "\f534"
}
.fa-info:before {
  content: "\f129"
}
.fa-info-circle:before {
  content: "\f05a"
}
.fa-innosoft:before {
  content: "\e080"
}
.fa-instagram:before {
  content: "\f16d"
}
.fa-instagram-square:before {
  content: "\e055"
}
.fa-instalod:before {
  content: "\e081"
}
.fa-intercom:before {
  content: "\f7af"
}
.fa-internet-explorer:before {
  content: "\f26b"
}
.fa-invision:before {
  content: "\f7b0"
}
.fa-ioxhost:before {
  content: "\f208"
}
.fa-italic:before {
  content: "\f033"
}
.fa-itch-io:before {
  content: "\f83a"
}
.fa-itunes:before {
  content: "\f3b4"
}
.fa-itunes-note:before {
  content: "\f3b5"
}
.fa-java:before {
  content: "\f4e4"
}
.fa-jedi:before {
  content: "\f669"
}
.fa-jedi-order:before {
  content: "\f50e"
}
.fa-jenkins:before {
  content: "\f3b6"
}
.fa-jira:before {
  content: "\f7b1"
}
.fa-joget:before {
  content: "\f3b7"
}
.fa-joint:before {
  content: "\f595"
}
.fa-joomla:before {
  content: "\f1aa"
}
.fa-journal-whills:before {
  content: "\f66a"
}
.fa-js:before {
  content: "\f3b8"
}
.fa-js-square:before {
  content: "\f3b9"
}
.fa-jsfiddle:before {
  content: "\f1cc"
}
.fa-kaaba:before {
  content: "\f66b"
}
.fa-kaggle:before {
  content: "\f5fa"
}
.fa-key:before {
  content: "\f084"
}
.fa-keybase:before {
  content: "\f4f5"
}
.fa-keyboard:before {
  content: "\f11c"
}
.fa-keycdn:before {
  content: "\f3ba"
}
.fa-khanda:before {
  content: "\f66d"
}
.fa-kickstarter:before {
  content: "\f3bb"
}
.fa-kickstarter-k:before {
  content: "\f3bc"
}
.fa-kiss:before {
  content: "\f596"
}
.fa-kiss-beam:before {
  content: "\f597"
}
.fa-kiss-wink-heart:before {
  content: "\f598"
}
.fa-kiwi-bird:before {
  content: "\f535"
}
.fa-korvue:before {
  content: "\f42f"
}
.fa-landmark:before {
  content: "\f66f"
}
.fa-language:before {
  content: "\f1ab"
}
.fa-laptop:before {
  content: "\f109"
}
.fa-laptop-code:before {
  content: "\f5fc"
}
.fa-laptop-house:before {
  content: "\e066"
}
.fa-laptop-medical:before {
  content: "\f812"
}
.fa-laravel:before {
  content: "\f3bd"
}
.fa-lastfm:before {
  content: "\f202"
}
.fa-lastfm-square:before {
  content: "\f203"
}
.fa-laugh:before {
  content: "\f599"
}
.fa-laugh-beam:before {
  content: "\f59a"
}
.fa-laugh-squint:before {
  content: "\f59b"
}
.fa-laugh-wink:before {
  content: "\f59c"
}
.fa-layer-group:before {
  content: "\f5fd"
}
.fa-leaf:before {
  content: "\f06c"
}
.fa-leanpub:before {
  content: "\f212"
}
.fa-lemon:before {
  content: "\f094"
}
.fa-less:before {
  content: "\f41d"
}
.fa-less-than:before {
  content: "\f536"
}
.fa-less-than-equal:before {
  content: "\f537"
}
.fa-level-down-alt:before {
  content: "\f3be"
}
.fa-level-up-alt:before {
  content: "\f3bf"
}
.fa-life-ring:before {
  content: "\f1cd"
}
.fa-lightbulb:before {
  content: "\f0eb"
}
.fa-line:before {
  content: "\f3c0"
}
.fa-link:before {
  content: "\f0c1"
}
.fa-linkedin:before {
  content: "\f08c"
}
.fa-linkedin-in:before {
  content: "\f0e1"
}
.fa-linode:before {
  content: "\f2b8"
}
.fa-linux:before {
  content: "\f17c"
}
.fa-lira-sign:before {
  content: "\f195"
}
.fa-list:before {
  content: "\f03a"
}
.fa-list-alt:before {
  content: "\f022"
}
.fa-list-ol:before {
  content: "\f0cb"
}
.fa-list-ul:before {
  content: "\f0ca"
}
.fa-location-arrow:before {
  content: "\f124"
}
.fa-lock:before {
  content: "\f023"
}
.fa-lock-open:before {
  content: "\f3c1"
}
.fa-long-arrow-alt-down:before {
  content: "\f309"
}
.fa-long-arrow-alt-left:before {
  content: "\f30a"
}
.fa-long-arrow-alt-right:before {
  content: "\f30b"
}
.fa-long-arrow-alt-up:before {
  content: "\f30c"
}
.fa-low-vision:before {
  content: "\f2a8"
}
.fa-luggage-cart:before {
  content: "\f59d"
}
.fa-lungs:before {
  content: "\f604"
}
.fa-lungs-virus:before {
  content: "\e067"
}
.fa-lyft:before {
  content: "\f3c3"
}
.fa-magento:before {
  content: "\f3c4"
}
.fa-magic:before {
  content: "\f0d0"
}
.fa-magnet:before {
  content: "\f076"
}
.fa-mail-bulk:before {
  content: "\f674"
}
.fa-mailchimp:before {
  content: "\f59e"
}
.fa-male:before {
  content: "\f183"
}
.fa-mandalorian:before {
  content: "\f50f"
}
.fa-map:before {
  content: "\f279"
}
.fa-map-marked:before {
  content: "\f59f"
}
.fa-map-marked-alt:before {
  content: "\f5a0"
}
.fa-map-marker:before {
  content: "\f041"
}
.fa-map-marker-alt:before {
  content: "\f3c5"
}
.fa-map-pin:before {
  content: "\f276"
}
.fa-map-signs:before {
  content: "\f277"
}
.fa-markdown:before {
  content: "\f60f"
}
.fa-marker:before {
  content: "\f5a1"
}
.fa-mars:before {
  content: "\f222"
}
.fa-mars-double:before {
  content: "\f227"
}
.fa-mars-stroke:before {
  content: "\f229"
}
.fa-mars-stroke-h:before {
  content: "\f22b"
}
.fa-mars-stroke-v:before {
  content: "\f22a"
}
.fa-mask:before {
  content: "\f6fa"
}
.fa-mastodon:before {
  content: "\f4f6"
}
.fa-maxcdn:before {
  content: "\f136"
}
.fa-mdb:before {
  content: "\f8ca"
}
.fa-medal:before {
  content: "\f5a2"
}
.fa-medapps:before {
  content: "\f3c6"
}
.fa-medium:before {
  content: "\f23a"
}
.fa-medium-m:before {
  content: "\f3c7"
}
.fa-medkit:before {
  content: "\f0fa"
}
.fa-medrt:before {
  content: "\f3c8"
}
.fa-meetup:before {
  content: "\f2e0"
}
.fa-megaport:before {
  content: "\f5a3"
}
.fa-meh:before {
  content: "\f11a"
}
.fa-meh-blank:before {
  content: "\f5a4"
}
.fa-meh-rolling-eyes:before {
  content: "\f5a5"
}
.fa-memory:before {
  content: "\f538"
}
.fa-mendeley:before {
  content: "\f7b3"
}
.fa-menorah:before {
  content: "\f676"
}
.fa-mercury:before {
  content: "\f223"
}
.fa-meteor:before {
  content: "\f753"
}
.fa-microblog:before {
  content: "\e01a"
}
.fa-microchip:before {
  content: "\f2db"
}
.fa-microphone:before {
  content: "\f130"
}
.fa-microphone-alt:before {
  content: "\f3c9"
}
.fa-microphone-alt-slash:before {
  content: "\f539"
}
.fa-microphone-slash:before {
  content: "\f131"
}
.fa-microscope:before {
  content: "\f610"
}
.fa-microsoft:before {
  content: "\f3ca"
}
.fa-minus:before {
  content: "\f068"
}
.fa-minus-circle:before {
  content: "\f056"
}
.fa-minus-square:before {
  content: "\f146"
}
.fa-mitten:before {
  content: "\f7b5"
}
.fa-mix:before {
  content: "\f3cb"
}
.fa-mixcloud:before {
  content: "\f289"
}
.fa-mixer:before {
  content: "\e056"
}
.fa-mizuni:before {
  content: "\f3cc"
}
.fa-mobile:before {
  content: "\f10b"
}
.fa-mobile-alt:before {
  content: "\f3cd"
}
.fa-modx:before {
  content: "\f285"
}
.fa-monero:before {
  content: "\f3d0"
}
.fa-money-bill:before {
  content: "\f0d6"
}
.fa-money-bill-alt:before {
  content: "\f3d1"
}
.fa-money-bill-wave:before {
  content: "\f53a"
}
.fa-money-bill-wave-alt:before {
  content: "\f53b"
}
.fa-money-check:before {
  content: "\f53c"
}
.fa-money-check-alt:before {
  content: "\f53d"
}
.fa-monument:before {
  content: "\f5a6"
}
.fa-moon:before {
  content: "\f186"
}
.fa-mortar-pestle:before {
  content: "\f5a7"
}
.fa-mosque:before {
  content: "\f678"
}
.fa-motorcycle:before {
  content: "\f21c"
}
.fa-mountain:before {
  content: "\f6fc"
}
.fa-mouse:before {
  content: "\f8cc"
}
.fa-mouse-pointer:before {
  content: "\f245"
}
.fa-mug-hot:before {
  content: "\f7b6"
}
.fa-music:before {
  content: "\f001"
}
.fa-napster:before {
  content: "\f3d2"
}
.fa-neos:before {
  content: "\f612"
}
.fa-network-wired:before {
  content: "\f6ff"
}
.fa-neuter:before {
  content: "\f22c"
}
.fa-newspaper:before {
  content: "\f1ea"
}
.fa-nimblr:before {
  content: "\f5a8"
}
.fa-node:before {
  content: "\f419"
}
.fa-node-js:before {
  content: "\f3d3"
}
.fa-not-equal:before {
  content: "\f53e"
}
.fa-notes-medical:before {
  content: "\f481"
}
.fa-npm:before {
  content: "\f3d4"
}
.fa-ns8:before {
  content: "\f3d5"
}
.fa-nutritionix:before {
  content: "\f3d6"
}
.fa-object-group:before {
  content: "\f247"
}
.fa-object-ungroup:before {
  content: "\f248"
}
.fa-octopus-deploy:before {
  content: "\e082"
}
.fa-odnoklassniki:before {
  content: "\f263"
}
.fa-odnoklassniki-square:before {
  content: "\f264"
}
.fa-oil-can:before {
  content: "\f613"
}
.fa-old-republic:before {
  content: "\f510"
}
.fa-om:before {
  content: "\f679"
}
.fa-opencart:before {
  content: "\f23d"
}
.fa-openid:before {
  content: "\f19b"
}
.fa-opera:before {
  content: "\f26a"
}
.fa-optin-monster:before {
  content: "\f23c"
}
.fa-orcid:before {
  content: "\f8d2"
}
.fa-osi:before {
  content: "\f41a"
}
.fa-otter:before {
  content: "\f700"
}
.fa-outdent:before {
  content: "\f03b"
}
.fa-page4:before {
  content: "\f3d7"
}
.fa-pagelines:before {
  content: "\f18c"
}
.fa-pager:before {
  content: "\f815"
}
.fa-paint-brush:before {
  content: "\f1fc"
}
.fa-paint-roller:before {
  content: "\f5aa"
}
.fa-palette:before {
  content: "\f53f"
}
.fa-palfed:before {
  content: "\f3d8"
}
.fa-pallet:before {
  content: "\f482"
}
.fa-paper-plane:before {
  content: "\f1d8"
}
.fa-paperclip:before {
  content: "\f0c6"
}
.fa-parachute-box:before {
  content: "\f4cd"
}
.fa-paragraph:before {
  content: "\f1dd"
}
.fa-parking:before {
  content: "\f540"
}
.fa-passport:before {
  content: "\f5ab"
}
.fa-pastafarianism:before {
  content: "\f67b"
}
.fa-paste:before {
  content: "\f0ea"
}
.fa-patreon:before {
  content: "\f3d9"
}
.fa-pause:before {
  content: "\f04c"
}
.fa-pause-circle:before {
  content: "\f28b"
}
.fa-paw:before {
  content: "\f1b0"
}
.fa-paypal:before {
  content: "\f1ed"
}
.fa-peace:before {
  content: "\f67c"
}
.fa-pen:before {
  content: "\f304"
}
.fa-pen-alt:before {
  content: "\f305"
}
.fa-pen-fancy:before {
  content: "\f5ac"
}
.fa-pen-nib:before {
  content: "\f5ad"
}
.fa-pen-square:before {
  content: "\f14b"
}
.fa-pencil-alt:before {
  content: "\f303"
}
.fa-pencil-ruler:before {
  content: "\f5ae"
}
.fa-penny-arcade:before {
  content: "\f704"
}
.fa-people-arrows:before {
  content: "\e068"
}
.fa-people-carry:before {
  content: "\f4ce"
}
.fa-pepper-hot:before {
  content: "\f816"
}
.fa-perbyte:before {
  content: "\e083"
}
.fa-percent:before {
  content: "\f295"
}
.fa-percentage:before {
  content: "\f541"
}
.fa-periscope:before {
  content: "\f3da"
}
.fa-person-booth:before {
  content: "\f756"
}
.fa-phabricator:before {
  content: "\f3db"
}
.fa-phoenix-framework:before {
  content: "\f3dc"
}
.fa-phoenix-squadron:before {
  content: "\f511"
}
.fa-phone:before {
  content: "\f095"
}
.fa-phone-alt:before {
  content: "\f879"
}
.fa-phone-slash:before {
  content: "\f3dd"
}
.fa-phone-square:before {
  content: "\f098"
}
.fa-phone-square-alt:before {
  content: "\f87b"
}
.fa-phone-volume:before {
  content: "\f2a0"
}
.fa-photo-video:before {
  content: "\f87c"
}
.fa-php:before {
  content: "\f457"
}
.fa-pied-piper:before {
  content: "\f2ae"
}
.fa-pied-piper-alt:before {
  content: "\f1a8"
}
.fa-pied-piper-hat:before {
  content: "\f4e5"
}
.fa-pied-piper-pp:before {
  content: "\f1a7"
}
.fa-pied-piper-square:before {
  content: "\e01e"
}
.fa-piggy-bank:before {
  content: "\f4d3"
}
.fa-pills:before {
  content: "\f484"
}
.fa-pinterest:before {
  content: "\f0d2"
}
.fa-pinterest-p:before {
  content: "\f231"
}
.fa-pinterest-square:before {
  content: "\f0d3"
}
.fa-pizza-slice:before {
  content: "\f818"
}
.fa-place-of-worship:before {
  content: "\f67f"
}
.fa-plane:before {
  content: "\f072"
}
.fa-plane-arrival:before {
  content: "\f5af"
}
.fa-plane-departure:before {
  content: "\f5b0"
}
.fa-plane-slash:before {
  content: "\e069"
}
.fa-play:before {
  content: "\f04b"
}
.fa-play-circle:before {
  content: "\f144"
}
.fa-playstation:before {
  content: "\f3df"
}
.fa-plug:before {
  content: "\f1e6"
}
.fa-plus:before {
  content: "\f067"
}
.fa-plus-circle:before {
  content: "\f055"
}
.fa-plus-square:before {
  content: "\f0fe"
}
.fa-podcast:before {
  content: "\f2ce"
}
.fa-poll:before {
  content: "\f681"
}
.fa-poll-h:before {
  content: "\f682"
}
.fa-poo:before {
  content: "\f2fe"
}
.fa-poo-storm:before {
  content: "\f75a"
}
.fa-poop:before {
  content: "\f619"
}
.fa-portrait:before {
  content: "\f3e0"
}
.fa-pound-sign:before {
  content: "\f154"
}
.fa-power-off:before {
  content: "\f011"
}
.fa-pray:before {
  content: "\f683"
}
.fa-praying-hands:before {
  content: "\f684"
}
.fa-prescription:before {
  content: "\f5b1"
}
.fa-prescription-bottle:before {
  content: "\f485"
}
.fa-prescription-bottle-alt:before {
  content: "\f486"
}
.fa-print:before {
  content: "\f02f"
}
.fa-procedures:before {
  content: "\f487"
}
.fa-product-hunt:before {
  content: "\f288"
}
.fa-project-diagram:before {
  content: "\f542"
}
.fa-pump-medical:before {
  content: "\e06a"
}
.fa-pump-soap:before {
  content: "\e06b"
}
.fa-pushed:before {
  content: "\f3e1"
}
.fa-puzzle-piece:before {
  content: "\f12e"
}
.fa-python:before {
  content: "\f3e2"
}
.fa-qq:before {
  content: "\f1d6"
}
.fa-qrcode:before {
  content: "\f029"
}
.fa-question:before {
  content: "\f128"
}
.fa-question-circle:before {
  content: "\f059"
}
.fa-quidditch:before {
  content: "\f458"
}
.fa-quinscape:before {
  content: "\f459"
}
.fa-quora:before {
  content: "\f2c4"
}
.fa-quote-left:before {
  content: "\f10d"
}
.fa-quote-right:before {
  content: "\f10e"
}
.fa-quran:before {
  content: "\f687"
}
.fa-r-project:before {
  content: "\f4f7"
}
.fa-radiation:before {
  content: "\f7b9"
}
.fa-radiation-alt:before {
  content: "\f7ba"
}
.fa-rainbow:before {
  content: "\f75b"
}
.fa-random:before {
  content: "\f074"
}
.fa-raspberry-pi:before {
  content: "\f7bb"
}
.fa-ravelry:before {
  content: "\f2d9"
}
.fa-react:before {
  content: "\f41b"
}
.fa-reacteurope:before {
  content: "\f75d"
}
.fa-readme:before {
  content: "\f4d5"
}
.fa-rebel:before {
  content: "\f1d0"
}
.fa-receipt:before {
  content: "\f543"
}
.fa-record-vinyl:before {
  content: "\f8d9"
}
.fa-recycle:before {
  content: "\f1b8"
}
.fa-red-river:before {
  content: "\f3e3"
}
.fa-reddit:before {
  content: "\f1a1"
}
.fa-reddit-alien:before {
  content: "\f281"
}
.fa-reddit-square:before {
  content: "\f1a2"
}
.fa-redhat:before {
  content: "\f7bc"
}
.fa-redo:before {
  content: "\f01e"
}
.fa-redo-alt:before {
  content: "\f2f9"
}
.fa-registered:before {
  content: "\f25d"
}
.fa-remove-format:before {
  content: "\f87d"
}
.fa-renren:before {
  content: "\f18b"
}
.fa-reply:before {
  content: "\f3e5"
}
.fa-reply-all:before {
  content: "\f122"
}
.fa-replyd:before {
  content: "\f3e6"
}
.fa-republican:before {
  content: "\f75e"
}
.fa-researchgate:before {
  content: "\f4f8"
}
.fa-resolving:before {
  content: "\f3e7"
}
.fa-restroom:before {
  content: "\f7bd"
}
.fa-retweet:before {
  content: "\f079"
}
.fa-rev:before {
  content: "\f5b2"
}
.fa-ribbon:before {
  content: "\f4d6"
}
.fa-ring:before {
  content: "\f70b"
}
.fa-road:before {
  content: "\f018"
}
.fa-robot:before {
  content: "\f544"
}
.fa-rocket:before {
  content: "\f135"
}
.fa-rocketchat:before {
  content: "\f3e8"
}
.fa-rockrms:before {
  content: "\f3e9"
}
.fa-route:before {
  content: "\f4d7"
}
.fa-rss:before {
  content: "\f09e"
}
.fa-rss-square:before {
  content: "\f143"
}
.fa-ruble-sign:before {
  content: "\f158"
}
.fa-ruler:before {
  content: "\f545"
}
.fa-ruler-combined:before {
  content: "\f546"
}
.fa-ruler-horizontal:before {
  content: "\f547"
}
.fa-ruler-vertical:before {
  content: "\f548"
}
.fa-running:before {
  content: "\f70c"
}
.fa-rupee-sign:before {
  content: "\f156"
}
.fa-rust:before {
  content: "\e07a"
}
.fa-sad-cry:before {
  content: "\f5b3"
}
.fa-sad-tear:before {
  content: "\f5b4"
}
.fa-safari:before {
  content: "\f267"
}
.fa-salesforce:before {
  content: "\f83b"
}
.fa-sass:before {
  content: "\f41e"
}
.fa-satellite:before {
  content: "\f7bf"
}
.fa-satellite-dish:before {
  content: "\f7c0"
}
.fa-save:before {
  content: "\f0c7"
}
.fa-schlix:before {
  content: "\f3ea"
}
.fa-school:before {
  content: "\f549"
}
.fa-screwdriver:before {
  content: "\f54a"
}
.fa-scribd:before {
  content: "\f28a"
}
.fa-scroll:before {
  content: "\f70e"
}
.fa-sd-card:before {
  content: "\f7c2"
}
.fa-search:before {
  content: "\f002"
}
.fa-search-dollar:before {
  content: "\f688"
}
.fa-search-location:before {
  content: "\f689"
}
.fa-search-minus:before {
  content: "\f010"
}
.fa-search-plus:before {
  content: "\f00e"
}
.fa-searchengin:before {
  content: "\f3eb"
}
.fa-seedling:before {
  content: "\f4d8"
}
.fa-sellcast:before {
  content: "\f2da"
}
.fa-sellsy:before {
  content: "\f213"
}
.fa-server:before {
  content: "\f233"
}
.fa-servicestack:before {
  content: "\f3ec"
}
.fa-shapes:before {
  content: "\f61f"
}
.fa-share:before {
  content: "\f064"
}
.fa-share-alt:before {
  content: "\f1e0"
}
.fa-share-alt-square:before {
  content: "\f1e1"
}
.fa-share-square:before {
  content: "\f14d"
}
.fa-shekel-sign:before {
  content: "\f20b"
}
.fa-shield-alt:before {
  content: "\f3ed"
}
.fa-shield-virus:before {
  content: "\e06c"
}
.fa-ship:before {
  content: "\f21a"
}
.fa-shipping-fast:before {
  content: "\f48b"
}
.fa-shirtsinbulk:before {
  content: "\f214"
}
.fa-shoe-prints:before {
  content: "\f54b"
}
.fa-shopify:before {
  content: "\e057"
}
.fa-shopping-bag:before {
  content: "\f290"
}
.fa-shopping-basket:before {
  content: "\f291"
}
.fa-shopping-cart:before {
  content: "\f07a"
}
.fa-shopware:before {
  content: "\f5b5"
}
.fa-shower:before {
  content: "\f2cc"
}
.fa-shuttle-van:before {
  content: "\f5b6"
}
.fa-sign:before {
  content: "\f4d9"
}
.fa-sign-in-alt:before {
  content: "\f2f6"
}
.fa-sign-language:before {
  content: "\f2a7"
}
.fa-sign-out-alt:before {
  content: "\f2f5"
}
.fa-signal:before {
  content: "\f012"
}
.fa-signature:before {
  content: "\f5b7"
}
.fa-sim-card:before {
  content: "\f7c4"
}
.fa-simplybuilt:before {
  content: "\f215"
}
.fa-sink:before {
  content: "\e06d"
}
.fa-sistrix:before {
  content: "\f3ee"
}
.fa-sitemap:before {
  content: "\f0e8"
}
.fa-sith:before {
  content: "\f512"
}
.fa-skating:before {
  content: "\f7c5"
}
.fa-sketch:before {
  content: "\f7c6"
}
.fa-skiing:before {
  content: "\f7c9"
}
.fa-skiing-nordic:before {
  content: "\f7ca"
}
.fa-skull:before {
  content: "\f54c"
}
.fa-skull-crossbones:before {
  content: "\f714"
}
.fa-skyatlas:before {
  content: "\f216"
}
.fa-skype:before {
  content: "\f17e"
}
.fa-slack:before {
  content: "\f198"
}
.fa-slack-hash:before {
  content: "\f3ef"
}
.fa-slash:before {
  content: "\f715"
}
.fa-sleigh:before {
  content: "\f7cc"
}
.fa-sliders-h:before {
  content: "\f1de"
}
.fa-slideshare:before {
  content: "\f1e7"
}
.fa-smile:before {
  content: "\f118"
}
.fa-smile-beam:before {
  content: "\f5b8"
}
.fa-smile-wink:before {
  content: "\f4da"
}
.fa-smog:before {
  content: "\f75f"
}
.fa-smoking:before {
  content: "\f48d"
}
.fa-smoking-ban:before {
  content: "\f54d"
}
.fa-sms:before {
  content: "\f7cd"
}
.fa-snapchat:before {
  content: "\f2ab"
}
.fa-snapchat-ghost:before {
  content: "\f2ac"
}
.fa-snapchat-square:before {
  content: "\f2ad"
}
.fa-snowboarding:before {
  content: "\f7ce"
}
.fa-snowflake:before {
  content: "\f2dc"
}
.fa-snowman:before {
  content: "\f7d0"
}
.fa-snowplow:before {
  content: "\f7d2"
}
.fa-soap:before {
  content: "\e06e"
}
.fa-socks:before {
  content: "\f696"
}
.fa-solar-panel:before {
  content: "\f5ba"
}
.fa-sort:before {
  content: "\f0dc"
}
.fa-sort-alpha-down:before {
  content: "\f15d"
}
.fa-sort-alpha-down-alt:before {
  content: "\f881"
}
.fa-sort-alpha-up:before {
  content: "\f15e"
}
.fa-sort-alpha-up-alt:before {
  content: "\f882"
}
.fa-sort-amount-down:before {
  content: "\f160"
}
.fa-sort-amount-down-alt:before {
  content: "\f884"
}
.fa-sort-amount-up:before {
  content: "\f161"
}
.fa-sort-amount-up-alt:before {
  content: "\f885"
}
.fa-sort-down:before {
  content: "\f0dd"
}
.fa-sort-numeric-down:before {
  content: "\f162"
}
.fa-sort-numeric-down-alt:before {
  content: "\f886"
}
.fa-sort-numeric-up:before {
  content: "\f163"
}
.fa-sort-numeric-up-alt:before {
  content: "\f887"
}
.fa-sort-up:before {
  content: "\f0de"
}
.fa-soundcloud:before {
  content: "\f1be"
}
.fa-sourcetree:before {
  content: "\f7d3"
}
.fa-spa:before {
  content: "\f5bb"
}
.fa-space-shuttle:before {
  content: "\f197"
}
.fa-speakap:before {
  content: "\f3f3"
}
.fa-speaker-deck:before {
  content: "\f83c"
}
.fa-spell-check:before {
  content: "\f891"
}
.fa-spider:before {
  content: "\f717"
}
.fa-spinner:before {
  content: "\f110"
}
.fa-splotch:before {
  content: "\f5bc"
}
.fa-spotify:before {
  content: "\f1bc"
}
.fa-spray-can:before {
  content: "\f5bd"
}
.fa-square:before {
  content: "\f0c8"
}
.fa-square-full:before {
  content: "\f45c"
}
.fa-square-root-alt:before {
  content: "\f698"
}
.fa-squarespace:before {
  content: "\f5be"
}
.fa-stack-exchange:before {
  content: "\f18d"
}
.fa-stack-overflow:before {
  content: "\f16c"
}
.fa-stackpath:before {
  content: "\f842"
}
.fa-stamp:before {
  content: "\f5bf"
}
.fa-star:before {
  content: "\f005"
}
.fa-star-and-crescent:before {
  content: "\f699"
}
.fa-star-half:before {
  content: "\f089"
}
.fa-star-half-alt:before {
  content: "\f5c0"
}
.fa-star-of-david:before {
  content: "\f69a"
}
.fa-star-of-life:before {
  content: "\f621"
}
.fa-staylinked:before {
  content: "\f3f5"
}
.fa-steam:before {
  content: "\f1b6"
}
.fa-steam-square:before {
  content: "\f1b7"
}
.fa-steam-symbol:before {
  content: "\f3f6"
}
.fa-step-backward:before {
  content: "\f048"
}
.fa-step-forward:before {
  content: "\f051"
}
.fa-stethoscope:before {
  content: "\f0f1"
}
.fa-sticker-mule:before {
  content: "\f3f7"
}
.fa-sticky-note:before {
  content: "\f249"
}
.fa-stop:before {
  content: "\f04d"
}
.fa-stop-circle:before {
  content: "\f28d"
}
.fa-stopwatch:before {
  content: "\f2f2"
}
.fa-stopwatch-20:before {
  content: "\e06f"
}
.fa-store:before {
  content: "\f54e"
}
.fa-store-alt:before {
  content: "\f54f"
}
.fa-store-alt-slash:before {
  content: "\e070"
}
.fa-store-slash:before {
  content: "\e071"
}
.fa-strava:before {
  content: "\f428"
}
.fa-stream:before {
  content: "\f550"
}
.fa-street-view:before {
  content: "\f21d"
}
.fa-strikethrough:before {
  content: "\f0cc"
}
.fa-stripe:before {
  content: "\f429"
}
.fa-stripe-s:before {
  content: "\f42a"
}
.fa-stroopwafel:before {
  content: "\f551"
}
.fa-studiovinari:before {
  content: "\f3f8"
}
.fa-stumbleupon:before {
  content: "\f1a4"
}
.fa-stumbleupon-circle:before {
  content: "\f1a3"
}
.fa-subscript:before {
  content: "\f12c"
}
.fa-subway:before {
  content: "\f239"
}
.fa-suitcase:before {
  content: "\f0f2"
}
.fa-suitcase-rolling:before {
  content: "\f5c1"
}
.fa-sun:before {
  content: "\f185"
}
.fa-superpowers:before {
  content: "\f2dd"
}
.fa-superscript:before {
  content: "\f12b"
}
.fa-supple:before {
  content: "\f3f9"
}
.fa-surprise:before {
  content: "\f5c2"
}
.fa-suse:before {
  content: "\f7d6"
}
.fa-swatchbook:before {
  content: "\f5c3"
}
.fa-swift:before {
  content: "\f8e1"
}
.fa-swimmer:before {
  content: "\f5c4"
}
.fa-swimming-pool:before {
  content: "\f5c5"
}
.fa-symfony:before {
  content: "\f83d"
}
.fa-synagogue:before {
  content: "\f69b"
}
.fa-sync:before {
  content: "\f021"
}
.fa-sync-alt:before {
  content: "\f2f1"
}
.fa-syringe:before {
  content: "\f48e"
}
.fa-table:before {
  content: "\f0ce"
}
.fa-table-tennis:before {
  content: "\f45d"
}
.fa-tablet:before {
  content: "\f10a"
}
.fa-tablet-alt:before {
  content: "\f3fa"
}
.fa-tablets:before {
  content: "\f490"
}
.fa-tachometer-alt:before {
  content: "\f3fd"
}
.fa-tag:before {
  content: "\f02b"
}
.fa-tags:before {
  content: "\f02c"
}
.fa-tape:before {
  content: "\f4db"
}
.fa-tasks:before {
  content: "\f0ae"
}
.fa-taxi:before {
  content: "\f1ba"
}
.fa-teamspeak:before {
  content: "\f4f9"
}
.fa-teeth:before {
  content: "\f62e"
}
.fa-teeth-open:before {
  content: "\f62f"
}
.fa-telegram:before {
  content: "\f2c6"
}
.fa-telegram-plane:before {
  content: "\f3fe"
}
.fa-temperature-high:before {
  content: "\f769"
}
.fa-temperature-low:before {
  content: "\f76b"
}
.fa-tencent-weibo:before {
  content: "\f1d5"
}
.fa-tenge:before {
  content: "\f7d7"
}
.fa-terminal:before {
  content: "\f120"
}
.fa-text-height:before {
  content: "\f034"
}
.fa-text-width:before {
  content: "\f035"
}
.fa-th:before {
  content: "\f00a"
}
.fa-th-large:before {
  content: "\f009"
}
.fa-th-list:before {
  content: "\f00b"
}
.fa-the-red-yeti:before {
  content: "\f69d"
}
.fa-theater-masks:before {
  content: "\f630"
}
.fa-themeco:before {
  content: "\f5c6"
}
.fa-themeisle:before {
  content: "\f2b2"
}
.fa-thermometer:before {
  content: "\f491"
}
.fa-thermometer-empty:before {
  content: "\f2cb"
}
.fa-thermometer-full:before {
  content: "\f2c7"
}
.fa-thermometer-half:before {
  content: "\f2c9"
}
.fa-thermometer-quarter:before {
  content: "\f2ca"
}
.fa-thermometer-three-quarters:before {
  content: "\f2c8"
}
.fa-think-peaks:before {
  content: "\f731"
}
.fa-thumbs-down:before {
  content: "\f165"
}
.fa-thumbs-up:before {
  content: "\f164"
}
.fa-thumbtack:before {
  content: "\f08d"
}
.fa-ticket-alt:before {
  content: "\f3ff"
}
.fa-tiktok:before {
  content: "\e07b"
}
.fa-times:before {
  content: "\f00d"
}
.fa-times-circle:before {
  content: "\f057"
}
.fa-tint:before {
  content: "\f043"
}
.fa-tint-slash:before {
  content: "\f5c7"
}
.fa-tired:before {
  content: "\f5c8"
}
.fa-toggle-off:before {
  content: "\f204"
}
.fa-toggle-on:before {
  content: "\f205"
}
.fa-toilet:before {
  content: "\f7d8"
}
.fa-toilet-paper:before {
  content: "\f71e"
}
.fa-toilet-paper-slash:before {
  content: "\e072"
}
.fa-toolbox:before {
  content: "\f552"
}
.fa-tools:before {
  content: "\f7d9"
}
.fa-tooth:before {
  content: "\f5c9"
}
.fa-torah:before {
  content: "\f6a0"
}
.fa-torii-gate:before {
  content: "\f6a1"
}
.fa-tractor:before {
  content: "\f722"
}
.fa-trade-federation:before {
  content: "\f513"
}
.fa-trademark:before {
  content: "\f25c"
}
.fa-traffic-light:before {
  content: "\f637"
}
.fa-trailer:before {
  content: "\e041"
}
.fa-train:before {
  content: "\f238"
}
.fa-tram:before {
  content: "\f7da"
}
.fa-transgender:before {
  content: "\f224"
}
.fa-transgender-alt:before {
  content: "\f225"
}
.fa-trash:before {
  content: "\f1f8"
}
.fa-trash-alt:before {
  content: "\f2ed"
}
.fa-trash-restore:before {
  content: "\f829"
}
.fa-trash-restore-alt:before {
  content: "\f82a"
}
.fa-tree:before {
  content: "\f1bb"
}
.fa-trello:before {
  content: "\f181"
}
.fa-tripadvisor:before {
  content: "\f262"
}
.fa-trophy:before {
  content: "\f091"
}
.fa-truck:before {
  content: "\f0d1"
}
.fa-truck-loading:before {
  content: "\f4de"
}
.fa-truck-monster:before {
  content: "\f63b"
}
.fa-truck-moving:before {
  content: "\f4df"
}
.fa-truck-pickup:before {
  content: "\f63c"
}
.fa-tshirt:before {
  content: "\f553"
}
.fa-tty:before {
  content: "\f1e4"
}
.fa-tumblr:before {
  content: "\f173"
}
.fa-tumblr-square:before {
  content: "\f174"
}
.fa-tv:before {
  content: "\f26c"
}
.fa-twitch:before {
  content: "\f1e8"
}
.fa-twitter:before {
  content: "\f099"
}
.fa-twitter-square:before {
  content: "\f081"
}
.fa-typo3:before {
  content: "\f42b"
}
.fa-uber:before {
  content: "\f402"
}
.fa-ubuntu:before {
  content: "\f7df"
}
.fa-uikit:before {
  content: "\f403"
}
.fa-umbraco:before {
  content: "\f8e8"
}
.fa-umbrella:before {
  content: "\f0e9"
}
.fa-umbrella-beach:before {
  content: "\f5ca"
}
.fa-uncharted:before {
  content: "\e084"
}
.fa-underline:before {
  content: "\f0cd"
}
.fa-undo:before {
  content: "\f0e2"
}
.fa-undo-alt:before {
  content: "\f2ea"
}
.fa-uniregistry:before {
  content: "\f404"
}
.fa-unity:before {
  content: "\e049"
}
.fa-universal-access:before {
  content: "\f29a"
}
.fa-university:before {
  content: "\f19c"
}
.fa-unlink:before {
  content: "\f127"
}
.fa-unlock:before {
  content: "\f09c"
}
.fa-unlock-alt:before {
  content: "\f13e"
}
.fa-unsplash:before {
  content: "\e07c"
}
.fa-untappd:before {
  content: "\f405"
}
.fa-upload:before {
  content: "\f093"
}
.fa-ups:before {
  content: "\f7e0"
}
.fa-usb:before {
  content: "\f287"
}
.fa-user:before {
  content: "\f007"
}
.fa-user-alt:before {
  content: "\f406"
}
.fa-user-alt-slash:before {
  content: "\f4fa"
}
.fa-user-astronaut:before {
  content: "\f4fb"
}
.fa-user-check:before {
  content: "\f4fc"
}
.fa-user-circle:before {
  content: "\f2bd"
}
.fa-user-clock:before {
  content: "\f4fd"
}
.fa-user-cog:before {
  content: "\f4fe"
}
.fa-user-edit:before {
  content: "\f4ff"
}
.fa-user-friends:before {
  content: "\f500"
}
.fa-user-graduate:before {
  content: "\f501"
}
.fa-user-injured:before {
  content: "\f728"
}
.fa-user-lock:before {
  content: "\f502"
}
.fa-user-md:before {
  content: "\f0f0"
}
.fa-user-minus:before {
  content: "\f503"
}
.fa-user-ninja:before {
  content: "\f504"
}
.fa-user-nurse:before {
  content: "\f82f"
}
.fa-user-plus:before {
  content: "\f234"
}
.fa-user-secret:before {
  content: "\f21b"
}
.fa-user-shield:before {
  content: "\f505"
}
.fa-user-slash:before {
  content: "\f506"
}
.fa-user-tag:before {
  content: "\f507"
}
.fa-user-tie:before {
  content: "\f508"
}
.fa-user-times:before {
  content: "\f235"
}
.fa-users:before {
  content: "\f0c0"
}
.fa-users-cog:before {
  content: "\f509"
}
.fa-users-slash:before {
  content: "\e073"
}
.fa-usps:before {
  content: "\f7e1"
}
.fa-ussunnah:before {
  content: "\f407"
}
.fa-utensil-spoon:before {
  content: "\f2e5"
}
.fa-utensils:before {
  content: "\f2e7"
}
.fa-vaadin:before {
  content: "\f408"
}
.fa-vector-square:before {
  content: "\f5cb"
}
.fa-venus:before {
  content: "\f221"
}
.fa-venus-double:before {
  content: "\f226"
}
.fa-venus-mars:before {
  content: "\f228"
}
.fa-vest:before {
  content: "\e085"
}
.fa-vest-patches:before {
  content: "\e086"
}
.fa-viacoin:before {
  content: "\f237"
}
.fa-viadeo:before {
  content: "\f2a9"
}
.fa-viadeo-square:before {
  content: "\f2aa"
}
.fa-vial:before {
  content: "\f492"
}
.fa-vials:before {
  content: "\f493"
}
.fa-viber:before {
  content: "\f409"
}
.fa-video:before {
  content: "\f03d"
}
.fa-video-slash:before {
  content: "\f4e2"
}
.fa-vihara:before {
  content: "\f6a7"
}
.fa-vimeo:before {
  content: "\f40a"
}
.fa-vimeo-square:before {
  content: "\f194"
}
.fa-vimeo-v:before {
  content: "\f27d"
}
.fa-vine:before {
  content: "\f1ca"
}
.fa-virus:before {
  content: "\e074"
}
.fa-virus-slash:before {
  content: "\e075"
}
.fa-viruses:before {
  content: "\e076"
}
.fa-vk:before {
  content: "\f189"
}
.fa-vnv:before {
  content: "\f40b"
}
.fa-voicemail:before {
  content: "\f897"
}
.fa-volleyball-ball:before {
  content: "\f45f"
}
.fa-volume-down:before {
  content: "\f027"
}
.fa-volume-mute:before {
  content: "\f6a9"
}
.fa-volume-off:before {
  content: "\f026"
}
.fa-volume-up:before {
  content: "\f028"
}
.fa-vote-yea:before {
  content: "\f772"
}
.fa-vr-cardboard:before {
  content: "\f729"
}
.fa-vuejs:before {
  content: "\f41f"
}
.fa-walking:before {
  content: "\f554"
}
.fa-wallet:before {
  content: "\f555"
}
.fa-warehouse:before {
  content: "\f494"
}
.fa-watchman-monitoring:before {
  content: "\e087"
}
.fa-water:before {
  content: "\f773"
}
.fa-wave-square:before {
  content: "\f83e"
}
.fa-waze:before {
  content: "\f83f"
}
.fa-weebly:before {
  content: "\f5cc"
}
.fa-weibo:before {
  content: "\f18a"
}
.fa-weight:before {
  content: "\f496"
}
.fa-weight-hanging:before {
  content: "\f5cd"
}
.fa-weixin:before {
  content: "\f1d7"
}
.fa-whatsapp:before {
  content: "\f232"
}
.fa-whatsapp-square:before {
  content: "\f40c"
}
.fa-wheelchair:before {
  content: "\f193"
}
.fa-whmcs:before {
  content: "\f40d"
}
.fa-wifi:before {
  content: "\f1eb"
}
.fa-wikipedia-w:before {
  content: "\f266"
}
.fa-wind:before {
  content: "\f72e"
}
.fa-window-close:before {
  content: "\f410"
}
.fa-window-maximize:before {
  content: "\f2d0"
}
.fa-window-minimize:before {
  content: "\f2d1"
}
.fa-window-restore:before {
  content: "\f2d2"
}
.fa-windows:before {
  content: "\f17a"
}
.fa-wine-bottle:before {
  content: "\f72f"
}
.fa-wine-glass:before {
  content: "\f4e3"
}
.fa-wine-glass-alt:before {
  content: "\f5ce"
}
.fa-wix:before {
  content: "\f5cf"
}
.fa-wizards-of-the-coast:before {
  content: "\f730"
}
.fa-wodu:before {
  content: "\e088"
}
.fa-wolf-pack-battalion:before {
  content: "\f514"
}
.fa-won-sign:before {
  content: "\f159"
}
.fa-wordpress:before {
  content: "\f19a"
}
.fa-wordpress-simple:before {
  content: "\f411"
}
.fa-wpbeginner:before {
  content: "\f297"
}
.fa-wpexplorer:before {
  content: "\f2de"
}
.fa-wpforms:before {
  content: "\f298"
}
.fa-wpressr:before {
  content: "\f3e4"
}
.fa-wrench:before {
  content: "\f0ad"
}
.fa-x-ray:before {
  content: "\f497"
}
.fa-xbox:before {
  content: "\f412"
}
.fa-xing:before {
  content: "\f168"
}
.fa-xing-square:before {
  content: "\f169"
}
.fa-y-combinator:before {
  content: "\f23b"
}
.fa-yahoo:before {
  content: "\f19e"
}
.fa-yammer:before {
  content: "\f840"
}
.fa-yandex:before {
  content: "\f413"
}
.fa-yandex-international:before {
  content: "\f414"
}
.fa-yarn:before {
  content: "\f7e3"
}
.fa-yelp:before {
  content: "\f1e9"
}
.fa-yen-sign:before {
  content: "\f157"
}
.fa-yin-yang:before {
  content: "\f6ad"
}
.fa-yoast:before {
  content: "\f2b1"
}
.fa-youtube:before {
  content: "\f167"
}
.fa-youtube-square:before {
  content: "\f431"
}
.fa-zhihu:before {
  content: "\f63f"
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/fa-brands-400.eot);
  src: url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.woff) format("woff"), url(../fonts/fa-brands-400.ttf) format("truetype"), url(../fonts/fa-brands-400.svg#fontawesome) format("svg")
}
.fab {
  font-family: "Font Awesome 5 Brands"
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/fa-regular-400.eot);
  src: url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.woff) format("woff"), url(../fonts/fa-regular-400.ttf) format("truetype"), url(../fonts/fa-regular-400.svg#fontawesome) format("svg")
}
.fab, .far {
  font-weight: 400
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/fa-solid-900.eot);
  src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg")
}
.fa, .far, .fas {
  font-family: "Font Awesome 5 Free"
}
.fa, .fas {
  font-weight: 900
}
/*
Themify
Version: 1.0.1
Plugin URI: https://github.com/lykmapipo/themify-icons#themify-icons
License: Themify Icons font licensed under: http://scripts.sil.org/OFL
*/
@font-face {
  font-family: themify;
  src: url(../fonts/themify.eot?-fvbane);
  src: url(../fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'), url(../fonts/themify.woff?-fvbane) format('woff'), url(../fonts/themify.ttf?-fvbane) format('truetype'), url(../fonts/themify.svg?-fvbane#themify) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
[class*=" ti-"], [class^=ti-] {
  font-family: themify;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.ti-wand:before {
  content: "\e600"
}
.ti-volume:before {
  content: "\e601"
}
.ti-user:before {
  content: "\e602"
}
.ti-unlock:before {
  content: "\e603"
}
.ti-unlink:before {
  content: "\e604"
}
.ti-trash:before {
  content: "\e605"
}
.ti-thought:before {
  content: "\e606"
}
.ti-target:before {
  content: "\e607"
}
.ti-tag:before {
  content: "\e608"
}
.ti-tablet:before {
  content: "\e609"
}
.ti-star:before {
  content: "\e60a"
}
.ti-spray:before {
  content: "\e60b"
}
.ti-signal:before {
  content: "\e60c"
}
.ti-shopping-cart:before {
  content: "\e60d"
}
.ti-shopping-cart-full:before {
  content: "\e60e"
}
.ti-settings:before {
  content: "\e60f"
}
.ti-search:before {
  content: "\e610"
}
.ti-zoom-in:before {
  content: "\e611"
}
.ti-zoom-out:before {
  content: "\e612"
}
.ti-cut:before {
  content: "\e613"
}
.ti-ruler:before {
  content: "\e614"
}
.ti-ruler-pencil:before {
  content: "\e615"
}
.ti-ruler-alt:before {
  content: "\e616"
}
.ti-bookmark:before {
  content: "\e617"
}
.ti-bookmark-alt:before {
  content: "\e618"
}
.ti-reload:before {
  content: "\e619"
}
.ti-plus:before {
  content: "\e61a"
}
.ti-pin:before {
  content: "\e61b"
}
.ti-pencil:before {
  content: "\e61c"
}
.ti-pencil-alt:before {
  content: "\e61d"
}
.ti-paint-roller:before {
  content: "\e61e"
}
.ti-paint-bucket:before {
  content: "\e61f"
}
.ti-na:before {
  content: "\e620"
}
.ti-mobile:before {
  content: "\e621"
}
.ti-minus:before {
  content: "\e622"
}
.ti-medall:before {
  content: "\e623"
}
.ti-medall-alt:before {
  content: "\e624"
}
.ti-marker:before {
  content: "\e625"
}
.ti-marker-alt:before {
  content: "\e626"
}
.ti-arrow-up:before {
  content: "\e627"
}
.ti-arrow-right:before {
  content: "\e628"
}
.ti-arrow-left:before {
  content: "\e629"
}
.ti-arrow-down:before {
  content: "\e62a"
}
.ti-lock:before {
  content: "\e62b"
}
.ti-location-arrow:before {
  content: "\e62c"
}
.ti-link:before {
  content: "\e62d"
}
.ti-layout:before {
  content: "\e62e"
}
.ti-layers:before {
  content: "\e62f"
}
.ti-layers-alt:before {
  content: "\e630"
}
.ti-key:before {
  content: "\e631"
}
.ti-import:before {
  content: "\e632"
}
.ti-image:before {
  content: "\e633"
}
.ti-heart:before {
  content: "\e634"
}
.ti-heart-broken:before {
  content: "\e635"
}
.ti-hand-stop:before {
  content: "\e636"
}
.ti-hand-open:before {
  content: "\e637"
}
.ti-hand-drag:before {
  content: "\e638"
}
.ti-folder:before {
  content: "\e639"
}
.ti-flag:before {
  content: "\e63a"
}
.ti-flag-alt:before {
  content: "\e63b"
}
.ti-flag-alt-2:before {
  content: "\e63c"
}
.ti-eye:before {
  content: "\e63d"
}
.ti-export:before {
  content: "\e63e"
}
.ti-exchange-vertical:before {
  content: "\e63f"
}
.ti-desktop:before {
  content: "\e640"
}
.ti-cup:before {
  content: "\e641"
}
.ti-crown:before {
  content: "\e642"
}
.ti-comments:before {
  content: "\e643"
}
.ti-comment:before {
  content: "\e644"
}
.ti-comment-alt:before {
  content: "\e645"
}
.ti-close:before {
  content: "\e646"
}
.ti-clip:before {
  content: "\e647"
}
.ti-angle-up:before {
  content: "\e648"
}
.ti-angle-right:before {
  content: "\e649"
}
.ti-angle-left:before {
  content: "\e64a"
}
.ti-angle-down:before {
  content: "\e64b"
}
.ti-check:before {
  content: "\e64c"
}
.ti-check-box:before {
  content: "\e64d"
}
.ti-camera:before {
  content: "\e64e"
}
.ti-announcement:before {
  content: "\e64f"
}
.ti-brush:before {
  content: "\e650"
}
.ti-briefcase:before {
  content: "\e651"
}
.ti-bolt:before {
  content: "\e652"
}
.ti-bolt-alt:before {
  content: "\e653"
}
.ti-blackboard:before {
  content: "\e654"
}
.ti-bag:before {
  content: "\e655"
}
.ti-move:before {
  content: "\e656"
}
.ti-arrows-vertical:before {
  content: "\e657"
}
.ti-arrows-horizontal:before {
  content: "\e658"
}
.ti-fullscreen:before {
  content: "\e659"
}
.ti-arrow-top-right:before {
  content: "\e65a"
}
.ti-arrow-top-left:before {
  content: "\e65b"
}
.ti-arrow-circle-up:before {
  content: "\e65c"
}
.ti-arrow-circle-right:before {
  content: "\e65d"
}
.ti-arrow-circle-left:before {
  content: "\e65e"
}
.ti-arrow-circle-down:before {
  content: "\e65f"
}
.ti-angle-double-up:before {
  content: "\e660"
}
.ti-angle-double-right:before {
  content: "\e661"
}
.ti-angle-double-left:before {
  content: "\e662"
}
.ti-angle-double-down:before {
  content: "\e663"
}
.ti-zip:before {
  content: "\e664"
}
.ti-world:before {
  content: "\e665"
}
.ti-wheelchair:before {
  content: "\e666"
}
.ti-view-list:before {
  content: "\e667"
}
.ti-view-list-alt:before {
  content: "\e668"
}
.ti-view-grid:before {
  content: "\e669"
}
.ti-uppercase:before {
  content: "\e66a"
}
.ti-upload:before {
  content: "\e66b"
}
.ti-underline:before {
  content: "\e66c"
}
.ti-truck:before {
  content: "\e66d"
}
.ti-timer:before {
  content: "\e66e"
}
.ti-ticket:before {
  content: "\e66f"
}
.ti-thumb-up:before {
  content: "\e670"
}
.ti-thumb-down:before {
  content: "\e671"
}
.ti-text:before {
  content: "\e672"
}
.ti-stats-up:before {
  content: "\e673"
}
.ti-stats-down:before {
  content: "\e674"
}
.ti-split-v:before {
  content: "\e675"
}
.ti-split-h:before {
  content: "\e676"
}
.ti-smallcap:before {
  content: "\e677"
}
.ti-shine:before {
  content: "\e678"
}
.ti-shift-right:before {
  content: "\e679"
}
.ti-shift-left:before {
  content: "\e67a"
}
.ti-shield:before {
  content: "\e67b"
}
.ti-notepad:before {
  content: "\e67c"
}
.ti-server:before {
  content: "\e67d"
}
.ti-quote-right:before {
  content: "\e67e"
}
.ti-quote-left:before {
  content: "\e67f"
}
.ti-pulse:before {
  content: "\e680"
}
.ti-printer:before {
  content: "\e681"
}
.ti-power-off:before {
  content: "\e682"
}
.ti-plug:before {
  content: "\e683"
}
.ti-pie-chart:before {
  content: "\e684"
}
.ti-paragraph:before {
  content: "\e685"
}
.ti-panel:before {
  content: "\e686"
}
.ti-package:before {
  content: "\e687"
}
.ti-music:before {
  content: "\e688"
}
.ti-music-alt:before {
  content: "\e689"
}
.ti-mouse:before {
  content: "\e68a"
}
.ti-mouse-alt:before {
  content: "\e68b"
}
.ti-money:before {
  content: "\e68c"
}
.ti-microphone:before {
  content: "\e68d"
}
.ti-menu:before {
  content: "\e68e"
}
.ti-menu-alt:before {
  content: "\e68f"
}
.ti-map:before {
  content: "\e690"
}
.ti-map-alt:before {
  content: "\e691"
}
.ti-loop:before {
  content: "\e692"
}
.ti-location-pin:before {
  content: "\e693"
}
.ti-list:before {
  content: "\e694"
}
.ti-light-bulb:before {
  content: "\e695"
}
.ti-Italic:before {
  content: "\e696"
}
.ti-info:before {
  content: "\e697"
}
.ti-infinite:before {
  content: "\e698"
}
.ti-id-badge:before {
  content: "\e699"
}
.ti-hummer:before {
  content: "\e69a"
}
.ti-home:before {
  content: "\e69b"
}
.ti-help:before {
  content: "\e69c"
}
.ti-headphone:before {
  content: "\e69d"
}
.ti-harddrives:before {
  content: "\e69e"
}
.ti-harddrive:before {
  content: "\e69f"
}
.ti-gift:before {
  content: "\e6a0"
}
.ti-game:before {
  content: "\e6a1"
}
.ti-filter:before {
  content: "\e6a2"
}
.ti-files:before {
  content: "\e6a3"
}
.ti-file:before {
  content: "\e6a4"
}
.ti-eraser:before {
  content: "\e6a5"
}
.ti-envelope:before {
  content: "\e6a6"
}
.ti-download:before {
  content: "\e6a7"
}
.ti-direction:before {
  content: "\e6a8"
}
.ti-direction-alt:before {
  content: "\e6a9"
}
.ti-dashboard:before {
  content: "\e6aa"
}
.ti-control-stop:before {
  content: "\e6ab"
}
.ti-control-shuffle:before {
  content: "\e6ac"
}
.ti-control-play:before {
  content: "\e6ad"
}
.ti-control-pause:before {
  content: "\e6ae"
}
.ti-control-forward:before {
  content: "\e6af"
}
.ti-control-backward:before {
  content: "\e6b0"
}
.ti-cloud:before {
  content: "\e6b1"
}
.ti-cloud-up:before {
  content: "\e6b2"
}
.ti-cloud-down:before {
  content: "\e6b3"
}
.ti-clipboard:before {
  content: "\e6b4"
}
.ti-car:before {
  content: "\e6b5"
}
.ti-calendar:before {
  content: "\e6b6"
}
.ti-book:before {
  content: "\e6b7"
}
.ti-bell:before {
  content: "\e6b8"
}
.ti-basketball:before {
  content: "\e6b9"
}
.ti-bar-chart:before {
  content: "\e6ba"
}
.ti-bar-chart-alt:before {
  content: "\e6bb"
}
.ti-back-right:before {
  content: "\e6bc"
}
.ti-back-left:before {
  content: "\e6bd"
}
.ti-arrows-corner:before {
  content: "\e6be"
}
.ti-archive:before {
  content: "\e6bf"
}
.ti-anchor:before {
  content: "\e6c0"
}
.ti-align-right:before {
  content: "\e6c1"
}
.ti-align-left:before {
  content: "\e6c2"
}
.ti-align-justify:before {
  content: "\e6c3"
}
.ti-align-center:before {
  content: "\e6c4"
}
.ti-alert:before {
  content: "\e6c5"
}
.ti-alarm-clock:before {
  content: "\e6c6"
}
.ti-agenda:before {
  content: "\e6c7"
}
.ti-write:before {
  content: "\e6c8"
}
.ti-window:before {
  content: "\e6c9"
}
.ti-widgetized:before {
  content: "\e6ca"
}
.ti-widget:before {
  content: "\e6cb"
}
.ti-widget-alt:before {
  content: "\e6cc"
}
.ti-wallet:before {
  content: "\e6cd"
}
.ti-video-clapper:before {
  content: "\e6ce"
}
.ti-video-camera:before {
  content: "\e6cf"
}
.ti-vector:before {
  content: "\e6d0"
}
.ti-themify-logo:before {
  content: "\e6d1"
}
.ti-themify-favicon:before {
  content: "\e6d2"
}
.ti-themify-favicon-alt:before {
  content: "\e6d3"
}
.ti-support:before {
  content: "\e6d4"
}
.ti-stamp:before {
  content: "\e6d5"
}
.ti-split-v-alt:before {
  content: "\e6d6"
}
.ti-slice:before {
  content: "\e6d7"
}
.ti-shortcode:before {
  content: "\e6d8"
}
.ti-shift-right-alt:before {
  content: "\e6d9"
}
.ti-shift-left-alt:before {
  content: "\e6da"
}
.ti-ruler-alt-2:before {
  content: "\e6db"
}
.ti-receipt:before {
  content: "\e6dc"
}
.ti-pin2:before {
  content: "\e6dd"
}
.ti-pin-alt:before {
  content: "\e6de"
}
.ti-pencil-alt2:before {
  content: "\e6df"
}
.ti-palette:before {
  content: "\e6e0"
}
.ti-more:before {
  content: "\e6e1"
}
.ti-more-alt:before {
  content: "\e6e2"
}
.ti-microphone-alt:before {
  content: "\e6e3"
}
.ti-magnet:before {
  content: "\e6e4"
}
.ti-line-double:before {
  content: "\e6e5"
}
.ti-line-dotted:before {
  content: "\e6e6"
}
.ti-line-dashed:before {
  content: "\e6e7"
}
.ti-layout-width-full:before {
  content: "\e6e8"
}
.ti-layout-width-default:before {
  content: "\e6e9"
}
.ti-layout-width-default-alt:before {
  content: "\e6ea"
}
.ti-layout-tab:before {
  content: "\e6eb"
}
.ti-layout-tab-window:before {
  content: "\e6ec"
}
.ti-layout-tab-v:before {
  content: "\e6ed"
}
.ti-layout-tab-min:before {
  content: "\e6ee"
}
.ti-layout-slider:before {
  content: "\e6ef"
}
.ti-layout-slider-alt:before {
  content: "\e6f0"
}
.ti-layout-sidebar-right:before {
  content: "\e6f1"
}
.ti-layout-sidebar-none:before {
  content: "\e6f2"
}
.ti-layout-sidebar-left:before {
  content: "\e6f3"
}
.ti-layout-placeholder:before {
  content: "\e6f4"
}
.ti-layout-menu:before {
  content: "\e6f5"
}
.ti-layout-menu-v:before {
  content: "\e6f6"
}
.ti-layout-menu-separated:before {
  content: "\e6f7"
}
.ti-layout-menu-full:before {
  content: "\e6f8"
}
.ti-layout-media-right-alt:before {
  content: "\e6f9"
}
.ti-layout-media-right:before {
  content: "\e6fa"
}
.ti-layout-media-overlay:before {
  content: "\e6fb"
}
.ti-layout-media-overlay-alt:before {
  content: "\e6fc"
}
.ti-layout-media-overlay-alt-2:before {
  content: "\e6fd"
}
.ti-layout-media-left-alt:before {
  content: "\e6fe"
}
.ti-layout-media-left:before {
  content: "\e6ff"
}
.ti-layout-media-center-alt:before {
  content: "\e700"
}
.ti-layout-media-center:before {
  content: "\e701"
}
.ti-layout-list-thumb:before {
  content: "\e702"
}
.ti-layout-list-thumb-alt:before {
  content: "\e703"
}
.ti-layout-list-post:before {
  content: "\e704"
}
.ti-layout-list-large-image:before {
  content: "\e705"
}
.ti-layout-line-solid:before {
  content: "\e706"
}
.ti-layout-grid4:before {
  content: "\e707"
}
.ti-layout-grid3:before {
  content: "\e708"
}
.ti-layout-grid2:before {
  content: "\e709"
}
.ti-layout-grid2-thumb:before {
  content: "\e70a"
}
.ti-layout-cta-right:before {
  content: "\e70b"
}
.ti-layout-cta-left:before {
  content: "\e70c"
}
.ti-layout-cta-center:before {
  content: "\e70d"
}
.ti-layout-cta-btn-right:before {
  content: "\e70e"
}
.ti-layout-cta-btn-left:before {
  content: "\e70f"
}
.ti-layout-column4:before {
  content: "\e710"
}
.ti-layout-column3:before {
  content: "\e711"
}
.ti-layout-column2:before {
  content: "\e712"
}
.ti-layout-accordion-separated:before {
  content: "\e713"
}
.ti-layout-accordion-merged:before {
  content: "\e714"
}
.ti-layout-accordion-list:before {
  content: "\e715"
}
.ti-ink-pen:before {
  content: "\e716"
}
.ti-info-alt:before {
  content: "\e717"
}
.ti-help-alt:before {
  content: "\e718"
}
.ti-headphone-alt:before {
  content: "\e719"
}
.ti-hand-point-up:before {
  content: "\e71a"
}
.ti-hand-point-right:before {
  content: "\e71b"
}
.ti-hand-point-left:before {
  content: "\e71c"
}
.ti-hand-point-down:before {
  content: "\e71d"
}
.ti-gallery:before {
  content: "\e71e"
}
.ti-face-smile:before {
  content: "\e71f"
}
.ti-face-sad:before {
  content: "\e720"
}
.ti-credit-card:before {
  content: "\e721"
}
.ti-control-skip-forward:before {
  content: "\e722"
}
.ti-control-skip-backward:before {
  content: "\e723"
}
.ti-control-record:before {
  content: "\e724"
}
.ti-control-eject:before {
  content: "\e725"
}
.ti-comments-smiley:before {
  content: "\e726"
}
.ti-brush-alt:before {
  content: "\e727"
}
.ti-youtube:before {
  content: "\e728"
}
.ti-vimeo:before {
  content: "\e729"
}
.ti-twitter:before {
  content: "\e72a"
}
.ti-time:before {
  content: "\e72b"
}
.ti-tumblr:before {
  content: "\e72c"
}
.ti-skype:before {
  content: "\e72d"
}
.ti-share:before {
  content: "\e72e"
}
.ti-share-alt:before {
  content: "\e72f"
}
.ti-rocket:before {
  content: "\e730"
}
.ti-pinterest:before {
  content: "\e731"
}
.ti-new-window:before {
  content: "\e732"
}
.ti-microsoft:before {
  content: "\e733"
}
.ti-list-ol:before {
  content: "\e734"
}
.ti-linkedin:before {
  content: "\e735"
}
.ti-layout-sidebar-2:before {
  content: "\e736"
}
.ti-layout-grid4-alt:before {
  content: "\e737"
}
.ti-layout-grid3-alt:before {
  content: "\e738"
}
.ti-layout-grid2-alt:before {
  content: "\e739"
}
.ti-layout-column4-alt:before {
  content: "\e73a"
}
.ti-layout-column3-alt:before {
  content: "\e73b"
}
.ti-layout-column2-alt:before {
  content: "\e73c"
}
.ti-instagram:before {
  content: "\e73d"
}
.ti-google:before {
  content: "\e73e"
}
.ti-github:before {
  content: "\e73f"
}
.ti-flickr:before {
  content: "\e740"
}
.ti-facebook:before {
  content: "\e741"
}
.ti-dropbox:before {
  content: "\e742"
}
.ti-dribbble:before {
  content: "\e743"
}
.ti-apple:before {
  content: "\e744"
}
.ti-android:before {
  content: "\e745"
}
.ti-save:before {
  content: "\e746"
}
.ti-save-alt:before {
  content: "\e747"
}
.ti-yahoo:before {
  content: "\e748"
}
.ti-wordpress:before {
  content: "\e749"
}
.ti-vimeo-alt:before {
  content: "\e74a"
}
.ti-twitter-alt:before {
  content: "\e74b"
}
.ti-tumblr-alt:before {
  content: "\e74c"
}
.ti-trello:before {
  content: "\e74d"
}
.ti-stack-overflow:before {
  content: "\e74e"
}
.ti-soundcloud:before {
  content: "\e74f"
}
.ti-sharethis:before {
  content: "\e750"
}
.ti-sharethis-alt:before {
  content: "\e751"
}
.ti-reddit:before {
  content: "\e752"
}
.ti-pinterest-alt:before {
  content: "\e753"
}
.ti-microsoft-alt:before {
  content: "\e754"
}
.ti-linux:before {
  content: "\e755"
}
.ti-jsfiddle:before {
  content: "\e756"
}
.ti-joomla:before {
  content: "\e757"
}
.ti-html5:before {
  content: "\e758"
}
.ti-flickr-alt:before {
  content: "\e759"
}
.ti-email:before {
  content: "\e75a"
}
.ti-drupal:before {
  content: "\e75b"
}
.ti-dropbox-alt:before {
  content: "\e75c"
}
.ti-css3:before {
  content: "\e75d"
}
.ti-rss:before {
  content: "\e75e"
}
.ti-rss-alt:before {
  content: "\e75f"
}
/*
Simple line
Plugin URI: https://simplelineicons.github.io/
*/
@font-face {
  font-family: Simple-Line-Icons;
  src: url(../fonts/Simple-Line-Icons.eot);
  src: url(../fonts/Simple-Line-Icons.eot?#iefix) format('embedded-opentype'), url(../fonts/Simple-Line-Icons.woff) format('woff'), url(../fonts/Simple-Line-Icons.ttf) format('truetype'), url(../fonts/Simple-Line-Icons.svg#Simple-Line-Icons) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
[data-icon]:before {
  font-family: Simple-Line-Icons;
  content: attr(data-icon);
  speak: none;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-simple-line-action-redo, .icon-simple-line-action-undo, .icon-simple-line-anchor, .icon-simple-line-arrow-down, .icon-simple-line-arrow-left, .icon-simple-line-arrow-right, .icon-simple-line-arrow-up, .icon-simple-line-badge, .icon-simple-line-bag, .icon-simple-line-ban, .icon-simple-line-bar-chart, .icon-simple-line-basket, .icon-simple-line-basket-loaded, .icon-simple-line-bell, .icon-simple-line-book-open, .icon-simple-line-briefcase, .icon-simple-line-bubble, .icon-simple-line-bubbles, .icon-simple-line-bulb, .icon-simple-line-calculator, .icon-simple-line-calendar, .icon-simple-line-call-end, .icon-simple-line-call-in, .icon-simple-line-call-out, .icon-simple-line-camcorder, .icon-simple-line-camera, .icon-simple-line-check, .icon-simple-line-chemistry, .icon-simple-line-clock, .icon-simple-line-close, .icon-simple-line-cloud-download, .icon-simple-line-cloud-upload, .icon-simple-line-compass, .icon-simple-line-control-end, .icon-simple-line-control-forward, .icon-simple-line-control-pause, .icon-simple-line-control-play, .icon-simple-line-control-rewind, .icon-simple-line-control-start, .icon-simple-line-credit-card, .icon-simple-line-crop, .icon-simple-line-cup, .icon-simple-line-cursor, .icon-simple-line-cursor-move, .icon-simple-line-diamond, .icon-simple-line-direction, .icon-simple-line-directions, .icon-simple-line-disc, .icon-simple-line-dislike, .icon-simple-line-doc, .icon-simple-line-docs, .icon-simple-line-drawer, .icon-simple-line-drop, .icon-simple-line-earphones, .icon-simple-line-earphones-alt, .icon-simple-line-emoticon-smile, .icon-simple-line-energy, .icon-simple-line-envelope, .icon-simple-line-envelope-letter, .icon-simple-line-envelope-open, .icon-simple-line-equalizer, .icon-simple-line-eye, .icon-simple-line-eyeglasses, .icon-simple-line-feed, .icon-simple-line-film, .icon-simple-line-fire, .icon-simple-line-flag, .icon-simple-line-folder, .icon-simple-line-folder-alt, .icon-simple-line-frame, .icon-simple-line-game-controller, .icon-simple-line-ghost, .icon-simple-line-globe, .icon-simple-line-globe-alt, .icon-simple-line-graduation, .icon-simple-line-graph, .icon-simple-line-grid, .icon-simple-line-handbag, .icon-simple-line-heart, .icon-simple-line-home, .icon-simple-line-hourglass, .icon-simple-line-info, .icon-simple-line-key, .icon-simple-line-layers, .icon-simple-line-like, .icon-simple-line-link, .icon-simple-line-list, .icon-simple-line-lock, .icon-simple-line-lock-open, .icon-simple-line-login, .icon-simple-line-logout, .icon-simple-line-loop, .icon-simple-line-magic-wand, .icon-simple-line-magnet, .icon-simple-line-magnifier, .icon-simple-line-magnifier-add, .icon-simple-line-magnifier-remove, .icon-simple-line-map, .icon-simple-line-microphone, .icon-simple-line-mouse, .icon-simple-line-moustache, .icon-simple-line-music-tone, .icon-simple-line-music-tone-alt, .icon-simple-line-note, .icon-simple-line-notebook, .icon-simple-line-paper-clip, .icon-simple-line-paper-plane, .icon-simple-line-pencil, .icon-simple-line-picture, .icon-simple-line-pie-chart, .icon-simple-line-pin, .icon-simple-line-plane, .icon-simple-line-playlist, .icon-simple-line-plus, .icon-simple-line-pointer, .icon-simple-line-power, .icon-simple-line-present, .icon-simple-line-printer, .icon-simple-line-puzzle, .icon-simple-line-question, .icon-simple-line-refresh, .icon-simple-line-reload, .icon-simple-line-rocket, .icon-simple-line-screen-desktop, .icon-simple-line-screen-smartphone, .icon-simple-line-screen-tablet, .icon-simple-line-settings, .icon-simple-line-share, .icon-simple-line-share-alt, .icon-simple-line-shield, .icon-simple-line-shuffle, .icon-simple-line-size-actual, .icon-simple-line-size-fullscreen, .icon-simple-line-social-dribbble, .icon-simple-line-social-dropbox, .icon-simple-line-social-facebook, .icon-simple-line-social-tumblr, .icon-simple-line-social-twitter, .icon-simple-line-social-youtube, .icon-simple-line-speech, .icon-simple-line-speedometer, .icon-simple-line-star, .icon-simple-line-support, .icon-simple-line-symbol-female, .icon-simple-line-symbol-male, .icon-simple-line-tag, .icon-simple-line-target, .icon-simple-line-trash, .icon-simple-line-trophy, .icon-simple-line-umbrella, .icon-simple-line-user, .icon-simple-line-user-female, .icon-simple-line-user-follow, .icon-simple-line-user-following, .icon-simple-line-user-unfollow, .icon-simple-line-users, .icon-simple-line-vector, .icon-simple-line-volume-1, .icon-simple-line-volume-2, .icon-simple-line-volume-off, .icon-simple-line-wallet, .icon-simple-line-wrench {
  font-family: Simple-Line-Icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}
.icon-simple-line-user-female:before {
  content: "\e000"
}
.icon-simple-line-user-follow:before {
  content: "\e002"
}
.icon-simple-line-user-following:before {
  content: "\e003"
}
.icon-simple-line-user-unfollow:before {
  content: "\e004"
}
.icon-simple-line-trophy:before {
  content: "\e006"
}
.icon-simple-line-screen-smartphone:before {
  content: "\e010"
}
.icon-simple-line-screen-desktop:before {
  content: "\e011"
}
.icon-simple-line-plane:before {
  content: "\e012"
}
.icon-simple-line-notebook:before {
  content: "\e013"
}
.icon-simple-line-moustache:before {
  content: "\e014"
}
.icon-simple-line-mouse:before {
  content: "\e015"
}
.icon-simple-line-magnet:before {
  content: "\e016"
}
.icon-simple-line-energy:before {
  content: "\e020"
}
.icon-simple-line-emoticon-smile:before {
  content: "\e021"
}
.icon-simple-line-disc:before {
  content: "\e022"
}
.icon-simple-line-cursor-move:before {
  content: "\e023"
}
.icon-simple-line-crop:before {
  content: "\e024"
}
.icon-simple-line-credit-card:before {
  content: "\e025"
}
.icon-simple-line-chemistry:before {
  content: "\e026"
}
.icon-simple-line-user:before {
  content: "\e005"
}
.icon-simple-line-speedometer:before {
  content: "\e007"
}
.icon-simple-line-social-youtube:before {
  content: "\e008"
}
.icon-simple-line-social-twitter:before {
  content: "\e009"
}
.icon-simple-line-social-tumblr:before {
  content: "\e00a"
}
.icon-simple-line-social-facebook:before {
  content: "\e00b"
}
.icon-simple-line-social-dropbox:before {
  content: "\e00c"
}
.icon-simple-line-social-dribbble:before {
  content: "\e00d"
}
.icon-simple-line-shield:before {
  content: "\e00e"
}
.icon-simple-line-screen-tablet:before {
  content: "\e00f"
}
.icon-simple-line-magic-wand:before {
  content: "\e017"
}
.icon-simple-line-hourglass:before {
  content: "\e018"
}
.icon-simple-line-graduation:before {
  content: "\e019"
}
.icon-simple-line-ghost:before {
  content: "\e01a"
}
.icon-simple-line-game-controller:before {
  content: "\e01b"
}
.icon-simple-line-fire:before {
  content: "\e01c"
}
.icon-simple-line-eyeglasses:before {
  content: "\e01d"
}
.icon-simple-line-envelope-open:before {
  content: "\e01e"
}
.icon-simple-line-envelope-letter:before {
  content: "\e01f"
}
.icon-simple-line-bell:before {
  content: "\e027"
}
.icon-simple-line-badge:before {
  content: "\e028"
}
.icon-simple-line-anchor:before {
  content: "\e029"
}
.icon-simple-line-wallet:before {
  content: "\e02a"
}
.icon-simple-line-vector:before {
  content: "\e02b"
}
.icon-simple-line-speech:before {
  content: "\e02c"
}
.icon-simple-line-puzzle:before {
  content: "\e02d"
}
.icon-simple-line-printer:before {
  content: "\e02e"
}
.icon-simple-line-present:before {
  content: "\e02f"
}
.icon-simple-line-playlist:before {
  content: "\e030"
}
.icon-simple-line-pin:before {
  content: "\e031"
}
.icon-simple-line-picture:before {
  content: "\e032"
}
.icon-simple-line-map:before {
  content: "\e033"
}
.icon-simple-line-layers:before {
  content: "\e034"
}
.icon-simple-line-handbag:before {
  content: "\e035"
}
.icon-simple-line-globe-alt:before {
  content: "\e036"
}
.icon-simple-line-globe:before {
  content: "\e037"
}
.icon-simple-line-frame:before {
  content: "\e038"
}
.icon-simple-line-folder-alt:before {
  content: "\e039"
}
.icon-simple-line-film:before {
  content: "\e03a"
}
.icon-simple-line-feed:before {
  content: "\e03b"
}
.icon-simple-line-earphones-alt:before {
  content: "\e03c"
}
.icon-simple-line-earphones:before {
  content: "\e03d"
}
.icon-simple-line-drop:before {
  content: "\e03e"
}
.icon-simple-line-drawer:before {
  content: "\e03f"
}
.icon-simple-line-docs:before {
  content: "\e040"
}
.icon-simple-line-directions:before {
  content: "\e041"
}
.icon-simple-line-direction:before {
  content: "\e042"
}
.icon-simple-line-diamond:before {
  content: "\e043"
}
.icon-simple-line-cup:before {
  content: "\e044"
}
.icon-simple-line-compass:before {
  content: "\e045"
}
.icon-simple-line-call-out:before {
  content: "\e046"
}
.icon-simple-line-call-in:before {
  content: "\e047"
}
.icon-simple-line-call-end:before {
  content: "\e048"
}
.icon-simple-line-calculator:before {
  content: "\e049"
}
.icon-simple-line-bubbles:before {
  content: "\e04a"
}
.icon-simple-line-briefcase:before {
  content: "\e04b"
}
.icon-simple-line-book-open:before {
  content: "\e04c"
}
.icon-simple-line-basket-loaded:before {
  content: "\e04d"
}
.icon-simple-line-basket:before {
  content: "\e04e"
}
.icon-simple-line-bag:before {
  content: "\e04f"
}
.icon-simple-line-action-undo:before {
  content: "\e050"
}
.icon-simple-line-action-redo:before {
  content: "\e051"
}
.icon-simple-line-wrench:before {
  content: "\e052"
}
.icon-simple-line-umbrella:before {
  content: "\e053"
}
.icon-simple-line-trash:before {
  content: "\e054"
}
.icon-simple-line-tag:before {
  content: "\e055"
}
.icon-simple-line-support:before {
  content: "\e056"
}
.icon-simple-line-size-fullscreen:before {
  content: "\e057"
}
.icon-simple-line-size-actual:before {
  content: "\e058"
}
.icon-simple-line-shuffle:before {
  content: "\e059"
}
.icon-simple-line-share-alt:before {
  content: "\e05a"
}
.icon-simple-line-share:before {
  content: "\e05b"
}
.icon-simple-line-rocket:before {
  content: "\e05c"
}
.icon-simple-line-question:before {
  content: "\e05d"
}
.icon-simple-line-pie-chart:before {
  content: "\e05e"
}
.icon-simple-line-pencil:before {
  content: "\e05f"
}
.icon-simple-line-note:before {
  content: "\e060"
}
.icon-simple-line-music-tone-alt:before {
  content: "\e061"
}
.icon-simple-line-music-tone:before {
  content: "\e062"
}
.icon-simple-line-microphone:before {
  content: "\e063"
}
.icon-simple-line-loop:before {
  content: "\e064"
}
.icon-simple-line-logout:before {
  content: "\e065"
}
.icon-simple-line-login:before {
  content: "\e066"
}
.icon-simple-line-list:before {
  content: "\e067"
}
.icon-simple-line-like:before {
  content: "\e068"
}
.icon-simple-line-home:before {
  content: "\e069"
}
.icon-simple-line-grid:before {
  content: "\e06a"
}
.icon-simple-line-graph:before {
  content: "\e06b"
}
.icon-simple-line-equalizer:before {
  content: "\e06c"
}
.icon-simple-line-dislike:before {
  content: "\e06d"
}
.icon-simple-line-cursor:before {
  content: "\e06e"
}
.icon-simple-line-control-start:before {
  content: "\e06f"
}
.icon-simple-line-control-rewind:before {
  content: "\e070"
}
.icon-simple-line-control-play:before {
  content: "\e071"
}
.icon-simple-line-control-pause:before {
  content: "\e072"
}
.icon-simple-line-control-forward:before {
  content: "\e073"
}
.icon-simple-line-control-end:before {
  content: "\e074"
}
.icon-simple-line-calendar:before {
  content: "\e075"
}
.icon-simple-line-bulb:before {
  content: "\e076"
}
.icon-simple-line-bar-chart:before {
  content: "\e077"
}
.icon-simple-line-arrow-up:before {
  content: "\e078"
}
.icon-simple-line-arrow-right:before {
  content: "\e079"
}
.icon-simple-line-arrow-left:before {
  content: "\e07a"
}
.icon-simple-line-arrow-down:before {
  content: "\e07b"
}
.icon-simple-line-ban:before {
  content: "\e07c"
}
.icon-simple-line-bubble:before {
  content: "\e07d"
}
.icon-simple-line-camcorder:before {
  content: "\e07e"
}
.icon-simple-line-camera:before {
  content: "\e07f"
}
.icon-simple-line-check:before {
  content: "\e080"
}
.icon-simple-line-clock:before {
  content: "\e081"
}
.icon-simple-line-close:before {
  content: "\e082"
}
.icon-simple-line-cloud-download:before {
  content: "\e083"
}
.icon-simple-line-cloud-upload:before {
  content: "\e084"
}
.icon-simple-line-doc:before {
  content: "\e085"
}
.icon-simple-line-envelope:before {
  content: "\e086"
}
.icon-simple-line-eye:before {
  content: "\e087"
}
.icon-simple-line-flag:before {
  content: "\e088"
}
.icon-simple-line-folder:before {
  content: "\e089"
}
.icon-simple-line-heart:before {
  content: "\e08a"
}
.icon-simple-line-info:before {
  content: "\e08b"
}
.icon-simple-line-key:before {
  content: "\e08c"
}
.icon-simple-line-link:before {
  content: "\e08d"
}
.icon-simple-line-lock:before {
  content: "\e08e"
}
.icon-simple-line-lock-open:before {
  content: "\e08f"
}
.icon-simple-line-magnifier:before {
  content: "\e090"
}
.icon-simple-line-magnifier-add:before {
  content: "\e091"
}
.icon-simple-line-magnifier-remove:before {
  content: "\e092"
}
.icon-simple-line-paper-clip:before {
  content: "\e093"
}
.icon-simple-line-paper-plane:before {
  content: "\e094"
}
.icon-simple-line-plus:before {
  content: "\e095"
}
.icon-simple-line-pointer:before {
  content: "\e096"
}
.icon-simple-line-power:before {
  content: "\e097"
}
.icon-simple-line-refresh:before {
  content: "\e098"
}
.icon-simple-line-reload:before {
  content: "\e099"
}
.icon-simple-line-settings:before {
  content: "\e09a"
}
.icon-simple-line-star:before {
  content: "\e09b"
}
.icon-simple-line-symbol-female:before {
  content: "\e09c"
}
.icon-simple-line-symbol-male:before {
  content: "\e09d"
}
.icon-simple-line-target:before {
  content: "\e09e"
}
.icon-simple-line-volume-1:before {
  content: "\e09f"
}
.icon-simple-line-volume-2:before {
  content: "\e0a0"
}
.icon-simple-line-volume-off:before {
  content: "\e0a1"
}
.icon-simple-line-users:before {
  content: "\e001"
}
/*
Feather
Plugin URI: https://feathericons.com/
*/
@font-face {
  font-family: feather;
  src: url(../fonts/feather.eot?t=1525787366991);
  src: url(../fonts/feather.eot?t=1525787366991#iefix) format('embedded-opentype'), url(../fonts/feather.woff?t=1525787366991) format('woff'), url(../fonts/feather.ttf?t=1525787366991) format('truetype'), url(../fonts/feather.svg?t=1525787366991#feather) format('svg');
  font-display: swap
}
.feather {
  font-family: feather !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-feather-alert-octagon:before {
  content: "\e81b"
}
.icon-feather-alert-circle:before {
  content: "\e81c"
}
.icon-feather-activity:before {
  content: "\e81d"
}
.icon-feather-alert-triangle:before {
  content: "\e81e"
}
.icon-feather-align-center:before {
  content: "\e81f"
}
.icon-feather-airplay:before {
  content: "\e820"
}
.icon-feather-align-justify:before {
  content: "\e821"
}
.icon-feather-align-left:before {
  content: "\e822"
}
.icon-feather-align-right:before {
  content: "\e823"
}
.icon-feather-arrow-down-left:before {
  content: "\e824"
}
.icon-feather-arrow-down-right:before {
  content: "\e825"
}
.icon-feather-anchor:before {
  content: "\e826"
}
.icon-feather-aperture:before {
  content: "\e827"
}
.icon-feather-arrow-left:before {
  content: "\e828"
}
.icon-feather-arrow-right:before {
  content: "\e829"
}
.icon-feather-arrow-down:before {
  content: "\e82a"
}
.icon-feather-arrow-up-left:before {
  content: "\e82b"
}
.icon-feather-arrow-up-right:before {
  content: "\e82c"
}
.icon-feather-arrow-up:before {
  content: "\e82d"
}
.icon-feather-award:before {
  content: "\e82e"
}
.icon-feather-bar-chart:before {
  content: "\e82f"
}
.icon-feather-at-sign:before {
  content: "\e830"
}
.icon-feather-bar-chart-2:before {
  content: "\e831"
}
.icon-feather-battery-charging:before {
  content: "\e832"
}
.icon-feather-bell-off:before {
  content: "\e833"
}
.icon-feather-battery:before {
  content: "\e834"
}
.icon-feather-bluetooth:before {
  content: "\e835"
}
.icon-feather-bell:before {
  content: "\e836"
}
.icon-feather-book:before {
  content: "\e837"
}
.icon-feather-briefcase:before {
  content: "\e838"
}
.icon-feather-camera-off:before {
  content: "\e839"
}
.icon-feather-calendar:before {
  content: "\e83a"
}
.icon-feather-bookmark:before {
  content: "\e83b"
}
.icon-feather-box:before {
  content: "\e83c"
}
.icon-feather-camera:before {
  content: "\e83d"
}
.icon-feather-check-circle:before {
  content: "\e83e"
}
.icon-feather-check:before {
  content: "\e83f"
}
.icon-feather-check-square:before {
  content: "\e840"
}
.icon-feather-cast:before {
  content: "\e841"
}
.icon-feather-chevron-down:before {
  content: "\e842"
}
.icon-feather-chevron-left:before {
  content: "\e843"
}
.icon-feather-chevron-right:before {
  content: "\e844"
}
.icon-feather-chevron-up:before {
  content: "\e845"
}
.icon-feather-chevrons-down:before {
  content: "\e846"
}
.icon-feather-chevrons-right:before {
  content: "\e847"
}
.icon-feather-chevrons-up:before {
  content: "\e848"
}
.icon-feather-chevrons-left:before {
  content: "\e849"
}
.icon-feather-circle:before {
  content: "\e84a"
}
.icon-feather-clipboard:before {
  content: "\e84b"
}
.icon-feather-chrome:before {
  content: "\e84c"
}
.icon-feather-clock:before {
  content: "\e84d"
}
.icon-feather-cloud-lightning:before {
  content: "\e84e"
}
.icon-feather-cloud-drizzle:before {
  content: "\e84f"
}
.icon-feather-cloud-rain:before {
  content: "\e850"
}
.icon-feather-cloud-off:before {
  content: "\e851"
}
.icon-feather-codepen:before {
  content: "\e852"
}
.icon-feather-cloud-snow:before {
  content: "\e853"
}
.icon-feather-compass:before {
  content: "\e854"
}
.icon-feather-copy:before {
  content: "\e855"
}
.icon-feather-corner-down-right:before {
  content: "\e856"
}
.icon-feather-corner-down-left:before {
  content: "\e857"
}
.icon-feather-corner-left-down:before {
  content: "\e858"
}
.icon-feather-corner-left-up:before {
  content: "\e859"
}
.icon-feather-corner-up-left:before {
  content: "\e85a"
}
.icon-feather-corner-up-right:before {
  content: "\e85b"
}
.icon-feather-corner-right-down:before {
  content: "\e85c"
}
.icon-feather-corner-right-up:before {
  content: "\e85d"
}
.icon-feather-cpu:before {
  content: "\e85e"
}
.icon-feather-credit-card:before {
  content: "\e85f"
}
.icon-feather-crosshair:before {
  content: "\e860"
}
.icon-feather-disc:before {
  content: "\e861"
}
.icon-feather-delete:before {
  content: "\e862"
}
.icon-feather-download-cloud:before {
  content: "\e863"
}
.icon-feather-download:before {
  content: "\e864"
}
.icon-feather-droplet:before {
  content: "\e865"
}
.icon-feather-edit-2:before {
  content: "\e866"
}
.icon-feather-edit:before {
  content: "\e867"
}
.icon-feather-edit-1:before {
  content: "\e868"
}
.icon-feather-external-link:before {
  content: "\e869"
}
.icon-feather-eye:before {
  content: "\e86a"
}
.icon-feather-feather:before {
  content: "\e86b"
}
.icon-feather-facebook:before {
  content: "\e86c"
}
.icon-feather-file-minus:before {
  content: "\e86d"
}
.icon-feather-eye-off:before {
  content: "\e86e"
}
.icon-feather-fast-forward:before {
  content: "\e86f"
}
.icon-feather-file-text:before {
  content: "\e870"
}
.icon-feather-film:before {
  content: "\e871"
}
.icon-feather-file:before {
  content: "\e872"
}
.icon-feather-file-plus:before {
  content: "\e873"
}
.icon-feather-folder:before {
  content: "\e874"
}
.icon-feather-filter:before {
  content: "\e875"
}
.icon-feather-flag:before {
  content: "\e876"
}
.icon-feather-globe:before {
  content: "\e877"
}
.icon-feather-grid:before {
  content: "\e878"
}
.icon-feather-heart:before {
  content: "\e879"
}
.icon-feather-home:before {
  content: "\e87a"
}
.icon-feather-github:before {
  content: "\e87b"
}
.icon-feather-image:before {
  content: "\e87c"
}
.icon-feather-inbox:before {
  content: "\e87d"
}
.icon-feather-layers:before {
  content: "\e87e"
}
.icon-feather-info:before {
  content: "\e87f"
}
.icon-feather-instagram:before {
  content: "\e880"
}
.icon-feather-layout:before {
  content: "\e881"
}
.icon-feather-link-2:before {
  content: "\e882"
}
.icon-feather-life-buoy:before {
  content: "\e883"
}
.icon-feather-link:before {
  content: "\e884"
}
.icon-feather-log-in:before {
  content: "\e885"
}
.icon-feather-list:before {
  content: "\e886"
}
.icon-feather-lock:before {
  content: "\e887"
}
.icon-feather-log-out:before {
  content: "\e888"
}
.icon-feather-loader:before {
  content: "\e889"
}
.icon-feather-mail:before {
  content: "\e88a"
}
.icon-feather-maximize-2:before {
  content: "\e88b"
}
.icon-feather-map:before {
  content: "\e88c"
}
.icon-feather-map-pin:before {
  content: "\e88e"
}
.icon-feather-menu:before {
  content: "\e88f"
}
.icon-feather-message-circle:before {
  content: "\e890"
}
.icon-feather-message-square:before {
  content: "\e891"
}
.icon-feather-minimize-2:before {
  content: "\e892"
}
.icon-feather-mic-off:before {
  content: "\e893"
}
.icon-feather-minus-circle:before {
  content: "\e894"
}
.icon-feather-mic:before {
  content: "\e895"
}
.icon-feather-minus-square:before {
  content: "\e896"
}
.icon-feather-minus:before {
  content: "\e897"
}
.icon-feather-moon:before {
  content: "\e898"
}
.icon-feather-monitor:before {
  content: "\e899"
}
.icon-feather-more-vertical:before {
  content: "\e89a"
}
.icon-feather-more-horizontal:before {
  content: "\e89b"
}
.icon-feather-move:before {
  content: "\e89c"
}
.icon-feather-music:before {
  content: "\e89d"
}
.icon-feather-navigation-2:before {
  content: "\e89e"
}
.icon-feather-navigation:before {
  content: "\e89f"
}
.icon-feather-octagon:before {
  content: "\e8a0"
}
.icon-feather-package:before {
  content: "\e8a1"
}
.icon-feather-pause-circle:before {
  content: "\e8a2"
}
.icon-feather-pause:before {
  content: "\e8a3"
}
.icon-feather-percent:before {
  content: "\e8a4"
}
.icon-feather-phone-call:before {
  content: "\e8a5"
}
.icon-feather-phone-forwarded:before {
  content: "\e8a6"
}
.icon-feather-phone-missed:before {
  content: "\e8a7"
}
.icon-feather-phone-off:before {
  content: "\e8a8"
}
.icon-feather-phone-incoming:before {
  content: "\e8a9"
}
.icon-feather-phone:before {
  content: "\e8aa"
}
.icon-feather-phone-outgoing:before {
  content: "\e8ab"
}
.icon-feather-pie-chart:before {
  content: "\e8ac"
}
.icon-feather-play-circle:before {
  content: "\e8ad"
}
.icon-feather-play:before {
  content: "\e8ae"
}
.icon-feather-plus-square:before {
  content: "\e8af"
}
.icon-feather-plus-circle:before {
  content: "\e8b0"
}
.icon-feather-plus:before {
  content: "\e8b1"
}
.icon-feather-pocket:before {
  content: "\e8b2"
}
.icon-feather-printer:before {
  content: "\e8b3"
}
.icon-feather-power:before {
  content: "\e8b4"
}
.icon-feather-radio:before {
  content: "\e8b5"
}
.icon-feather-repeat:before {
  content: "\e8b6"
}
.icon-feather-refresh-ccw:before {
  content: "\e8b7"
}
.icon-feather-rewind:before {
  content: "\e8b8"
}
.icon-feather-rotate-ccw:before {
  content: "\e8b9"
}
.icon-feather-refresh-cw:before {
  content: "\e8ba"
}
.icon-feather-rotate-cw:before {
  content: "\e8bb"
}
.icon-feather-save:before {
  content: "\e8bc"
}
.icon-feather-search:before {
  content: "\e8bd"
}
.icon-feather-server:before {
  content: "\e8be"
}
.icon-feather-scissors:before {
  content: "\e8bf"
}
.icon-feather-share-2:before {
  content: "\e8c0"
}
.icon-feather-share:before {
  content: "\e8c1"
}
.icon-feather-shield:before {
  content: "\e8c2"
}
.icon-feather-settings:before {
  content: "\e8c3"
}
.icon-feather-skip-back:before {
  content: "\e8c4"
}
.icon-feather-shuffle:before {
  content: "\e8c5"
}
.icon-feather-sidebar:before {
  content: "\e8c6"
}
.icon-feather-skip-forward:before {
  content: "\e8c7"
}
.icon-feather-slack:before {
  content: "\e8c8"
}
.icon-feather-slash:before {
  content: "\e8c9"
}
.icon-feather-smartphone:before {
  content: "\e8ca"
}
.icon-feather-square:before {
  content: "\e8cb"
}
.icon-feather-speaker:before {
  content: "\e8cc"
}
.icon-feather-star:before {
  content: "\e8cd"
}
.icon-feather-stop-circle:before {
  content: "\e8ce"
}
.icon-feather-sun:before {
  content: "\e8cf"
}
.icon-feather-sunrise:before {
  content: "\e8d0"
}
.icon-feather-tablet:before {
  content: "\e8d1"
}
.icon-feather-tag:before {
  content: "\e8d2"
}
.icon-feather-sunset:before {
  content: "\e8d3"
}
.icon-feather-target:before {
  content: "\e8d4"
}
.icon-feather-thermometer:before {
  content: "\e8d5"
}
.icon-feather-thumbs-up:before {
  content: "\e8d6"
}
.icon-feather-thumbs-down:before {
  content: "\e8d7"
}
.icon-feather-toggle-left:before {
  content: "\e8d8"
}
.icon-feather-toggle-right:before {
  content: "\e8d9"
}
.icon-feather-trash-2:before {
  content: "\e8da"
}
.icon-feather-trash:before {
  content: "\e8db"
}
.icon-feather-trending-up:before {
  content: "\e8dc"
}
.icon-feather-trending-down:before {
  content: "\e8dd"
}
.icon-feather-triangle:before {
  content: "\e8de"
}
.icon-feather-type:before {
  content: "\e8df"
}
.icon-feather-twitter:before {
  content: "\e8e0"
}
.icon-feather-upload:before {
  content: "\e8e1"
}
.icon-feather-umbrella:before {
  content: "\e8e2"
}
.icon-feather-upload-cloud:before {
  content: "\e8e3"
}
.icon-feather-unlock:before {
  content: "\e8e4"
}
.icon-feather-user-check:before {
  content: "\e8e5"
}
.icon-feather-user-minus:before {
  content: "\e8e6"
}
.icon-feather-user-plus:before {
  content: "\e8e7"
}
.icon-feather-user-x:before {
  content: "\e8e8"
}
.icon-feather-user:before {
  content: "\e8e9"
}
.icon-feather-users:before {
  content: "\e8ea"
}
.icon-feather-video-off:before {
  content: "\e8eb"
}
.icon-feather-video:before {
  content: "\e8ec"
}
.icon-feather-voicemail:before {
  content: "\e8ed"
}
.icon-feather-volume-x:before {
  content: "\e8ee"
}
.icon-feather-volume-2:before {
  content: "\e8ef"
}
.icon-feather-volume-1:before {
  content: "\e8f0"
}
.icon-feather-volume:before {
  content: "\e8f1"
}
.icon-feather-watch:before {
  content: "\e8f2"
}
.icon-feather-wifi:before {
  content: "\e8f3"
}
.icon-feather-x-square:before {
  content: "\e8f4"
}
.icon-feather-wind:before {
  content: "\e8f5"
}
.icon-feather-x:before {
  content: "\e8f6"
}
.icon-feather-x-circle:before {
  content: "\e8f7"
}
.icon-feather-zap:before {
  content: "\e8f8"
}
.icon-feather-zoom-in:before {
  content: "\e8f9"
}
.icon-feather-zoom-out:before {
  content: "\e8fa"
}
.icon-feather-command:before {
  content: "\e8fb"
}
.icon-feather-cloud:before {
  content: "\e8fc"
}
.icon-feather-hash:before {
  content: "\e8fd"
}
.icon-feather-headphones:before {
  content: "\e8fe"
}
.icon-feather-underline:before {
  content: "\e8ff"
}
.icon-feather-italic:before {
  content: "\e900"
}
.icon-feather-bold:before {
  content: "\e901"
}
.icon-feather-crop:before {
  content: "\e902"
}
.icon-feather-help-circle:before {
  content: "\e903"
}
.icon-feather-paperclip:before {
  content: "\e904"
}
.icon-feather-shopping-cart:before {
  content: "\e905"
}
.icon-feather-tv:before {
  content: "\e906"
}
.icon-feather-wifi-off:before {
  content: "\e907"
}
.icon-feather-minimize:before {
  content: "\e88d"
}
.icon-feather-maximize:before {
  content: "\e908"
}
.icon-feather-gitlab:before {
  content: "\e909"
}
.icon-feather-sliders:before {
  content: "\e90a"
}
.icon-feather-star-on:before {
  content: "\e90b"
}
.icon-feather-heart-on:before {
  content: "\e90c"
}
.icon-feather-archive:before {
  content: "\e90d"
}
.icon-feather-arrow-down-circle:before {
  content: "\e90e"
}
.icon-feather-arrow-up-circle:before {
  content: "\e90f"
}
.icon-feather-arrow-left-circle:before {
  content: "\e910"
}
.icon-feather-arrow-right-circle:before {
  content: "\e911"
}
.icon-feather-bar-chart-line-:before {
  content: "\e912"
}
.icon-feather-bar-chart-line:before {
  content: "\e913"
}
.icon-feather-book-open:before {
  content: "\e914"
}
.icon-feather-code:before {
  content: "\e915"
}
.icon-feather-database:before {
  content: "\e916"
}
.icon-feather-dollar-sign:before {
  content: "\e917"
}
.icon-feather-folder-plus:before {
  content: "\e918"
}
.icon-feather-gift:before {
  content: "\e919"
}
.icon-feather-folder-minus:before {
  content: "\e91a"
}
.icon-feather-git-commit:before {
  content: "\e91b"
}
.icon-feather-git-branch:before {
  content: "\e91c"
}
.icon-feather-git-pull-request:before {
  content: "\e91d"
}
.icon-feather-git-merge:before {
  content: "\e91e"
}
.icon-feather-linkedin:before {
  content: "\e91f"
}
.icon-feather-hard-drive:before {
  content: "\e920"
}
.icon-feather-more-vertical-:before {
  content: "\e921"
}
.icon-feather-more-horizontal-:before {
  content: "\e922"
}
.icon-feather-rss:before {
  content: "\e923"
}
.icon-feather-send:before {
  content: "\e924"
}
.icon-feather-shield-off:before {
  content: "\e925"
}
.icon-feather-shopping-bag:before {
  content: "\e926"
}
.icon-feather-terminal:before {
  content: "\e927"
}
.icon-feather-truck:before {
  content: "\e928"
}
.icon-feather-zap-off:before {
  content: "\e929"
}
.icon-feather-youtube:before {
  content: "\e92a"
}

/* Source: theme-vendors.min.css */
/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */ :root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*, ::after, ::before {
  box-sizing: border-box
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem
}
p {
  margin-top: 0;
  margin-bottom: 1rem
}
abbr[data-original-title], abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}
dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem
}
ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0
}
dt {
  font-weight: 700
}
dd {
  margin-bottom: .5rem;
  margin-left: 0
}
blockquote {
  margin: 0 0 1rem
}
b, strong {
  font-weight: bolder
}
small {
  font-size: 80%
}
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
a {
  text-decoration: none;
  background-color: transparent
}
a:hover {
  text-decoration: underline
}
a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}
code, kbd, pre, samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar
}
figure {
  margin: 0 0 1rem
}
img, svg {
  vertical-align: middle;
  border-style: none
}
/*
svg {
  overflow: hidden;
  vertical-align: middle
}
*/
table {
  border-collapse: collapse
}
caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent
}
label {
  display: inline-block;
  margin-bottom: .5rem
}
button {
  border-radius: 0
}
button:focus:not(:focus-visible) {
  outline: 0
}
button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
[role=button] {
  cursor: pointer
}
select {
  word-wrap: normal
}
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  cursor: pointer
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  padding: 0;
  border-style: none
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
textarea {
  overflow: auto;
  resize: vertical
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal
}
progress {
  vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}
output {
  display: inline-block
}
summary {
  display: list-item;
  cursor: pointer
}
template {
  display: none
}
[hidden] {
  display: none !important
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2
}
.h1, h1 {
  font-size: 2.5rem
}
.h2, h2 {
  font-size: 2rem
}
.h3, h3 {
  font-size: 1.75rem
}
.h4, h4 {
  font-size: 1.5rem
}
.h5, h5 {
  font-size: 1.25rem
}
.h6, h6 {
  font-size: 1rem
}
.lead {
  font-size: 1.25rem;
  font-weight: 300
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1)
}
.small, small {
  font-size: 80%;
  font-weight: 400
}
.mark, mark {
  padding: .2em;
  background-color: #fcf8e3
}
.list-unstyled {
  padding-left: 0;
  list-style: none
}
.list-inline {
  padding-left: 0;
  list-style: none
}
.list-inline-item {
  display: inline-block
}
.list-inline-item:not(:last-child) {
  margin-right: .5rem
}
.initialism {
  font-size: 90%;
  text-transform: uppercase
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d
}
.blockquote-footer::before {
  content: "\2014\00A0"
}
.img-fluid {
  max-width: 100%;
  height: auto
}
.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  max-width: 100%;
  height: auto
}
.figure {
  display: inline-block
}
.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}
.figure-caption {
  font-size: 90%;
  color: #6c757d
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word
}
a > code {
  color: inherit
}
kbd {
  padding: .2rem .4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: .2rem
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}
@media (min-width:576px) {
  .container, .container-sm {
    max-width: 540px
  }
}
@media (min-width:768px) {
  .container, .container-md, .container-sm {
    max-width: 720px
  }
}
@media (min-width:992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px
  }
}
@media (min-width:1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px
  }
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}
.no-gutters {
  margin-right: 0;
  margin-left: 0
}
.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%
}
.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}
.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}
.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}
.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}
.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%
}
.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}
.order-first {
  -ms-flex-order: -1;
  order: -1
}
.order-last {
  -ms-flex-order: 13;
  order: 13
}
.order-0 {
  -ms-flex-order: 0;
  order: 0
}
.order-1 {
  -ms-flex-order: 1;
  order: 1
}
.order-2 {
  -ms-flex-order: 2;
  order: 2
}
.order-3 {
  -ms-flex-order: 3;
  order: 3
}
.order-4 {
  -ms-flex-order: 4;
  order: 4
}
.order-5 {
  -ms-flex-order: 5;
  order: 5
}
.order-6 {
  -ms-flex-order: 6;
  order: 6
}
.order-7 {
  -ms-flex-order: 7;
  order: 7
}
.order-8 {
  -ms-flex-order: 8;
  order: 8
}
.order-9 {
  -ms-flex-order: 9;
  order: 9
}
.order-10 {
  -ms-flex-order: 10;
  order: 10
}
.order-11 {
  -ms-flex-order: 11;
  order: 11
}
.order-12 {
  -ms-flex-order: 12;
  order: 12
}
.offset-1 {
  margin-left: 8.333333%
}
.offset-2 {
  margin-left: 16.666667%
}
.offset-3 {
  margin-left: 25%
}
.offset-4 {
  margin-left: 33.333333%
}
.offset-5 {
  margin-left: 41.666667%
}
.offset-6 {
  margin-left: 50%
}
.offset-7 {
  margin-left: 58.333333%
}
.offset-8 {
  margin-left: 66.666667%
}
.offset-9 {
  margin-left: 75%
}
.offset-10 {
  margin-left: 83.333333%
}
.offset-11 {
  margin-left: 91.666667%
}
@media (min-width:0px) {
  .col-xs {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .row-cols-xs-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .row-cols-xs-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .row-cols-xs-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .row-cols-xs-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .row-cols-xs-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
  .row-cols-xs-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-xs-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-xs-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-xs-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-xs-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-xs-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-xs-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-xs-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-xs-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-xs-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-xs-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .order-xs-first {
    -ms-flex-order: -1;
    order: -1
  }
  .order-xs-last {
    -ms-flex-order: 13;
    order: 13
  }
  .order-xs-0 {
    -ms-flex-order: 0;
    order: 0
  }
  .order-xs-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .order-xs-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .order-xs-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .order-xs-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .order-xs-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .order-xs-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .order-xs-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .order-xs-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .order-xs-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .order-xs-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .order-xs-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .order-xs-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .offset-xs-0 {
    margin-left: 0
  }
  .offset-xs-1 {
    margin-left: 8.333333%
  }
  .offset-xs-2 {
    margin-left: 16.666667%
  }
  .offset-xs-3 {
    margin-left: 25%
  }
  .offset-xs-4 {
    margin-left: 33.333333%
  }
  .offset-xs-5 {
    margin-left: 41.666667%
  }
  .offset-xs-6 {
    margin-left: 50%
  }
  .offset-xs-7 {
    margin-left: 58.333333%
  }
  .offset-xs-8 {
    margin-left: 66.666667%
  }
  .offset-xs-9 {
    margin-left: 75%
  }
  .offset-xs-10 {
    margin-left: 83.333333%
  }
  .offset-xs-11 {
    margin-left: 91.666667%
  }
}
@media (min-width:576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .offset-sm-0 {
    margin-left: 0
  }
  .offset-sm-1 {
    margin-left: 8.333333%
  }
  .offset-sm-2 {
    margin-left: 16.666667%
  }
  .offset-sm-3 {
    margin-left: 25%
  }
  .offset-sm-4 {
    margin-left: 33.333333%
  }
  .offset-sm-5 {
    margin-left: 41.666667%
  }
  .offset-sm-6 {
    margin-left: 50%
  }
  .offset-sm-7 {
    margin-left: 58.333333%
  }
  .offset-sm-8 {
    margin-left: 66.666667%
  }
  .offset-sm-9 {
    margin-left: 75%
  }
  .offset-sm-10 {
    margin-left: 83.333333%
  }
  .offset-sm-11 {
    margin-left: 91.666667%
  }
}
@media (min-width:768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .offset-md-0 {
    margin-left: 0
  }
  .offset-md-1 {
    margin-left: 8.333333%
  }
  .offset-md-2 {
    margin-left: 16.666667%
  }
  .offset-md-3 {
    margin-left: 25%
  }
  .offset-md-4 {
    margin-left: 33.333333%
  }
  .offset-md-5 {
    margin-left: 41.666667%
  }
  .offset-md-6 {
    margin-left: 50%
  }
  .offset-md-7 {
    margin-left: 58.333333%
  }
  .offset-md-8 {
    margin-left: 66.666667%
  }
  .offset-md-9 {
    margin-left: 75%
  }
  .offset-md-10 {
    margin-left: 83.333333%
  }
  .offset-md-11 {
    margin-left: 91.666667%
  }
}
@media (min-width:992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;

    flex: 0 0 20%;
    max-width: 20%
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .offset-lg-0 {
    margin-left: 0
  }
  .offset-lg-1 {
    margin-left: 8.333333%
  }
  .offset-lg-2 {
    margin-left: 16.666667%
  }
  .offset-lg-3 {
    margin-left: 25%
  }
  .offset-lg-4 {
    margin-left: 33.333333%
  }
  .offset-lg-5 {
    margin-left: 41.666667%
  }
  .offset-lg-6 {
    margin-left: 50%
  }
  .offset-lg-7 {
    margin-left: 58.333333%
  }
  .offset-lg-8 {
    margin-left: 66.666667%
  }
  .offset-lg-9 {
    margin-left: 75%
  }
  .offset-lg-10 {
    margin-left: 83.333333%
  }
  .offset-lg-11 {
    margin-left: 91.666667%
  }
}
@media (min-width:1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .offset-xl-0 {
    margin-left: 0
  }
  .offset-xl-1 {
    margin-left: 8.333333%
  }
  .offset-xl-2 {
    margin-left: 16.666667%
  }
  .offset-xl-3 {
    margin-left: 25%
  }
  .offset-xl-4 {
    margin-left: 33.333333%
  }
  .offset-xl-5 {
    margin-left: 41.666667%
  }
  .offset-xl-6 {
    margin-left: 50%
  }
  .offset-xl-7 {
    margin-left: 58.333333%
  }
  .offset-xl-8 {
    margin-left: 66.666667%
  }
  .offset-xl-9 {
    margin-left: 75%
  }
  .offset-xl-10 {
    margin-left: 83.333333%
  }
  .offset-xl-11 {
    margin-left: 91.666667%
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529
}
.table td, .table th {
  padding: .75rem;
  vertical-align:middle;
  border-top: 1px solid #dee2e6
}
.table thead th {
	vertical-align: middle;
  border-bottom: 2px solid #dee2e6
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6
}
.table-sm td, .table-sm th {
  padding: .3rem
}
.table-bordered {
  border: 1px solid #dee2e6
}
.table-bordered td, .table-bordered th {
  border: 1px solid #dee2e6
}
.table-bordered thead td, .table-bordered thead th {
  border-bottom-width: 2px
}
.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
  border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .05)
}
.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, .075)
}
.table-primary, .table-primary > td, .table-primary > th {
  background-color: #b8daff
}
.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {
  border-color: #7abaff
}
.table-hover .table-primary:hover {
  background-color: #9fcdff
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
  background-color: #9fcdff
}
.table-secondary, .table-secondary > td, .table-secondary > th {
  background-color: #d6d8db
}
.table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
  border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
  background-color: #c8cbcf
}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
  background-color: #c8cbcf
}
.table-success, .table-success > td, .table-success > th {
  background-color: #c3e6cb
}
.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th {
  border-color: #8fd19e
}
.table-hover .table-success:hover {
  background-color: #b1dfbb
}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
  background-color: #b1dfbb
}
.table-info, .table-info > td, .table-info > th {
  background-color: #bee5eb
}
.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {
  border-color: #86cfda
}
.table-hover .table-info:hover {
  background-color: #abdde5
}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
  background-color: #abdde5
}
.table-warning, .table-warning > td, .table-warning > th {
  background-color: #ffeeba
}
.table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th {
  border-color: #ffdf7e
}
.table-hover .table-warning:hover {
  background-color: #ffe8a1
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
  background-color: #ffe8a1
}
.table-danger, .table-danger > td, .table-danger > th {
  background-color: #f5c6cb
}
.table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th {
  border-color: #ed969e
}
.table-hover .table-danger:hover {
  background-color: #f1b0b7
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
  background-color: #f1b0b7
}
.table-light, .table-light > td, .table-light > th {
  background-color: #fdfdfe
}
.table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {
  border-color: #fbfcfc
}
.table-hover .table-light:hover {
  background-color: #ececf6
}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
  background-color: #ececf6
}
.table-dark, .table-dark > td, .table-dark > th {
  background-color: #c6c8ca
}
.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
  border-color: #95999c
}
.table-hover .table-dark:hover {
  background-color: #b9bbbe
}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
  background-color: #b9bbbe
}
.table-active, .table-active > td, .table-active > th {
  background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, .075)
}
.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6
}
.table-dark {
  color: #fff;
  background-color: #343a40
}
.table-dark td, .table-dark th, .table-dark thead th {
  border-color: #454d55
}
.table-dark.table-bordered {
  border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, .05)
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, .075)
}
@media (max-width:575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
  .table-responsive-sm > .table-bordered {
    border: 0
  }
}
@media (max-width:767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
  .table-responsive-md > .table-bordered {
    border: 0
  }
}
@media (max-width:991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
  .table-responsive-lg > .table-bordered {
    border: 0
  }
}
@media (max-width:1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
  .table-responsive-xl > .table-bordered {
    border: 0
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}
.table-responsive > .table-bordered {
  border: 0
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1
}
.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1
}
input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff
}
.form-control-file, .form-control-range {
  display: block;
  width: 100%
}
.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5
}
.col-form-label-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5
}
.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .875rem;
  line-height: 1.5
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0
}
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0
}
.form-control-sm {
  height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem
}
select.form-control[multiple], select.form-control[size] {
  height: auto
}
textarea.form-control {
  height: auto
}
.form-group {
  margin-bottom: 1rem
}
.form-text {
  display: block;
  margin-top: .25rem
}
.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px
}
.form-row > .col, .form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem
}
.form-check-input {
  position: absolute;
  margin-top: .3rem;
  margin-left: -1.25rem
}
.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
  color: #6c757d
}
.form-check-label {
  margin-bottom: 0
}
.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: .75rem
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: .3125rem;
  margin-left: 0
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #28a745
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, .9);
  border-radius: .25rem
}
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
  left: 5px
}
.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
  display: block
}
.form-control.is-valid, .was-validated .form-control:valid {
  border-color: #28a745;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid, .was-validated .custom-select:valid {
  border-color: #28a745;
  padding-right: calc(.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: #28a745
}
.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
  display: block
}
.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
  color: #28a745
}
.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
  border-color: #28a745
}
.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57
}
.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745
}
.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: #28a745
}
.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #dc3545
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, .9);
  border-radius: .25rem
}
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
  left: 5px
}
.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
  display: block
}
.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid, .was-validated .custom-select:invalid {
  border-color: #dc3545;
  padding-right: calc(.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545
}
.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
  display: block
}
.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: #dc3545
}
.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
  border-color: #dc3545
}
.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d
}
.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545
}
.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
  border-color: #dc3545
}
.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center
}
.form-inline .form-check {
  width: 100%
}
@media (min-width:576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0
  }
  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
  .form-inline .form-control-plaintext {
    display: inline-block
  }
  .form-inline .custom-select, .form-inline .input-group {
    width: auto
  }
  .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0
  }
  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: .25rem;
    margin-left: 0
  }
  .form-inline .custom-control {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .form-inline .custom-control-label {
    margin-bottom: 0
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none
}
.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.btn.disabled, .btn:disabled {
  opacity: .65
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer
}
a.btn.disabled, fieldset:disabled a.btn {
  pointer-events: none
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc
}
.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62
}
.btn-secondary.focus, .btn-secondary:focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34
}
.btn-success.focus, .btn-success:focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b
}
.btn-info.focus, .btn-info:focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00
}
.btn-warning.focus, .btn-warning:focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130
}
.btn-danger.focus, .btn-danger:focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-light {
  color: #212529;
  background-color: #B9C5D1;
  border-color: #B9C5D1
}
.btn-light:hover {
  color: #212529;
  background-color: #AEBBC8;
  border-color: #AEBBC8
}
.btn-light.focus, .btn-light:focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124
}
.btn-dark.focus, .btn-dark:focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-outline-primary {
  color: #007bff;
  border-color: #007bff
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-success {
  color: #28a745;
  border-color: #28a745
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745
}
.btn-outline-success.focus, .btn-outline-success:focus {
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8
}
.btn-outline-info.focus, .btn-outline-info:focus {
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107
}
.btn-outline-warning.focus, .btn-outline-warning:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}
.btn-outline-danger.focus, .btn-outline-danger:focus {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}
.btn-outline-light.focus, .btn-outline-light:focus {
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}
.btn-outline-dark.focus, .btn-outline-dark:focus {
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: underline
}
.btn-link.focus, .btn-link:focus {
  text-decoration: underline
}
.btn-link.disabled, .btn-link:disabled {
  color: #6c757d;
  pointer-events: none
}
.btn-group-lg > .btn, .btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem
}
.btn-group-sm > .btn, .btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem
}
.btn-block {
  display: block;
  width: 100%
}
.btn-block + .btn-block {
  margin-top: .5rem
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
  width: 100%
}
.fade {
  transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}
.fade:not(.show) {
  opacity: 0
}
.collapse:not(.show) {
  display: none
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}
.dropdown, .dropleft, .dropright, .dropup {
  position: relative
}
.dropdown-toggle {
  white-space: nowrap
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
  margin-left: 0
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem
}
.dropdown-menu-left {
  right: auto;
  left: 0
}
.dropdown-menu-right {
  right: 0;
  left: auto
}
@media (min-width:576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto
  }
}
@media (min-width:768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto
  }
}
@media (min-width:992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto
  }
}
@media (min-width:1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: .125rem
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0
}
.dropright .dropdown-toggle::after {
  vertical-align: 0
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: ""
}
.dropleft .dropdown-toggle::after {
  display: none
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0
}
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
  right: auto;
  bottom: auto
}
.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent
}
.dropdown-menu.show {
  display: block
}
.dropdown-header {
  display: block;
  padding: .5rem 1.5rem;
  margin-bottom: 0;
  font-size: .875rem;
  color: #6c757d;
  white-space: nowrap
}
.dropdown-item-text {
  display: block;
  padding: .25rem 1.5rem;
  color: #212529
}
.btn-group, .btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle
}
.btn-group-vertical > .btn, .btn-group > .btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}
.btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
  z-index: 1
}
.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
  z-index: 1
}
.btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.btn-toolbar .input-group {
  width: auto
}
.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
  margin-left: -1px
}
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem
}
.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
  margin-left: 0
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0
}
.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem
}
.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}
.btn-group-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%

}
.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0
}
.btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}
.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%
}
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0
}
.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control {
  margin-left: -1px
}
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {
  z-index: 3
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4
}
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}
.input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after, .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .form-control:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.input-group-append, .input-group-prepend {
  display: -ms-flexbox;
  display: flex
}
.input-group-append .btn, .input-group-prepend .btn {
  position: relative;
  z-index: 2
}
.input-group-append .btn:focus, .input-group-prepend .btn:focus {
  z-index: 3
}
.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
  margin-left: -1px
}
.input-group-prepend {
  margin-right: -1px
}
.input-group-append {
  margin-left: -1px
}
.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem
}
.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
  margin-top: 0
}
.input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) {
  height: calc(1.5em + 1rem + 2px)
}
.input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem
}
.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) {
  height: calc(1.5em + .5rem + 2px)
}
.input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem
}
.input-group-lg > .custom-select, .input-group-sm > .custom-select {
  padding-right: 1.75rem
}
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact
}
.custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff
}
.custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label {
  color: #6c757d
}
.custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before {
  background-color: #e9ecef
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top
}
.custom-control-label::before {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px
}
.custom-control-label::after {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat
}
.custom-checkbox .custom-control-label::before {
  border-radius: .25rem
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, .5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, .5)
}
.custom-radio .custom-control-label::before {
  border-radius: 50%
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, .5)
}
.custom-switch {
  padding-left: 2.25rem
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: .5rem
}
.custom-switch .custom-control-label::after {
  top: calc(.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: .5rem;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .custom-switch .custom-control-label::after {
    transition: none
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(.75rem);
  transform: translateX(.75rem)
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, .5)
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: .75rem;
  background-image: none
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef
}
.custom-select::-ms-expand {
  display: none
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057
}
.custom-select-sm {
  height: calc(1.5em + .5rem + 2px);
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem
}
.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin-bottom: 0
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label {
  background-color: #e9ecef
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse"
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse)
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + .75rem);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 .25rem .25rem 0
}
.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.custom-range:focus {
  outline: 0
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range::-moz-focus-outer {
  border: 0
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none
}
@media (prefers-reduced-motion:reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -moz-appearance: none;
  appearance: none
}
@media (prefers-reduced-motion:reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff
}
.custom-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: .2rem;
  margin-left: .2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  appearance: none
}
@media (prefers-reduced-motion:reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none
  }
}
.custom-range::-ms-thumb:active {
  background-color: #b3d7ff
}
.custom-range::-ms-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: .5rem
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd
}
.custom-range:disabled::-moz-range-track {
  cursor: default
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd
}
.custom-control-label::before, .custom-file-label, .custom-select {
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .custom-control-label::before, .custom-file-label, .custom-select {
    transition: none
  }
}
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
.nav-link {
  display: block;
  padding: .5rem 1rem
}
.nav-link:focus, .nav-link:hover {
  text-decoration: none
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.nav-pills .nav-link {
  border-radius: .25rem
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff
}
.nav-fill .nav-item, .nav-fill > .nav-link {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center
}
.nav-justified .nav-item, .nav-justified > .nav-link {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center
}
.tab-content > .tab-pane {
  display: none
}
.tab-content > .active {
  display: block
}
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5rem 1rem
}
.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.navbar-brand {
  display: inline-block;
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap
}
.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none
}
.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none
}
.navbar-text {
  display: inline-block;
  padding-top: .5rem;
  padding-bottom: .5rem
}
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center
}
.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem
}
.navbar-toggler:focus, .navbar-toggler:hover {
  text-decoration: none
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat
}
.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto
}
@media (max-width:575.98px) {
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0
  }
}
@media (min-width:576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }
  .navbar-expand-sm .navbar-toggler {
    display: none
  }
}
@media (max-width:767.98px) {
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0
  }
}
@media (min-width:768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }
  .navbar-expand-md .navbar-toggler {
    display: none
  }
}
@media (max-width:991.98px) {
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0
  }
}
@media (min-width:992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }
  .navbar-expand-lg .navbar-toggler {
    display: none
  }
}
@media (max-width:1199.98px) {
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0
  }
}
@media (min-width:1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }
  .navbar-expand-xl .navbar-toggler {
    display: none
  }
}
.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0
}
.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem
}
.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible
}
.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
.navbar-expand .navbar-toggler {
  display: none
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, .5);
  border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, .9)
}
.navbar-dark .navbar-brand {
  color: #fff
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
  color: #fff
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, .25)
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
  color: #fff
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, .5);
  border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-text a {
  color: #fff
}
.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
  color: #fff
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem
}
.card > hr {
  margin-right: 0;
  margin-left: 0
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}
.card > .card-header + .list-group, .card > .list-group + .card-footer {
  border-top: 0
}
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem
}
.card-title {
  margin-bottom: .75rem
}
.card-subtitle {
  margin-top: -.375rem;
  margin-bottom: 0
}
.card-text:last-child {
  margin-bottom: 0
}
.card-link:hover {
  text-decoration: none
}
.card-link + .card-link {
  margin-left: 1.25rem
}
.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer {
  padding: .75rem 1.25rem;
  background-color: rgba(0, 0, 0, .03);
  border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
  margin-right: -.625rem;
  margin-bottom: -.75rem;
  margin-left: -.625rem;
  border-bottom: 0
}
.card-header-pills {
  margin-right: -.625rem;
  margin-left: -.625rem
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(.25rem - 1px)
}
.card-img, .card-img-bottom, .card-img-top {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%
}
.card-img, .card-img-top {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}
.card-img, .card-img-bottom {
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck .card {
  margin-bottom: 15px
}
@media (min-width:576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px
  }
  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px
  }
}
.card-group > .card {
  margin-bottom: 15px
}
@media (min-width:576px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }
  .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }
  .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }
  .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }
  .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
}
.card-columns .card {
  margin-bottom: .75rem
}
@media (min-width:576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1
  }
  .card-columns .card {
    display: inline-block;
    width: 100%
  }
}
.accordion {
  overflow-anchor: none
}
.accordion > .card {
  overflow: hidden
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px
}
.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: .25rem
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: .5rem
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #6c757d;
  content: "/"
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none
}
.breadcrumb-item.active {
  color: #6c757d
}
.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem
}
.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6
}
.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6
}
.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem
}
.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .badge {
    transition: none
  }
}
a.badge:focus, a.badge:hover {
  text-decoration: none
}
.badge:empty {
  display: none
}
.btn .badge {
  position: relative;
  top: -1px
}
.badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem
}
.badge-primary {
  color: #fff;
  background-color: #007bff
}
a.badge-primary:focus, a.badge-primary:hover {
  color: #fff;
  background-color: #0062cc
}
a.badge-primary.focus, a.badge-primary:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.badge-secondary {
  color: #fff;
  background-color: #6c757d
}
a.badge-secondary:focus, a.badge-secondary:hover {
  color: #fff;
  background-color: #545b62
}
a.badge-secondary.focus, a.badge-secondary:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.badge-success {
  color: #fff;
  background-color: #28a745
}
a.badge-success:focus, a.badge-success:hover {
  color: #fff;
  background-color: #1e7e34
}
a.badge-success.focus, a.badge-success:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.badge-info {
  color: #fff;
  background-color: #17a2b8
}
a.badge-info:focus, a.badge-info:hover {
  color: #fff;
  background-color: #117a8b
}
a.badge-info.focus, a.badge-info:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.badge-warning {
  color: #212529;
  background-color: #ffc107
}
a.badge-warning:focus, a.badge-warning:hover {
  color: #212529;
  background-color: #d39e00
}
a.badge-warning.focus, a.badge-warning:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.badge-danger {
  color: #fff;
  background-color: #dc3545
}
a.badge-danger:focus, a.badge-danger:hover {
  color: #fff;
  background-color: #bd2130
}
a.badge-danger.focus, a.badge-danger:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.badge-light {
  color: #212529;
  background-color: #f8f9fa
}
a.badge-light:focus, a.badge-light:hover {
  color: #212529;
  background-color: #dae0e5
}
a.badge-light.focus, a.badge-light:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.badge-dark {
  color: #fff;
  background-color: #343a40
}
a.badge-dark:focus, a.badge-dark:hover {
  color: #fff;
  background-color: #1d2124
}
a.badge-dark.focus, a.badge-dark:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: .3rem
}
@media (min-width:576px) {
  .jumbotron {
    padding: 4rem 2rem
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0
}
.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem
}
.alert-heading {
  color: inherit
}
.alert-link {
  font-weight: 700
}
.alert-dismissible {
  padding-right: 4rem
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: .75rem 1.25rem;
  color: inherit
}
.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff
}
.alert-primary hr {
  border-top-color: #9fcdff
}
.alert-primary .alert-link {
  color: #002752
}
.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db
}
.alert-secondary hr {
  border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
  color: #202326
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb
}
.alert-success hr {
  border-top-color: #b1dfbb
}
.alert-success .alert-link {
  color: #0b2e13
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb
}
.alert-info hr {
  border-top-color: #abdde5
}
.alert-info .alert-link {
  color: #062c33
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba
}
.alert-warning hr {
  border-top-color: #ffe8a1
}
.alert-warning .alert-link {
  color: #533f03
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb
}
.alert-danger hr {
  border-top-color: #f1b0b7
}
.alert-danger .alert-link {
  color: #491217
}
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe
}
.alert-light hr {
  border-top-color: #ececf6
}
.alert-light .alert-link {
  color: #686868
}
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca
}
.alert-dark hr {
  border-top-color: #b9bbbe
}
.alert-dark .alert-link {
  color: #040505
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0
  }
  to {
    background-position: 0 0
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0
  }
  to {
    background-position: 0 0
  }
}
.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .25rem
}
.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem
}
.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes
}
@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none
  }
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start
}
.media-body {
  -ms-flex: 1;
  flex: 1
}
.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .25rem
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit
}
.list-group-item-action:focus, .list-group-item-action:hover {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef
}
.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}
.list-group-item + .list-group-item {
  border-top-width: 0
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px
}
.list-group-horizontal {
  -ms-flex-direction: row;
  flex-direction: row
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: .25rem;
  border-top-right-radius: 0
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: .25rem;
  border-bottom-left-radius: 0
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px
}
@media (min-width:576px) {
  .list-group-horizontal-sm {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}
@media (min-width:768px) {
  .list-group-horizontal-md {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}
@media (min-width:992px) {
  .list-group-horizontal-lg {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}
@media (min-width:1200px) {
  .list-group-horizontal-xl {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}
.list-group-flush {
  border-radius: 0
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0
}
.list-group-item-primary {
  color: #004085;
  background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
  color: #004085;
  background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085
}
.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
  color: #383d41;
  background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41
}
.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
  color: #155724;
  background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724
}
.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
  color: #0c5460;
  background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460
}
.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
  color: #856404;
  background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404
}
.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
  color: #721c24;
  background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24
}
.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
  color: #818182;
  background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182
}
.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
  color: #1b1e21;
  background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5
}
.close:hover {
  color: #000;
  text-decoration: none
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
  opacity: .75
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0
}
a.close.disabled {
  pointer-events: none
}
.toast {
  -ms-flex-preferred-size: 350px;
  flex-basis: 350px;
  max-width: 350px;
  font-size: .875rem;
  background-color: rgba(255, 255, 255, .85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
  opacity: 0;
  border-radius: .25rem
}
.toast:not(:last-child) {
  margin-bottom: .75rem
}
.toast.showing {
  opacity: 1
}
.toast.show {
  display: block;
  opacity: 1
}
.toast.hide {
  display: none
}
.toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .25rem .75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, .85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}
.toast-body {
  padding: .75rem
}
.modal-open {
  overflow: hidden
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none
}
.modal.fade .modal-dialog {
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none
}
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}
.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden
}
.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}
.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem)
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: ""
}
.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none
}
.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}
.modal-backdrop.fade {
  opacity: 0
}
.modal-backdrop.show {
  opacity: .5
}
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5
}
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem
}
.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer > * {
  margin: .25rem
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}
@media (min-width:576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem)
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem)
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem)
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
  }
  .modal-sm {
    max-width: 300px
  }
}
@media (min-width:992px) {
  .modal-lg, .modal-xl {
    max-width: 800px
  }
}
@media (min-width:1200px) {
  .modal-xl {
    max-width: 1140px
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  opacity: 0
}
.tooltip.show {
  opacity: .9
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid
}
.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
  padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
  bottom: 0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
  top: 0;
  border-width: .4rem .4rem 0;
  border-top-color: #000
}
.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
  padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
  left: 0;
  width: .4rem;
  height: .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
  right: 0;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: #000
}
.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
  padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
  top: 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
  bottom: 0;
  border-width: 0 .4rem .4rem;
  border-bottom-color: #000
}
.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
  padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
  right: 0;
  width: .4rem;
  height: .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
  left: 0;
  border-width: .4rem 0 .4rem .4rem;
  border-left-color: #000
}
.tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: .5rem;
  margin: 0 .3rem
}
.popover .arrow::after, .popover .arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid
}
.bs-popover-auto[x-placement^=top], .bs-popover-top {
  margin-bottom: .5rem
}
.bs-popover-auto[x-placement^=top] > .arrow, .bs-popover-top > .arrow {
  bottom: calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=top] > .arrow::before, .bs-popover-top > .arrow::before {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after {
  bottom: 1px;
  border-width: .5rem .5rem 0;
  border-top-color: #fff
}
.bs-popover-auto[x-placement^=right], .bs-popover-right {
  margin-left: .5rem
}
.bs-popover-auto[x-placement^=right] > .arrow, .bs-popover-right > .arrow {
  left: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0
}
.bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff
}
.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
  margin-top: .5rem
}
.bs-popover-auto[x-placement^=bottom] > .arrow, .bs-popover-bottom > .arrow {
  top: calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::before {
  top: 0;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after {
  top: 1px;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7
}
.bs-popover-auto[x-placement^=left], .bs-popover-left {
  margin-right: .5rem
}
.bs-popover-auto[x-placement^=left] > .arrow, .bs-popover-left > .arrow {
  right: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0
}
.bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after {
  right: 1px;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff
}
.popover-header {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
  display: none
}
.popover-body {
  padding: .5rem .75rem;
  color: #212529
}
.carousel {
  position: relative
}
.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: ""
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none
  }
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: block
}
.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}
.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
  .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    transition: none
  }
}
.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: .5;
  transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
  .carousel-control-next, .carousel-control-prev {
    transition: none
  }
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}
.carousel-control-prev {
  left: 0
}
.carousel-control-next {
  right: 0
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none
}
.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
  .carousel-indicators li {
    transition: none
  }
}
.carousel-indicators .active {
  opacity: 1
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center
}
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: .25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: .2em
}
@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: .75s linear infinite spinner-grow;
  animation: .75s linear infinite spinner-grow
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem
}
@media (prefers-reduced-motion:reduce) {
  .spinner-border, .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
  }
}
.align-baseline {
  vertical-align: baseline !important
}
.align-top {
  vertical-align: top !important
}
.align-middle {
  vertical-align: middle !important
}
.align-bottom {
  vertical-align: bottom !important
}
.align-text-bottom {
  vertical-align: text-bottom !important
}
.align-text-top {
  vertical-align: text-top !important
}
.bg-primary {
  background-color: #007bff !important
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
  background-color: #0062cc !important
}
.bg-secondary {
  background-color: #6c757d !important
}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
  background-color: #545b62 !important
}
.bg-success {
  background-color: #28a745 !important
}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
  background-color: #1e7e34 !important
}
.bg-info {
  background-color: #17a2b8 !important
}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
  background-color: #117a8b !important
}
.bg-warning {
  background-color: #ffc107 !important
}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
  background-color: #d39e00 !important
}
.bg-danger {
  background-color: #dc3545 !important
}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
  background-color: #bd2130 !important
}
.bg-light {
  background-color: #f8f9fa !important
}
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
  background-color: #dae0e5 !important
}
.bg-dark {
  background-color: #343a40 !important
}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
  background-color: #1d2124 !important
}
.bg-white {
  background-color: #fff !important
}
.bg-transparent {
  background-color: transparent !important
}
.border {
  border: 1px solid #dee2e6 !important
}
.border-top {
  border-top: 1px solid #dee2e6 !important
}
.border-right {
  border-right: 1px solid #dee2e6 !important
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important
}
.border-left {
  border-left: 1px solid #dee2e6 !important
}
.border-0 {
  border: 0 !important
}
.border-top-0 {
  border-top: 0 !important
}
.border-right-0 {
  border-right: 0 !important
}
.border-bottom-0 {
  border-bottom: 0 !important
}
.border-left-0 {
  border-left: 0 !important
}
.border-primary {
  border-color: #007bff !important
}
.border-secondary {
  border-color: #6c757d !important
}
.border-success {
  border-color: #28a745 !important
}
.border-info {
  border-color: #17a2b8 !important
}
.border-warning {
  border-color: #ffc107 !important
}
.border-danger {
  border-color: #dc3545 !important
}
.border-light {
  border-color: #f8f9fa !important
}
.border-dark {
  border-color: #343a40 !important
}
.border-white {
  border-color: #fff !important
}
.rounded-sm {
  border-radius: .2rem !important
}
.rounded {
  border-radius: .25rem !important
}
.rounded-top {
  border-top-left-radius: .25rem !important;
  border-top-right-radius: .25rem !important
}
.rounded-right {
  border-top-right-radius: .25rem !important;
  border-bottom-right-radius: .25rem !important
}
.rounded-bottom {
  border-bottom-right-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important
}
.rounded-left {
  border-top-left-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important
}
.rounded-lg {
  border-radius: .3rem !important
}
.rounded-circle {
  border-radius: 50% !important
}
.rounded-pill {
  border-radius: 50rem !important
}
.rounded-0 {
  border-radius: 0 !important
}
.clearfix::after {
  display: block;
  clear: both;
  content: ""
}
.d-none {
  display: none !important
}
.d-inline {
  display: inline !important
}
.d-inline-block {
  display: inline-block !important
}
.d-block {
  display: block !important
}
.d-table {
  display: table !important
}
.d-table-row {
  display: table-row !important
}
.d-table-cell {
  display: table-cell !important
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important
}
@media (min-width:576px) {
  .d-sm-none {
    display: none !important
  }
  .d-sm-inline {
    display: inline !important
  }
  .d-sm-inline-block {
    display: inline-block !important
  }
  .d-sm-block {
    display: block !important
  }
  .d-sm-table {
    display: table !important
  }
  .d-sm-table-row {
    display: table-row !important
  }
  .d-sm-table-cell {
    display: table-cell !important
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}
@media (min-width:768px) {
  .d-md-none {
    display: none !important
  }
  .d-md-inline {
    display: inline !important
  }
  .d-md-inline-block {
    display: inline-block !important
  }
  .d-md-block {
    display: block !important
  }
  .d-md-table {
    display: table !important
  }
  .d-md-table-row {
    display: table-row !important
  }
  .d-md-table-cell {
    display: table-cell !important
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}
@media (min-width:992px) {
  .d-lg-none {
    display: none !important
  }
  .d-lg-inline {
    display: inline !important
  }
  .d-lg-inline-block {
    display: inline-block !important
  }
  .d-lg-block {
    display: block !important
  }
  .d-lg-table {
    display: table !important
  }
  .d-lg-table-row {
    display: table-row !important
  }
  .d-lg-table-cell {
    display: table-cell !important
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}
@media (min-width:1200px) {
  .d-xl-none {
    display: none !important
  }
  .d-xl-inline {
    display: inline !important
  }
  .d-xl-inline-block {
    display: inline-block !important
  }
  .d-xl-block {
    display: block !important
  }
  .d-xl-table {
    display: table !important
  }
  .d-xl-table-row {
    display: table-row !important
  }
  .d-xl-table-cell {
    display: table-cell !important
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}
@media print {
  .d-print-none {
    display: none !important
  }
  .d-print-inline {
    display: inline !important
  }
  .d-print-inline-block {
    display: inline-block !important
  }
  .d-print-block {
    display: block !important
  }
  .d-print-table {
    display: table !important
  }
  .d-print-table-row {
    display: table-row !important
  }
  .d-print-table-cell {
    display: table-cell !important
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden
}
.embed-responsive::before {
  display: block;
  content: ""
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}
.embed-responsive-21by9::before {
  padding-top: 42.857143%
}
.embed-responsive-16by9::before {
  padding-top: 56.25%
}
.embed-responsive-4by3::before {
  padding-top: 75%
}
.embed-responsive-1by1::before {
  padding-top: 100%
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important
}
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important
}
.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important
}
.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important
}
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important
}
@media (min-width:576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}
@media (min-width:768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}
@media (min-width:992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}
@media (min-width:1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}
.float-left {
  float: left !important
}
.float-right {
  float: right !important
}
.float-none {
  float: none !important
}
@media (min-width:576px) {
  .float-sm-left {
    float: left !important
  }
  .float-sm-right {
    float: right !important
  }
  .float-sm-none {
    float: none !important
  }
}
@media (min-width:768px) {
  .float-md-left {
    float: left !important
  }
  .float-md-right {
    float: right !important
  }
  .float-md-none {
    float: none !important
  }
}
@media (min-width:992px) {
  .float-lg-left {
    float: left !important
  }
  .float-lg-right {
    float: right !important
  }
  .float-lg-none {
    float: none !important
  }
}
@media (min-width:1200px) {
  .float-xl-left {
    float: left !important
  }
  .float-xl-right {
    float: right !important
  }
  .float-xl-none {
    float: none !important
  }
}
.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important
}
.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important
}
.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important
}
.overflow-auto {
  overflow: auto !important
}
.overflow-hidden {
  overflow: hidden !important
}
.position-static {
  position: static !important
}
.position-relative {
  position: relative !important
}
.position-absolute {
  position: absolute !important
}
.position-fixed {
  position: fixed !important
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal
}
.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}
.shadow-none {
  box-shadow: none !important
}
.w-25 {
  width: 25% !important
}
.w-50 {
  width: 50% !important
}
.w-75 {
  width: 75% !important
}
.w-100 {
  width: 100% !important
}
.w-auto {
  width: auto !important
}
.h-25 {
  height: 25% !important
}
.h-50 {
  height: 50% !important
}
.h-75 {
  height: 75% !important
}
.h-100 {
  height: 100% !important
}
.h-auto {
  height: auto !important
}
.mw-100 {
  max-width: 100% !important
}
.mh-100 {
  max-height: 100% !important
}
.min-vw-100 {
  min-width: 100vw !important
}
.min-vh-100 {
  min-height: 100vh !important
}
.vw-100 {
  width: 100vw !important
}
.vh-100 {
  height: 100vh !important
}
.m-0 {
  margin: 0 !important
}
.mt-0, .my-0 {
  margin-top: 0 !important
}
.mr-0, .mx-0 {
  margin-right: 0 !important
}
.mb-0, .my-0 {
  margin-bottom: 0 !important
}
.ml-0, .mx-0 {
  margin-left: 0 !important
}
.m-1 {
  margin: .25rem !important
}
.mt-1, .my-1 {
  margin-top: .25rem !important
}
.mr-1, .mx-1 {
  margin-right: .25rem !important
}
.mb-1, .my-1 {
  margin-bottom: .25rem !important
}
.ml-1, .mx-1 {
  margin-left: .25rem !important
}
.m-2 {
  margin: .5rem !important
}
.mt-2, .my-2 {
  margin-top: .5rem !important
}
.mr-2, .mx-2 {
  margin-right: .5rem !important
}
.mb-2, .my-2 {
  margin-bottom: .5rem !important
}
.ml-2, .mx-2 {
  margin-left: .5rem !important
}
.m-3 {
  margin: 1rem !important
}
.mt-3, .my-3 {
  margin-top: 1rem !important
}
.mr-3, .mx-3 {
  margin-right: 1rem !important
}
.mb-3, .my-3 {
  margin-bottom: 1rem !important
}
.ml-3, .mx-3 {
  margin-left: 1rem !important
}
.m-4 {
  margin: 1.5rem !important
}
.mt-4, .my-4 {
  margin-top: 1.5rem !important
}
.mr-4, .mx-4 {
  margin-right: 1.5rem !important
}
.mb-4, .my-4 {
  margin-bottom: 1.5rem !important
}
.ml-4, .mx-4 {
  margin-left: 1.5rem !important
}
.m-5 {
  margin: 3rem !important
}
.mt-5, .my-5 {
  margin-top: 3rem !important
}
.mr-5, .mx-5 {
  margin-right: 3rem !important
}
.mb-5, .my-5 {
  margin-bottom: 3rem !important
}
.ml-5, .mx-5 {
  margin-left: 3rem !important
}
.p-0 {
  padding: 0 !important
}
.pt-0, .py-0 {
  padding-top: 0 !important
}
.pr-0, .px-0 {
  padding-right: 0 !important
}
.pb-0, .py-0 {
  padding-bottom: 0 !important
}
.pl-0, .px-0 {
  padding-left: 0 !important
}
.p-1 {
  padding: .25rem !important
}
.pt-1, .py-1 {
  padding-top: .25rem !important
}
.pr-1, .px-1 {
  padding-right: .25rem !important
}
.pb-1, .py-1 {
  padding-bottom: .25rem !important
}
.pl-1, .px-1 {
  padding-left: .25rem !important
}
.p-2 {
  padding: .5rem !important
}
.pt-2, .py-2 {
  padding-top: .5rem !important
}
.pr-2, .px-2 {
  padding-right: .5rem !important
}
.pb-2, .py-2 {
  padding-bottom: .5rem !important
}
.pl-2, .px-2 {
  padding-left: .5rem !important
}
.p-3 {
  padding: 1rem !important
}
.pt-3, .py-3 {
  padding-top: 1rem !important
}
.pr-3, .px-3 {
  padding-right: 1rem !important
}
.pb-3, .py-3 {
  padding-bottom: 1rem !important
}
.pl-3, .px-3 {
  padding-left: 1rem !important
}
.p-4 {
  padding: 1.5rem !important
}
.pt-4, .py-4 {
  padding-top: 1.5rem !important
}
.pr-4, .px-4 {
  padding-right: 1.5rem !important
}
.pb-4, .py-4 {
  padding-bottom: 1.5rem !important
}
.pl-4, .px-4 {
  padding-left: 1.5rem !important
}
.p-5 {
  padding: 3rem !important
}
.pt-5, .py-5 {
  padding-top: 3rem !important
}
.pr-5, .px-5 {
  padding-right: 3rem !important
}
.pb-5, .py-5 {
  padding-bottom: 3rem !important
}
.pl-5, .px-5 {
  padding-left: 3rem !important
}
.m-n1 {
  margin: -.25rem !important
}
.mt-n1, .my-n1 {
  margin-top: -.25rem !important
}
.mr-n1, .mx-n1 {
  margin-right: -.25rem !important
}
.mb-n1, .my-n1 {
  margin-bottom: -.25rem !important
}
.ml-n1, .mx-n1 {
  margin-left: -.25rem !important
}
.m-n2 {
  margin: -.5rem !important
}
.mt-n2, .my-n2 {
  margin-top: -.5rem !important
}
.mr-n2, .mx-n2 {
  margin-right: -.5rem !important
}
.mb-n2, .my-n2 {
  margin-bottom: -.5rem !important
}
.ml-n2, .mx-n2 {
  margin-left: -.5rem !important
}
.m-n3 {
  margin: -1rem !important
}
.mt-n3, .my-n3 {
  margin-top: -1rem !important
}
.mr-n3, .mx-n3 {
  margin-right: -1rem !important
}
.mb-n3, .my-n3 {
  margin-bottom: -1rem !important
}
.ml-n3, .mx-n3 {
  margin-left: -1rem !important
}
.m-n4 {
  margin: -1.5rem !important
}
.mt-n4, .my-n4 {
  margin-top: -1.5rem !important
}
.mr-n4, .mx-n4 {
  margin-right: -1.5rem !important
}
.mb-n4, .my-n4 {
  margin-bottom: -1.5rem !important
}
.ml-n4, .mx-n4 {
  margin-left: -1.5rem !important
}
.m-n5 {
  margin: -3rem !important
}
.mt-n5, .my-n5 {
  margin-top: -3rem !important
}
.mr-n5, .mx-n5 {
  margin-right: -3rem !important
}
.mb-n5, .my-n5 {
  margin-bottom: -3rem !important
}
.ml-n5, .mx-n5 {
  margin-left: -3rem !important
}
.m-auto {
  margin: auto !important
}
.mt-auto, .my-auto {
  margin-top: auto !important
}
.mr-auto, .mx-auto {
  margin-right: auto !important
}
.mb-auto, .my-auto {
  margin-bottom: auto !important
}
.ml-auto, .mx-auto {
  margin-left: auto !important
}
@media (min-width:576px) {
  .m-sm-0 {
    margin: 0 !important
  }
  .mt-sm-0, .my-sm-0 {
    margin-top: 0 !important
  }
  .mr-sm-0, .mx-sm-0 {
    margin-right: 0 !important
  }
  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important
  }
  .ml-sm-0, .mx-sm-0 {
    margin-left: 0 !important
  }
  .m-sm-1 {
    margin: .25rem !important
  }
  .mt-sm-1, .my-sm-1 {
    margin-top: .25rem !important
  }
  .mr-sm-1, .mx-sm-1 {
    margin-right: .25rem !important
  }
  .mb-sm-1, .my-sm-1 {
    margin-bottom: .25rem !important
  }
  .ml-sm-1, .mx-sm-1 {
    margin-left: .25rem !important
  }
  .m-sm-2 {
    margin: .5rem !important
  }
  .mt-sm-2, .my-sm-2 {
    margin-top: .5rem !important
  }
  .mr-sm-2, .mx-sm-2 {
    margin-right: .5rem !important
  }
  .mb-sm-2, .my-sm-2 {
    margin-bottom: .5rem !important
  }
  .ml-sm-2, .mx-sm-2 {
    margin-left: .5rem !important
  }
  .m-sm-3 {
    margin: 1rem !important
  }
  .mt-sm-3, .my-sm-3 {
    margin-top: 1rem !important
  }
  .mr-sm-3, .mx-sm-3 {
    margin-right: 1rem !important
  }
  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1rem !important
  }
  .ml-sm-3, .mx-sm-3 {
    margin-left: 1rem !important
  }
  .m-sm-4 {
    margin: 1.5rem !important
  }
  .mt-sm-4, .my-sm-4 {
    margin-top: 1.5rem !important
  }
  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.5rem !important
  }
  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.5rem !important
  }
  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.5rem !important
  }
  .m-sm-5 {
    margin: 3rem !important
  }
  .mt-sm-5, .my-sm-5 {
    margin-top: 3rem !important
  }
  .mr-sm-5, .mx-sm-5 {
    margin-right: 3rem !important
  }
  .mb-sm-5, .my-sm-5 {
    margin-bottom: 3rem !important
  }
  .ml-sm-5, .mx-sm-5 {
    margin-left: 3rem !important
  }
  .p-sm-0 {
    padding: 0 !important
  }
  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important
  }
  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important
  }
  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important
  }
  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important
  }
  .p-sm-1 {
    padding: .25rem !important
  }
  .pt-sm-1, .py-sm-1 {
    padding-top: .25rem !important
  }
  .pr-sm-1, .px-sm-1 {
    padding-right: .25rem !important
  }
  .pb-sm-1, .py-sm-1 {
    padding-bottom: .25rem !important
  }
  .pl-sm-1, .px-sm-1 {
    padding-left: .25rem !important
  }
  .p-sm-2 {
    padding: .5rem !important
  }
  .pt-sm-2, .py-sm-2 {
    padding-top: .5rem !important
  }
  .pr-sm-2, .px-sm-2 {
    padding-right: .5rem !important
  }
  .pb-sm-2, .py-sm-2 {
    padding-bottom: .5rem !important
  }
  .pl-sm-2, .px-sm-2 {
    padding-left: .5rem !important
  }
  .p-sm-3 {
    padding: 1rem !important
  }
  .pt-sm-3, .py-sm-3 {
    padding-top: 1rem !important
  }
  .pr-sm-3, .px-sm-3 {
    padding-right: 1rem !important
  }
  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1rem !important
  }
  .pl-sm-3, .px-sm-3 {
    padding-left: 1rem !important
  }
  .p-sm-4 {
    padding: 1.5rem !important
  }
  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem !important
  }
  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem !important
  }
  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem !important
  }
  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem !important
  }
  .p-sm-5 {
    padding: 3rem !important
  }
  .pt-sm-5, .py-sm-5 {
    padding-top: 3rem !important
  }
  .pr-sm-5, .px-sm-5 {
    padding-right: 3rem !important
  }
  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3rem !important
  }
  .pl-sm-5, .px-sm-5 {
    padding-left: 3rem !important
  }
  .m-sm-n1 {
    margin: -.25rem !important
  }
  .mt-sm-n1, .my-sm-n1 {
    margin-top: -.25rem !important
  }
  .mr-sm-n1, .mx-sm-n1 {
    margin-right: -.25rem !important
  }
  .mb-sm-n1, .my-sm-n1 {
    margin-bottom: -.25rem !important
  }
  .ml-sm-n1, .mx-sm-n1 {
    margin-left: -.25rem !important
  }
  .m-sm-n2 {
    margin: -.5rem !important
  }
  .mt-sm-n2, .my-sm-n2 {
    margin-top: -.5rem !important
  }
  .mr-sm-n2, .mx-sm-n2 {
    margin-right: -.5rem !important
  }
  .mb-sm-n2, .my-sm-n2 {
    margin-bottom: -.5rem !important
  }
  .ml-sm-n2, .mx-sm-n2 {
    margin-left: -.5rem !important
  }
  .m-sm-n3 {
    margin: -1rem !important
  }
  .mt-sm-n3, .my-sm-n3 {
    margin-top: -1rem !important
  }
  .mr-sm-n3, .mx-sm-n3 {
    margin-right: -1rem !important
  }
  .mb-sm-n3, .my-sm-n3 {
    margin-bottom: -1rem !important
  }
  .ml-sm-n3, .mx-sm-n3 {
    margin-left: -1rem !important
  }
  .m-sm-n4 {
    margin: -1.5rem !important
  }
  .mt-sm-n4, .my-sm-n4 {
    margin-top: -1.5rem !important
  }
  .mr-sm-n4, .mx-sm-n4 {
    margin-right: -1.5rem !important
  }
  .mb-sm-n4, .my-sm-n4 {
    margin-bottom: -1.5rem !important
  }
  .ml-sm-n4, .mx-sm-n4 {
    margin-left: -1.5rem !important
  }
  .m-sm-n5 {
    margin: -3rem !important
  }
  .mt-sm-n5, .my-sm-n5 {
    margin-top: -3rem !important
  }
  .mr-sm-n5, .mx-sm-n5 {
    margin-right: -3rem !important
  }
  .mb-sm-n5, .my-sm-n5 {
    margin-bottom: -3rem !important
  }
  .ml-sm-n5, .mx-sm-n5 {
    margin-left: -3rem !important
  }
  .m-sm-auto {
    margin: auto !important
  }
  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important
  }
  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto !important
  }
  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto !important
  }
  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto !important
  }
}
@media (min-width:768px) {
  .m-md-0 {
    margin: 0 !important
  }
  .mt-md-0, .my-md-0 {
    margin-top: 0 !important
  }
  .mr-md-0, .mx-md-0 {
    margin-right: 0 !important
  }
  .mb-md-0, .my-md-0 {
    margin-bottom: 0 !important
  }
  .ml-md-0, .mx-md-0 {
    margin-left: 0 !important
  }
  .m-md-1 {
    margin: .25rem !important
  }
  .mt-md-1, .my-md-1 {
    margin-top: .25rem !important
  }
  .mr-md-1, .mx-md-1 {
    margin-right: .25rem !important
  }
  .mb-md-1, .my-md-1 {
    margin-bottom: .25rem !important
  }
  .ml-md-1, .mx-md-1 {
    margin-left: .25rem !important
  }
  .m-md-2 {
    margin: .5rem !important
  }
  .mt-md-2, .my-md-2 {
    margin-top: .5rem !important
  }
  .mr-md-2, .mx-md-2 {
    margin-right: .5rem !important
  }
  .mb-md-2, .my-md-2 {
    margin-bottom: .5rem !important
  }
  .ml-md-2, .mx-md-2 {
    margin-left: .5rem !important
  }
  .m-md-3 {
    margin: 1rem !important
  }
  .mt-md-3, .my-md-3 {
    margin-top: 1rem !important
  }
  .mr-md-3, .mx-md-3 {
    margin-right: 1rem !important
  }
  .mb-md-3, .my-md-3 {
    margin-bottom: 1rem !important
  }
  .ml-md-3, .mx-md-3 {
    margin-left: 1rem !important
  }
  .m-md-4 {
    margin: 1.5rem !important
  }
  .mt-md-4, .my-md-4 {
    margin-top: 1.5rem !important
  }
  .mr-md-4, .mx-md-4 {
    margin-right: 1.5rem !important
  }
  .mb-md-4, .my-md-4 {
    margin-bottom: 1.5rem !important
  }
  .ml-md-4, .mx-md-4 {
    margin-left: 1.5rem !important
  }
  .m-md-5 {
    margin: 3rem !important
  }
  .mt-md-5, .my-md-5 {
    margin-top: 3rem !important
  }
  .mr-md-5, .mx-md-5 {
    margin-right: 3rem !important
  }
  .mb-md-5, .my-md-5 {
    margin-bottom: 3rem !important
  }
  .ml-md-5, .mx-md-5 {
    margin-left: 3rem !important
  }
  .p-md-0 {
    padding: 0 !important
  }
  .pt-md-0, .py-md-0 {
    padding-top: 0 !important
  }
  .pr-md-0, .px-md-0 {
    padding-right: 0 !important
  }
  .pb-md-0, .py-md-0 {
    padding-bottom: 0 !important
  }
  .pl-md-0, .px-md-0 {
    padding-left: 0 !important
  }
  .p-md-1 {
    padding: .25rem !important
  }
  .pt-md-1, .py-md-1 {
    padding-top: .25rem !important
  }
  .pr-md-1, .px-md-1 {
    padding-right: .25rem !important
  }
  .pb-md-1, .py-md-1 {
    padding-bottom: .25rem !important
  }
  .pl-md-1, .px-md-1 {
    padding-left: .25rem !important
  }
  .p-md-2 {
    padding: .5rem !important
  }
  .pt-md-2, .py-md-2 {
    padding-top: .5rem !important
  }
  .pr-md-2, .px-md-2 {
    padding-right: .5rem !important
  }
  .pb-md-2, .py-md-2 {
    padding-bottom: .5rem !important
  }
  .pl-md-2, .px-md-2 {
    padding-left: .5rem !important
  }
  .p-md-3 {
    padding: 1rem !important
  }
  .pt-md-3, .py-md-3 {
    padding-top: 1rem !important
  }
  .pr-md-3, .px-md-3 {
    padding-right: 1rem !important
  }
  .pb-md-3, .py-md-3 {
    padding-bottom: 1rem !important
  }
  .pl-md-3, .px-md-3 {
    padding-left: 1rem !important
  }
  .p-md-4 {
    padding: 1.5rem !important
  }
  .pt-md-4, .py-md-4 {
    padding-top: 1.5rem !important
  }
  .pr-md-4, .px-md-4 {
    padding-right: 1.5rem !important
  }
  .pb-md-4, .py-md-4 {
    padding-bottom: 1.5rem !important
  }
  .pl-md-4, .px-md-4 {
    padding-left: 1.5rem !important
  }
  .p-md-5 {
    padding: 3rem !important
  }
  .pt-md-5, .py-md-5 {
    padding-top: 3rem !important
  }
  .pr-md-5, .px-md-5 {
    padding-right: 3rem !important
  }
  .pb-md-5, .py-md-5 {
    padding-bottom: 3rem !important
  }
  .pl-md-5, .px-md-5 {
    padding-left: 3rem !important
  }
  .m-md-n1 {
    margin: -.25rem !important
  }
  .mt-md-n1, .my-md-n1 {
    margin-top: -.25rem !important
  }
  .mr-md-n1, .mx-md-n1 {
    margin-right: -.25rem !important
  }
  .mb-md-n1, .my-md-n1 {
    margin-bottom: -.25rem !important
  }
  .ml-md-n1, .mx-md-n1 {
    margin-left: -.25rem !important
  }
  .m-md-n2 {
    margin: -.5rem !important
  }
  .mt-md-n2, .my-md-n2 {
    margin-top: -.5rem !important
  }
  .mr-md-n2, .mx-md-n2 {
    margin-right: -.5rem !important
  }
  .mb-md-n2, .my-md-n2 {
    margin-bottom: -.5rem !important
  }
  .ml-md-n2, .mx-md-n2 {
    margin-left: -.5rem !important
  }
  .m-md-n3 {
    margin: -1rem !important
  }
  .mt-md-n3, .my-md-n3 {
    margin-top: -1rem !important
  }
  .mr-md-n3, .mx-md-n3 {
    margin-right: -1rem !important
  }
  .mb-md-n3, .my-md-n3 {
    margin-bottom: -1rem !important
  }
  .ml-md-n3, .mx-md-n3 {
    margin-left: -1rem !important
  }
  .m-md-n4 {
    margin: -1.5rem !important
  }
  .mt-md-n4, .my-md-n4 {
    margin-top: -1.5rem !important
  }
  .mr-md-n4, .mx-md-n4 {
    margin-right: -1.5rem !important
  }
  .mb-md-n4, .my-md-n4 {
    margin-bottom: -1.5rem !important
  }
  .ml-md-n4, .mx-md-n4 {
    margin-left: -1.5rem !important
  }
  .m-md-n5 {
    margin: -3rem !important
  }
  .mt-md-n5, .my-md-n5 {
    margin-top: -3rem !important
  }
  .mr-md-n5, .mx-md-n5 {
    margin-right: -3rem !important
  }
  .mb-md-n5, .my-md-n5 {
    margin-bottom: -3rem !important
  }
  .ml-md-n5, .mx-md-n5 {
    margin-left: -3rem !important
  }
  .m-md-auto {
    margin: auto !important
  }
  .mt-md-auto, .my-md-auto {
    margin-top: auto !important
  }
  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important
  }
  .mb-md-auto, .my-md-auto {
    margin-bottom: auto !important
  }
  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important
  }
}
@media (min-width:992px) {
  .m-lg-0 {
    margin: 0 !important
  }
  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important
  }
  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important
  }
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important
  }
  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important
  }
  .m-lg-1 {
    margin: .25rem !important
  }
  .mt-lg-1, .my-lg-1 {
    margin-top: .25rem !important
  }
  .mr-lg-1, .mx-lg-1 {
    margin-right: .25rem !important
  }
  .mb-lg-1, .my-lg-1 {
    margin-bottom: .25rem !important
  }
  .ml-lg-1, .mx-lg-1 {
    margin-left: .25rem !important
  }
  .m-lg-2 {
    margin: .5rem !important
  }
  .mt-lg-2, .my-lg-2 {
    margin-top: .5rem !important
  }
  .mr-lg-2, .mx-lg-2 {
    margin-right: .5rem !important
  }
  .mb-lg-2, .my-lg-2 {
    margin-bottom: .5rem !important
  }
  .ml-lg-2, .mx-lg-2 {
    margin-left: .5rem !important
  }
  .m-lg-3 {
    margin: 1rem !important
  }
  .mt-lg-3, .my-lg-3 {
    margin-top: 1rem !important
  }
  .mr-lg-3, .mx-lg-3 {
    margin-right: 1rem !important
  }
  .mb-lg-3, .my-lg-3 {
    margin-bottom: 1rem !important
  }
  .ml-lg-3, .mx-lg-3 {
    margin-left: 1rem !important
  }
  .m-lg-4 {
    margin: 1.5rem !important
  }
  .mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem !important
  }
  .mr-lg-4, .mx-lg-4 {
    margin-right: 1.5rem !important
  }
  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.5rem !important
  }
  .ml-lg-4, .mx-lg-4 {
    margin-left: 1.5rem !important
  }
  .m-lg-5 {
    margin: 3rem !important
  }
  .mt-lg-5, .my-lg-5 {
    margin-top: 3rem !important
  }
  .mr-lg-5, .mx-lg-5 {
    margin-right: 3rem !important
  }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 3rem !important
  }
  .ml-lg-5, .mx-lg-5 {
    margin-left: 3rem !important
  }
  .p-lg-0 {
    padding: 0 !important
  }
  .pt-lg-0, .py-lg-0 {
    padding-top: 0 !important
  }
  .pr-lg-0, .px-lg-0 {
    padding-right: 0 !important
  }
  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0 !important
  }
  .pl-lg-0, .px-lg-0 {
    padding-left: 0 !important
  }
  .p-lg-1 {
    padding: .25rem !important
  }
  .pt-lg-1, .py-lg-1 {
    padding-top: .25rem !important
  }
  .pr-lg-1, .px-lg-1 {
    padding-right: .25rem !important
  }
  .pb-lg-1, .py-lg-1 {
    padding-bottom: .25rem !important
  }
  .pl-lg-1, .px-lg-1 {
    padding-left: .25rem !important
  }
  .p-lg-2 {
    padding: .5rem !important
  }
  .pt-lg-2, .py-lg-2 {
    padding-top: .5rem !important
  }
  .pr-lg-2, .px-lg-2 {
    padding-right: .5rem !important
  }
  .pb-lg-2, .py-lg-2 {
    padding-bottom: .5rem !important
  }
  .pl-lg-2, .px-lg-2 {
    padding-left: .5rem !important
  }
  .p-lg-3 {
    padding: 1rem !important
  }
  .pt-lg-3, .py-lg-3 {
    padding-top: 1rem !important
  }
  .pr-lg-3, .px-lg-3 {
    padding-right: 1rem !important
  }
  .pb-lg-3, .py-lg-3 {
    padding-bottom: 1rem !important
  }
  .pl-lg-3, .px-lg-3 {
    padding-left: 1rem !important
  }
  .p-lg-4 {
    padding: 1.5rem !important
  }
  .pt-lg-4, .py-lg-4 {
    padding-top: 1.5rem !important
  }
  .pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem !important
  }
  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem !important
  }
  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem !important
  }
  .p-lg-5 {
    padding: 3rem !important
  }
  .pt-lg-5, .py-lg-5 {
    padding-top: 3rem !important
  }
  .pr-lg-5, .px-lg-5 {
    padding-right: 3rem !important
  }
  .pb-lg-5, .py-lg-5 {
    padding-bottom: 3rem !important
  }
  .pl-lg-5, .px-lg-5 {
    padding-left: 3rem !important
  }
  .m-lg-n1 {
    margin: -.25rem !important
  }
  .mt-lg-n1, .my-lg-n1 {
    margin-top: -.25rem !important
  }
  .mr-lg-n1, .mx-lg-n1 {
    margin-right: -.25rem !important
  }
  .mb-lg-n1, .my-lg-n1 {
    margin-bottom: -.25rem !important
  }
  .ml-lg-n1, .mx-lg-n1 {
    margin-left: -.25rem !important
  }
  .m-lg-n2 {
    margin: -.5rem !important
  }
  .mt-lg-n2, .my-lg-n2 {
    margin-top: -.5rem !important
  }
  .mr-lg-n2, .mx-lg-n2 {
    margin-right: -.5rem !important
  }
  .mb-lg-n2, .my-lg-n2 {
    margin-bottom: -.5rem !important
  }
  .ml-lg-n2, .mx-lg-n2 {
    margin-left: -.5rem !important
  }
  .m-lg-n3 {
    margin: -1rem !important
  }
  .mt-lg-n3, .my-lg-n3 {
    margin-top: -1rem !important
  }
  .mr-lg-n3, .mx-lg-n3 {
    margin-right: -1rem !important
  }
  .mb-lg-n3, .my-lg-n3 {
    margin-bottom: -1rem !important
  }
  .ml-lg-n3, .mx-lg-n3 {
    margin-left: -1rem !important
  }
  .m-lg-n4 {
    margin: -1.5rem !important
  }
  .mt-lg-n4, .my-lg-n4 {
    margin-top: -1.5rem !important
  }
  .mr-lg-n4, .mx-lg-n4 {
    margin-right: -1.5rem !important
  }
  .mb-lg-n4, .my-lg-n4 {
    margin-bottom: -1.5rem !important
  }
  .ml-lg-n4, .mx-lg-n4 {
    margin-left: -1.5rem !important
  }
  .m-lg-n5 {
    margin: -3rem !important
  }
  .mt-lg-n5, .my-lg-n5 {
    margin-top: -3rem !important
  }
  .mr-lg-n5, .mx-lg-n5 {
    margin-right: -3rem !important
  }
  .mb-lg-n5, .my-lg-n5 {
    margin-bottom: -3rem !important
  }
  .ml-lg-n5, .mx-lg-n5 {
    margin-left: -3rem !important
  }
  .m-lg-auto {
    margin: auto !important
  }
  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important
  }
  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important
  }
  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important
  }
  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important
  }
}
@media (min-width:1200px) {
  .m-xl-0 {
    margin: 0 !important
  }
  .mt-xl-0, .my-xl-0 {
    margin-top: 0 !important
  }
  .mr-xl-0, .mx-xl-0 {
    margin-right: 0 !important
  }
  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0 !important
  }
  .ml-xl-0, .mx-xl-0 {
    margin-left: 0 !important
  }
  .m-xl-1 {
    margin: .25rem !important
  }
  .mt-xl-1, .my-xl-1 {
    margin-top: .25rem !important
  }
  .mr-xl-1, .mx-xl-1 {
    margin-right: .25rem !important
  }
  .mb-xl-1, .my-xl-1 {
    margin-bottom: .25rem !important
  }
  .ml-xl-1, .mx-xl-1 {
    margin-left: .25rem !important
  }
  .m-xl-2 {
    margin: .5rem !important
  }
  .mt-xl-2, .my-xl-2 {
    margin-top: .5rem !important
  }
  .mr-xl-2, .mx-xl-2 {
    margin-right: .5rem !important
  }
  .mb-xl-2, .my-xl-2 {
    margin-bottom: .5rem !important
  }
  .ml-xl-2, .mx-xl-2 {
    margin-left: .5rem !important
  }
  .m-xl-3 {
    margin: 1rem !important
  }
  .mt-xl-3, .my-xl-3 {
    margin-top: 1rem !important
  }
  .mr-xl-3, .mx-xl-3 {
    margin-right: 1rem !important
  }
  .mb-xl-3, .my-xl-3 {
    margin-bottom: 1rem !important
  }
  .ml-xl-3, .mx-xl-3 {
    margin-left: 1rem !important
  }
  .m-xl-4 {
    margin: 1.5rem !important
  }
  .mt-xl-4, .my-xl-4 {
    margin-top: 1.5rem !important
  }
  .mr-xl-4, .mx-xl-4 {
    margin-right: 1.5rem !important
  }
  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.5rem !important
  }
  .ml-xl-4, .mx-xl-4 {
    margin-left: 1.5rem !important
  }
  .m-xl-5 {
    margin: 3rem !important
  }
  .mt-xl-5, .my-xl-5 {
    margin-top: 3rem !important
  }
  .mr-xl-5, .mx-xl-5 {
    margin-right: 3rem !important
  }
  .mb-xl-5, .my-xl-5 {
    margin-bottom: 3rem !important
  }
  .ml-xl-5, .mx-xl-5 {
    margin-left: 3rem !important
  }
  .p-xl-0 {
    padding: 0 !important
  }
  .pt-xl-0, .py-xl-0 {
    padding-top: 0 !important
  }
  .pr-xl-0, .px-xl-0 {
    padding-right: 0 !important
  }
  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0 !important
  }
  .pl-xl-0, .px-xl-0 {
    padding-left: 0 !important
  }
  .p-xl-1 {
    padding: .25rem !important
  }
  .pt-xl-1, .py-xl-1 {
    padding-top: .25rem !important
  }
  .pr-xl-1, .px-xl-1 {
    padding-right: .25rem !important
  }
  .pb-xl-1, .py-xl-1 {
    padding-bottom: .25rem !important
  }
  .pl-xl-1, .px-xl-1 {
    padding-left: .25rem !important
  }
  .p-xl-2 {
    padding: .5rem !important
  }
  .pt-xl-2, .py-xl-2 {
    padding-top: .5rem !important
  }
  .pr-xl-2, .px-xl-2 {
    padding-right: .5rem !important
  }
  .pb-xl-2, .py-xl-2 {
    padding-bottom: .5rem !important
  }
  .pl-xl-2, .px-xl-2 {
    padding-left: .5rem !important
  }
  .p-xl-3 {
    padding: 1rem !important
  }
  .pt-xl-3, .py-xl-3 {
    padding-top: 1rem !important
  }
  .pr-xl-3, .px-xl-3 {
    padding-right: 1rem !important
  }
  .pb-xl-3, .py-xl-3 {
    padding-bottom: 1rem !important
  }
  .pl-xl-3, .px-xl-3 {
    padding-left: 1rem !important
  }
  .p-xl-4 {
    padding: 1.5rem !important
  }
  .pt-xl-4, .py-xl-4 {
    padding-top: 1.5rem !important
  }
  .pr-xl-4, .px-xl-4 {
    padding-right: 1.5rem !important
  }
  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.5rem !important
  }
  .pl-xl-4, .px-xl-4 {
    padding-left: 1.5rem !important
  }
  .p-xl-5 {
    padding: 3rem !important
  }
  .pt-xl-5, .py-xl-5 {
    padding-top: 3rem !important
  }
  .pr-xl-5, .px-xl-5 {
    padding-right: 3rem !important
  }
  .pb-xl-5, .py-xl-5 {
    padding-bottom: 3rem !important
  }
  .pl-xl-5, .px-xl-5 {
    padding-left: 3rem !important
  }
  .m-xl-n1 {
    margin: -.25rem !important
  }
  .mt-xl-n1, .my-xl-n1 {
    margin-top: -.25rem !important
  }
  .mr-xl-n1, .mx-xl-n1 {
    margin-right: -.25rem !important
  }
  .mb-xl-n1, .my-xl-n1 {
    margin-bottom: -.25rem !important
  }
  .ml-xl-n1, .mx-xl-n1 {
    margin-left: -.25rem !important
  }
  .m-xl-n2 {
    margin: -.5rem !important
  }
  .mt-xl-n2, .my-xl-n2 {
    margin-top: -.5rem !important
  }
  .mr-xl-n2, .mx-xl-n2 {
    margin-right: -.5rem !important
  }
  .mb-xl-n2, .my-xl-n2 {
    margin-bottom: -.5rem !important
  }
  .ml-xl-n2, .mx-xl-n2 {
    margin-left: -.5rem !important
  }
  .m-xl-n3 {
    margin: -1rem !important
  }
  .mt-xl-n3, .my-xl-n3 {
    margin-top: -1rem !important
  }
  .mr-xl-n3, .mx-xl-n3 {
    margin-right: -1rem !important
  }
  .mb-xl-n3, .my-xl-n3 {
    margin-bottom: -1rem !important
  }
  .ml-xl-n3, .mx-xl-n3 {
    margin-left: -1rem !important
  }
  .m-xl-n4 {
    margin: -1.5rem !important
  }
  .mt-xl-n4, .my-xl-n4 {
    margin-top: -1.5rem !important
  }
  .mr-xl-n4, .mx-xl-n4 {
    margin-right: -1.5rem !important
  }
  .mb-xl-n4, .my-xl-n4 {
    margin-bottom: -1.5rem !important
  }
  .ml-xl-n4, .mx-xl-n4 {
    margin-left: -1.5rem !important
  }
  .m-xl-n5 {
    margin: -3rem !important
  }
  .mt-xl-n5, .my-xl-n5 {
    margin-top: -3rem !important
  }
  .mr-xl-n5, .mx-xl-n5 {
    margin-right: -3rem !important
  }
  .mb-xl-n5, .my-xl-n5 {
    margin-bottom: -3rem !important
  }
  .ml-xl-n5, .mx-xl-n5 {
    margin-left: -3rem !important
  }
  .m-xl-auto {
    margin: auto !important
  }
  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important
  }
  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto !important
  }
  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto !important
  }
  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto !important
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0)
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}
.text-justify {
  text-align: justify !important
}
.text-wrap {
  white-space: normal !important
}
.text-nowrap {
  white-space: nowrap !important
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.text-left {
  text-align: left !important
}
.text-right {
  text-align: right !important
}
.text-center {
  text-align: center !important
}
@media (min-width:576px) {
  .text-sm-left {
    text-align: left !important
  }
  .text-sm-right {
    text-align: right !important
  }
  .text-sm-center {
    text-align: center !important
  }
}
@media (min-width:768px) {
  .text-md-left {
    text-align: left !important
  }
  .text-md-right {
    text-align: right !important
  }
  .text-md-center {
    text-align: center !important
  }
}
@media (min-width:992px) {
  .text-lg-left {
    text-align: left !important
  }
  .text-lg-right {
    text-align: right !important
  }
  .text-lg-center {
    text-align: center !important
  }
}
@media (min-width:1200px) {
  .text-xl-left {
    text-align: left !important
  }
  .text-xl-right {
    text-align: right !important
  }
  .text-xl-center {
    text-align: center !important
  }
}
.text-lowercase {
  text-transform: lowercase !important
}
.text-uppercase {
  text-transform: uppercase !important
}
.text-capitalize {
  text-transform: capitalize !important
}
.font-weight-light {
  font-weight: 300 !important
}
.font-weight-lighter {
  font-weight: lighter !important
}
.font-weight-normal {
  font-weight: 400 !important
}
.font-weight-bold {
  font-weight: 700 !important
}
.font-weight-bolder {
  font-weight: bolder !important
}
.font-italic {
  font-style: italic !important
}
.text-white {
  color: #fff !important
}
.text-primary {
  color: #007bff !important
}
a.text-primary:focus, a.text-primary:hover {
  color: #0056b3 !important
}
.text-secondary {
  color: #6c757d !important
}
a.text-secondary:focus, a.text-secondary:hover {
  color: #494f54 !important
}
.text-success {
  color: #28a745 !important
}
a.text-success:focus, a.text-success:hover {
  color: #19692c !important
}
.text-info {
  color: #17a2b8 !important
}
a.text-info:focus, a.text-info:hover {
  color: #0f6674 !important
}
.text-warning {
  color: #ffc107 !important
}
a.text-warning:focus, a.text-warning:hover {
  color: #ba8b00 !important
}
.text-danger {
  color: #dc3545 !important
}
a.text-danger:focus, a.text-danger:hover {
  color: #a71d2a !important
}
.text-light {
  color: #f8f9fa !important
}
a.text-light:focus, a.text-light:hover {
  color: #cbd3da !important
}
.text-dark {
  color: #343a40 !important
}
a.text-dark:focus, a.text-dark:hover {
  color: #121416 !important
}
.text-body {
  color: #212529 !important
}
.text-muted {
  color: #6c757d !important
}
.text-black-50 {
  color: rgba(0, 0, 0, .5) !important
}
.text-white-50 {
  color: rgba(255, 255, 255, .5) !important
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}
.text-decoration-none {
  text-decoration: none !important
}
.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important
}
.text-reset {
  color: inherit !important
}
.visible {
  visibility: visible !important
}
.invisible {
  visibility: hidden !important
}
@media print {
  *, ::after, ::before {
    text-shadow: none !important;
    box-shadow: none !important
  }
  a:not(.btn) {
    text-decoration: underline
  }
  abbr[title]::after {
    content: " ("attr(title) ")"
  }
  pre {
    white-space: pre-wrap !important
  }
  blockquote, pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  img, tr {
    page-break-inside: avoid
  }
  h2, h3, p {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
  @page {
    size: a3
  }
  body {
    min-width: 992px !important
  }
  .container {
    min-width: 992px !important
  }
  .navbar {
    display: none
  }
  .badge {
    border: 1px solid #000
  }
  .table {
    border-collapse: collapse !important
  }
  .table td, .table th {
    background-color: #fff !important
  }
  .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6 !important
  }
  .table-dark {
    color: inherit
  }
  .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
    border-color: #dee2e6
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6
  }
}
/*# sourceMappingURL=bootstrap.min.css.map */











/*
Swiper
Version: 5.4.5
Plugin URI: http://swiperjs.com
License: Copyright 2014-2020 Vladimir Kharlampidi | Released under the MIT License | Released on: June 16, 2020
*/
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal
}
:root {
  --swiper-theme-color: #007aff
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0)
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}
.swiper-container-3d {
  perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory
}
:root {
  --swiper-navigation-size: 44px
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: 'prev'
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next'
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000
}
.swiper-button-lock {
  display: none
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000
}
.swiper-pagination-lock {
  display: none
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-scrollbar-lock {
  display: none
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg)
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube {
  overflow: visible
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}
.swiper-container-flip {
  overflow: visible
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
/*
justifiedGallery
Version: 3.8.1
Plugin URI: http://miromannino.github.io/Justified-Gallery/
License: Copyright (c) 2020 Miro Mannino | Licensed under the MIT license
*/
.justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden
}
.justified-gallery > a, .justified-gallery > div, .justified-gallery > figure {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  filter: "alpha(opacity=10)";
  opacity: .1;
  margin: 0;
  padding: 0
}
.justified-gallery > a > a > img, .justified-gallery > a > a > svg, .justified-gallery > a > img, .justified-gallery > a > svg, .justified-gallery > div > a > img, .justified-gallery > div > a > svg, .justified-gallery > div > img, .justified-gallery > div > svg, .justified-gallery > figure > a > img, .justified-gallery > figure > a > svg, .justified-gallery > figure > img, .justified-gallery > figure > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
  filter: "alpha(opacity=0)";
  opacity: 0
}
.justified-gallery > a > .jg-caption, .justified-gallery > div > .jg-caption, .justified-gallery > figure > .jg-caption {
  display: none;
  position: absolute;
  bottom: 0;
  padding: 5px;
  background-color: #000;
  left: 0;
  right: 0;
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  font-family: sans-serif
}
.justified-gallery > a > .jg-caption.jg-caption-visible, .justified-gallery > div > .jg-caption.jg-caption-visible, .justified-gallery > figure > .jg-caption.jg-caption-visible {
  display: initial;
  filter: "alpha(opacity=70)";
  opacity: .7;
  -webkit-transition: opacity .5s ease-in;
  -moz-transition: opacity .5s ease-in;
  -o-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in
}
.justified-gallery > .jg-entry-visible {
  filter: "alpha(opacity=100)";
  opacity: 1;
  background: 0 0
}
.justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > a > svg, .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > svg {
  filter: "alpha(opacity=100)";
  opacity: 1;
  -webkit-transition: opacity .5s ease-in;
  -moz-transition: opacity .5s ease-in;
  -o-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in
}
.justified-gallery > .jg-filtered {
  display: none
}
.justified-gallery > .jg-spinner {
  position: absolute;
  bottom: 0;
  margin-left: -24px;
  padding: 10px 0 10px 0;
  left: 50%;
  filter: "alpha(opacity=100)";
  opacity: 1;
  overflow: initial
}
.justified-gallery > .jg-spinner > span {
  display: inline-block;
  filter: "alpha(opacity=0)";
  opacity: 0;
  width: 8px;
  height: 8px;
  margin: 0 4px 0 4px;
  background-color: #000;
  border-radius: 6px
}
/*
Animate css
Version: 4.1.1
Plugin URI: https://animate.style/
License: Licensed under the MIT license - http://opensource.org/licenses/MIT
*/ :root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat)
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
  animation-iteration-count: calc(var(--animate-repeat)*2)
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
  animation-iteration-count: calc(var(--animate-repeat)*3)
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay)
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: calc(var(--animate-delay)*2)
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: calc(var(--animate-delay)*3)
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: calc(var(--animate-delay)*4)
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: calc(var(--animate-delay)*5)
}
.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2)
}
.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.8);
  animation-duration: calc(var(--animate-duration)*0.8)
}
.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2)
}
.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
  }
  .animate__animated[class*=Out] {
    opacity: 0
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}
@keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}
@-webkit-keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}
@keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX
}
@-webkit-keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
}
@keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}
@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}
@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration)*1.3);
  animation-duration: calc(var(--animate-duration)*1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp
}
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }
  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}
.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3)
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3)
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2)
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2)
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2)
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2)
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3)
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3)
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}
.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}
.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}
@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}
@-webkit-keyframes rotateOut {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left
}
@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}
@keyframes rollOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 0
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 0
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0)
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0)
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0)
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0)
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}
/*
Magnific popup
Version: 1.1.0 - 2016-02-20
Plugin URI: http://dimsemenov.com/plugins/magnific-popup/
License: Copyright (c) 2016 Dmitry Semenov
*/
.mfp-container * {
  transition-timing-function: none;
  -moz-transition-timing-function: none;
  -webkit-transition-timing-function: none;
  -o-transition-timing-function: none;
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: .8
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: 0 !important;
  -webkit-backface-visibility: hidden
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle
}
.mfp-align-top .mfp-container:before {
  display: none
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto
}
.mfp-ajax-cur {
  cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
  cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.mfp-loading.mfp-figure {
  display: none
}
.mfp-hide {
  display: none !important
}
.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044
}
.mfp-preloader a {
  color: #ccc
}
.mfp-preloader a:hover {
  color: #fff
}
.mfp-s-ready .mfp-preloader {
  display: none
}
.mfp-s-error .mfp-content {
  display: none
}
button.mfp-arrow, button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation
}
button::-moz-focus-inner {
  padding: 0;
  border: 0
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace
}
.mfp-close:focus, .mfp-close:hover {
  opacity: 1
}
.mfp-close:active {
  top: 1px
}
.mfp-close-btn-in .mfp-close {
  color: #333
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap
}
.mfp-arrow {
  position: absolute;
  opacity: .65;
  margin: 0;
  top: 50%;
  margin-top: -35px;
  padding: 0;
  width: 60px;
  height: 60px;
  -webkit-tap-highlight-color: transparent
}
.mfp-arrow:focus, .mfp-arrow:hover {
  opacity: 1
}
.mfp-arrow:after, .mfp-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  border: medium inset transparent
}
.mfp-arrow-left {
  left: 40px
}
.mfp-arrow-right {
  right: 40px
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}
.mfp-iframe-holder .mfp-close {
  top: -40px
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto
}
.mfp-figure {
  line-height: 0
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #444
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}
.mfp-figure figure {
  margin: 0
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px
}
.mfp-image-holder .mfp-content {
  max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    text-align: center;
    padding: 0
  }
}
@media all and (max-width:900px) {
  .mfp-arrow {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}
/*
Custom scrollbar - jquery mousewheel plugin
Version: 3.1.13
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
License: Copyright Manos Malihutsakis | Released under the MIT license
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto
}
.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr
}
.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto
}
.mCSB_inside > .mCSB_container {
  margin-right: 30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0
}
.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}
.mCSB_outside + .mCSB_scrollTools {
  right: -26px
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px
}
.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px
}
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0
}
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0
}
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0
}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"
}
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, .85)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, .9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .85)
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .1)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px
}
.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, .2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}
.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px
}
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
  height: 12px;
  width: auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, .05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, .05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px
}
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, .2)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, .2)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, .2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, .2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .75)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9)
}
/*
Animated headlines
Plugin URI: https://codyhouse.co/gem/css-animated-headlines/
*/
.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
  right: 0;
  margin: 0 auto
}
.cd-words-wrapper b.is-visible {
  position: relative
}
.no-js .cd-words-wrapper b {
  opacity: 0
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1
}
.cd-headline.rotate-1 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px
}
.cd-headline.rotate-1 b {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg)
}
.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-animation: cd-rotate-1-in 1.2s;
  -moz-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s
}
.cd-headline.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  -moz-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s
}
@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0
  }
  65% {
    opacity: 0
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1
  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0
  }
  65% {
    opacity: 0
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1
  }
}
@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0
  }
  65% {
    opacity: 0
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1
  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0);
    opacity: 1
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1
  }
  65% {
    opacity: 0
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0
  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {
    -moz-transform: rotateX(0);
    opacity: 1
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1
  }
  65% {
    opacity: 0
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1
  }
  65% {
    opacity: 0
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0
  }
}
.cd-headline.type .cd-words-wrapper {
  vertical-align: top;
  overflow: hidden
}
.cd-headline.type span {
  padding: 10px 0
}
.cd-headline.type > span {
  display: inline-block
}
.cd-headline.type .cd-words-wrapper::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #aebcb9
}
.cd-headline.type .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  -moz-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite
}
.cd-headline.type .cd-words-wrapper.selected::after {
  visibility: hidden
}
.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d
}
.cd-headline.type b {
  visibility: hidden
}
.cd-headline.type b.is-visible {
  visibility: visible
}
.cd-headline.type i {
  position: absolute;
  visibility: hidden;
  font-style: normal
}
.cd-headline.type i.in {
  position: relative;
  visibility: visible
}
@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1
  }
  40% {
    -webkit-transform: translateY(-50%) scale(.9);
    opacity: 0
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1
  }
  40% {
    -moz-transform: translateY(-50%) scale(.9);
    opacity: 0
  }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1
  }
  40% {
    -webkit-transform: translateY(-50%) scale(.9);
    -moz-transform: translateY(-50%) scale(.9);
    -ms-transform: translateY(-50%) scale(.9);
    -o-transform: translateY(-50%) scale(.9);
    transform: translateY(-50%) scale(.9);
    opacity: 0
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0
  }
}
.cd-headline.rotate-2 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px
}
.cd-headline.rotate-2 em, .cd-headline.rotate-2 i {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-style: normal
}
.cd-headline.rotate-2 b {
  opacity: 0
}
.cd-headline.rotate-2 i {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-20px) rotateX(90deg);
  -moz-transform: translateZ(-20px) rotateX(90deg);
  -ms-transform: translateZ(-20px) rotateX(90deg);
  -o-transform: translateZ(-20px) rotateX(90deg);
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0
}
.is-visible .cd-headline.rotate-2 i {
  opacity: 1
}
.cd-headline.rotate-2 i.in {
  -webkit-animation: cd-rotate-2-in .4s forwards;
  -moz-animation: cd-rotate-2-in .4s forwards;
  animation: cd-rotate-2-in .4s forwards
}
.cd-headline.rotate-2 i.out {
  -webkit-animation: cd-rotate-2-out .4s forwards;
  -moz-animation: cd-rotate-2-out .4s forwards;
  animation: cd-rotate-2-out .4s forwards
}
.cd-headline.rotate-2 em {
  -webkit-transform: translateZ(20px);
  -moz-transform: translateZ(20px);
  -ms-transform: translateZ(20px);
  -o-transform: translateZ(20px);
  transform: translateZ(20px)
}
.no-csstransitions .cd-headline.rotate-2 i {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0
}
.no-csstransitions .cd-headline.rotate-2 i em {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i {
  opacity: 1
}
@-webkit-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0)
  }
}
@-moz-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(90deg)
  }
  60% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(-10deg)
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0)
  }
}
@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -moz-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    -o-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0)
  }
}
@-webkit-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0)
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg)
  }
}
@-moz-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0)
  }
  60% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-100deg)
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-90deg)
  }
}
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0)
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -moz-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    -o-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -moz-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    -o-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg)
  }
}
.cd-headline.loading-bar span {
  display: inline-block;
  padding: .2em 0
}
.cd-headline.loading-bar .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top
}
.cd-headline.loading-bar .cd-words-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #5971ff;
  z-index: 2;
  -webkit-transition: width .3s -.1s;
  -moz-transition: width .3s -.1s;
  transition: width .3s -.1s
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
  width: 100%;
  -webkit-transition: width 3s;
  -moz-transition: width 3s;
  transition: width 3s
}
.cd-headline.loading-bar b {
  top: .2em;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s
}
.cd-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0
}
.cd-headline.slide span {
  display: inline;
  padding-top: 10px;
  padding-bottom: 10px
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top
}
.cd-headline.slide b {
  opacity: 0;
  top: .2em
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in .6s;
  -moz-animation: slide-in .6s;
  animation: slide-in .6s
}
.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out .6s;
  -moz-animation: slide-out .6s;
  animation: slide-out .6s
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0)
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%)
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%)
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0)
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0)
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%)
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0)
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%)
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%)
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
  }
}
.cd-headline.clip span {
  display: inline-block;
  padding: .2em 0
}
.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top
}
.cd-headline.clip .cd-words-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #aebcb9
}
.cd-headline.clip b {
  opacity: 0
}
.cd-headline.clip b.is-visible {
  opacity: 1
}
.cd-headline.zoom .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px
}
.cd-headline.zoom b {
  opacity: 0
}
.cd-headline.zoom b.is-visible {
  opacity: 1;
  -webkit-animation: zoom-in .8s;
  -moz-animation: zoom-in .8s;
  animation: zoom-in .8s
}
.cd-headline.zoom b.is-hidden {
  -webkit-animation: zoom-out .8s;
  -moz-animation: zoom-out .8s;
  animation: zoom-out .8s
}
@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0)
  }
}
@-moz-keyframes zoom-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(100px)
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0)
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@-webkit-keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px)
  }
}
@-moz-keyframes zoom-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(0)
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-100px)
  }
}
@keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -o-transform: translateZ(-100px);
    transform: translateZ(-100px)
  }
}
.cd-headline.rotate-3 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px
}
.cd-headline.rotate-3 b {
  opacity: 0
}
.cd-headline.rotate-3 i {
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.is-visible .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0)
}
.cd-headline.rotate-3 i.in {
  -webkit-animation: cd-rotate-3-in .6s forwards;
  -moz-animation: cd-rotate-3-in .6s forwards;
  animation: cd-rotate-3-in .6s forwards
}
.cd-headline.rotate-3 i.out {
  -webkit-animation: cd-rotate-3-out .6s forwards;
  -moz-animation: cd-rotate-3-out .6s forwards;
  animation: cd-rotate-3-out .6s forwards
}
.no-csstransitions .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  opacity: 0
}
.no-csstransitions .cd-headline.rotate-3 .is-visible i {
  opacity: 1
}
@-webkit-keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg)
  }
  100% {
    -webkit-transform: rotateY(0)
  }
}
@-moz-keyframes cd-rotate-3-in {
  0% {
    -moz-transform: rotateY(180deg)
  }
  100% {
    -moz-transform: rotateY(0)
  }
}
@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
  }
  100% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
  }
}
@-webkit-keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0)
  }
  100% {
    -webkit-transform: rotateY(-180deg)
  }
}
@-moz-keyframes cd-rotate-3-out {
  0% {
    -moz-transform: rotateY(0)
  }
  100% {
    -moz-transform: rotateY(-180deg)
  }
}
@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
  }
}
.cd-headline.scale b {
  opacity: 0
}
.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}
.is-visible .cd-headline.scale i {
  opacity: 1
}
.cd-headline.scale i.in {
  -webkit-animation: scale-up .6s forwards;
  -moz-animation: scale-up .6s forwards;
  animation: scale-up .6s forwards
}
.cd-headline.scale i.out {
  -webkit-animation: scale-down .6s forwards;
  -moz-animation: scale-down .6s forwards;
  animation: scale-down .6s forwards
}
.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0
}
.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1
}
@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0
  }
  60% {
    -webkit-transform: scale(1.2);
    opacity: 1
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1
  }
}
@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0
  }
  60% {
    -moz-transform: scale(1.2);
    opacity: 1
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1
  }
  60% {
    -webkit-transform: scale(0);
    opacity: 0
  }
}
@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1
  }
  60% {
    -moz-transform: scale(0);
    opacity: 0
  }
}
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
}
.cd-headline.push b {
  opacity: 0
}
.cd-headline.push b.is-visible {
  opacity: 1;
  -webkit-animation: push-in .6s;
  -moz-animation: push-in .6s;
  animation: push-in .6s
}
.cd-headline.push b.is-hidden {
  -webkit-animation: push-out .6s;
  -moz-animation: push-out .6s;
  animation: push-out .6s
}
@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0)
  }
}
@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%)
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(10%)
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0)
  }
}
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0)
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%)
  }
}
@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0)
  }
  60% {
    opacity: 0;
    -moz-transform: translateX(110%)
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%)
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
  }
}
/*
jQuery UI
Version: 1.12.1 - 2016-09-14
Plugin URI: http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
License: Copyright jQuery Foundation and other contributors | Released under the MIT License
*/
.ui-helper-hidden {
  display: none
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}
.ui-helper-clearfix:after, .ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse
}
.ui-helper-clearfix:after {
  clear: both
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}
.ui-front {
  z-index: 100
}
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none
}
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0
}
.ui-menu .ui-menu {
  position: absolute
}
.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0
}
.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
  margin: -1px
}
.ui-menu-icons {
  position: relative
}
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em
}
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0
}
.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible
}
.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
  text-decoration: none
}
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap
}
input.ui-button.ui-button-icon-only {
  text-indent: 0
}
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px
}
.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap
}
input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em
}
button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}
.ui-controlgroup {
  vertical-align: middle;
  display: inline-block
}
.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0
}
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus {
  z-index: 9999
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left
}
.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box
}
.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em
}
.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none
}
.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em)
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid
}
.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none
}
.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid
}
.ui-checkboxradio-disabled {
  pointer-events: none
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}
.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
  top: 1px
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px
}
.ui-datepicker .ui-datepicker-next {
  right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}
.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 700;
  border: 0
}
.ui-datepicker td {
  border: 0;
  padding: 1px
}
.ui-datepicker td a, .ui-datepicker td span {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}
.ui-datepicker.ui-datepicker-multi {
  width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}
.ui-datepicker-rtl {
  direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: 0 0;
  overflow: auto
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}
.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0
}
.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0
}
.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0
}
.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0
}
.ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
  width: 7px;
  height: 7px
}
.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0
}
.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0
}
.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0
}
.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none
}
.ui-resizable {
  position: relative
}
.ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none
}
.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
  display: none
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}
.ui-progressbar .ui-progressbar-overlay {
  background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
  height: 100%;
  opacity: .25
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  padding: 2px .4em;
  margin: .5em 0 0 0;
  height: auto;
  border: 0
}
.ui-selectmenu-open {
  display: block
}
.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis
}
.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em
}
.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0
}
.ui-slider {
  position: relative;
  text-align: left
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}
.ui-slider-horizontal {
  height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}
.ui-slider-vertical {
  width: .8em;
  height: 100px
}
.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle
}
.ui-spinner-input {
  border: none;
  background: 0 0;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em
}
.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none
}
.ui-spinner-up {
  top: 0
}
.ui-spinner-down {
  bottom: 0
}
.ui-tabs {
  position: relative;
  padding: .2em
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0 0
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px
}
body .ui-tooltip {
  border-width: 2px
}
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em
}
.ui-widget .ui-widget {
  font-size: 1em
}
.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5
}
.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333
}
.ui-widget-content a {
  color: #333
}
.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: 700
}
.ui-widget-header a {
  color: #333
}
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: 400;
  color: #454545
}
.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
  color: #454545;
  text-decoration: none
}
.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: 400;
  color: #2b2b2b
}
.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
  color: #2b2b2b;
  text-decoration: none
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6
}
.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: 400;
  color: #fff
}
.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620
}
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: 700
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: 400
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}
.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}
.ui-icon {
  width: 16px;
  height: 16px
}
.ui-icon, .ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_444444_256x240.png)
}
.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_444444_256x240.png)
}
.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
  background-image: url(images/ui-icons_555555_256x240.png)
}
.ui-button:active .ui-icon, .ui-state-active .ui-icon {
  background-image: url(images/ui-icons_ffffff_256x240.png)
}
.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_777620_256x240.png)
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_cc0000_256x240.png)
}
.ui-button .ui-icon {
  background-image: url(images/ui-icons_777777_256x240.png)
}
.ui-icon-blank {
  background-position: 16px 16px
}
.ui-icon-caret-1-n {
  background-position: 0 0
}
.ui-icon-caret-1-ne {
  background-position: -16px 0
}
.ui-icon-caret-1-e {
  background-position: -32px 0
}
.ui-icon-caret-1-se {
  background-position: -48px 0
}
.ui-icon-caret-1-s {
  background-position: -65px 0
}
.ui-icon-caret-1-sw {
  background-position: -80px 0
}
.ui-icon-caret-1-w {
  background-position: -96px 0
}
.ui-icon-caret-1-nw {
  background-position: -112px 0
}
.ui-icon-caret-2-n-s {
  background-position: -128px 0
}
.ui-icon-caret-2-e-w {
  background-position: -144px 0
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px
}
.ui-icon-arrow-1-s {
  background-position: -65px -32px
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}
.ui-icon-arrow-4 {
  background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}
.ui-icon-extlink {
  background-position: -32px -80px
}
.ui-icon-newwin {
  background-position: -48px -80px
}
.ui-icon-refresh {
  background-position: -64px -80px
}
.ui-icon-shuffle {
  background-position: -80px -80px
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px
}
.ui-icon-folder-open {
  background-position: -16px -96px
}
.ui-icon-document {
  background-position: -32px -96px
}
.ui-icon-document-b {
  background-position: -48px -96px
}
.ui-icon-note {
  background-position: -64px -96px
}
.ui-icon-mail-closed {
  background-position: -80px -96px
}
.ui-icon-mail-open {
  background-position: -96px -96px
}
.ui-icon-suitcase {
  background-position: -112px -96px
}
.ui-icon-comment {
  background-position: -128px -96px
}
.ui-icon-person {
  background-position: -144px -96px
}
.ui-icon-print {
  background-position: -160px -96px
}
.ui-icon-trash {
  background-position: -176px -96px
}
.ui-icon-locked {
  background-position: -192px -96px
}
.ui-icon-unlocked {
  background-position: -208px -96px
}
.ui-icon-bookmark {
  background-position: -224px -96px
}
.ui-icon-tag {
  background-position: -240px -96px
}
.ui-icon-home {
  background-position: 0 -112px
}
.ui-icon-flag {
  background-position: -16px -112px
}
.ui-icon-calendar {
  background-position: -32px -112px
}
.ui-icon-cart {
  background-position: -48px -112px
}
.ui-icon-pencil {
  background-position: -64px -112px
}
.ui-icon-clock {
  background-position: -80px -112px
}
.ui-icon-disk {
  background-position: -96px -112px
}
.ui-icon-calculator {
  background-position: -112px -112px
}
.ui-icon-zoomin {
  background-position: -128px -112px
}
.ui-icon-zoomout {
  background-position: -144px -112px
}
.ui-icon-search {
  background-position: -160px -112px
}
.ui-icon-wrench {
  background-position: -176px -112px
}
.ui-icon-gear {
  background-position: -192px -112px
}
.ui-icon-heart {
  background-position: -208px -112px
}
.ui-icon-star {
  background-position: -224px -112px
}
.ui-icon-link {
  background-position: -240px -112px
}
.ui-icon-cancel {
  background-position: 0 -128px
}
.ui-icon-plus {
  background-position: -16px -128px
}
.ui-icon-plusthick {
  background-position: -32px -128px
}
.ui-icon-minus {
  background-position: -48px -128px
}
.ui-icon-minusthick {
  background-position: -64px -128px
}
.ui-icon-close {
  background-position: -80px -128px
}
.ui-icon-closethick {
  background-position: -96px -128px
}
.ui-icon-key {
  background-position: -112px -128px
}
.ui-icon-lightbulb {
  background-position: -128px -128px
}
.ui-icon-scissors {
  background-position: -144px -128px
}
.ui-icon-clipboard {
  background-position: -160px -128px
}
.ui-icon-copy {
  background-position: -176px -128px
}
.ui-icon-contact {
  background-position: -192px -128px
}
.ui-icon-image {
  background-position: -208px -128px
}
.ui-icon-video {
  background-position: -224px -128px
}
.ui-icon-script {
  background-position: -240px -128px
}
.ui-icon-alert {
  background-position: 0 -144px
}
.ui-icon-info {
  background-position: -16px -144px
}
.ui-icon-notice {
  background-position: -32px -144px
}
.ui-icon-help {
  background-position: -48px -144px
}
.ui-icon-check {
  background-position: -64px -144px
}
.ui-icon-bullet {
  background-position: -80px -144px
}
.ui-icon-radio-on {
  background-position: -96px -144px
}
.ui-icon-radio-off {
  background-position: -112px -144px
}
.ui-icon-pin-w {
  background-position: -128px -144px
}
.ui-icon-pin-s {
  background-position: -144px -144px
}
.ui-icon-play {
  background-position: 0 -160px
}
.ui-icon-pause {
  background-position: -16px -160px
}
.ui-icon-seek-next {
  background-position: -32px -160px
}
.ui-icon-seek-prev {
  background-position: -48px -160px
}
.ui-icon-seek-end {
  background-position: -64px -160px
}
.ui-icon-seek-start {
  background-position: -80px -160px
}
.ui-icon-seek-first {
  background-position: -80px -160px
}
.ui-icon-stop {
  background-position: -96px -160px
}
.ui-icon-eject {
  background-position: -112px -160px
}
.ui-icon-volume-off {
  background-position: -128px -160px
}
.ui-icon-volume-on {
  background-position: -144px -160px
}
.ui-icon-power {
  background-position: 0 -176px
}
.ui-icon-signal-diag {
  background-position: -16px -176px
}
.ui-icon-signal {
  background-position: -32px -176px
}
.ui-icon-battery-0 {
  background-position: -48px -176px
}
.ui-icon-battery-1 {
  background-position: -64px -176px
}
.ui-icon-battery-2 {
  background-position: -80px -176px
}
.ui-icon-battery-3 {
  background-position: -96px -176px
}
.ui-icon-circle-plus {
  background-position: 0 -192px
}
.ui-icon-circle-minus {
  background-position: -16px -192px
}
.ui-icon-circle-close {
  background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px
}
.ui-icon-circle-check {
  background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}
.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
  border-top-left-radius: 3px
}
.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
  border-top-right-radius: 3px
}
.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
  border-bottom-left-radius: 3px
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-bottom-right-radius: 3px
}
.ui-widget-overlay {
  background: #aaa;
  opacity: .3;
  filter: Alpha(Opacity=30)
}
.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666
}

/* Source: font.css */
/**=====================
■ BASIC SET
==========================**/

@font-face {
    font-family: 'paybooc-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/*********RESET**********/
html { font-size: 16px; }
*, *::after, *::before { box-sizing: border-box; }

body { font-family: 'paybooc-Medium', sans-serif; font-size: 16px; 
	     line-height: 26px; font-weight: 400; color: #666; 
	     padding: 0; margin: 0; 
	     -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-break: break-word }

body, html { -moz-osx-font-smoothing: grayscale; }
a:hover, a:focus { text-decoration: none; outline: none; outline-offset:0; color: #676767; }
a, a:active, a:focus { color: #454545; }

a, .btn, input, textarea, select { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

p {font-size: 16px; line-height: 26px;margin: 0 0 15px; }
b, strong { font-weight: 500; }
.last-paragraph-no-margin p:last-of-type { margin-bottom:0; }

/* use font */
.fpop{font-family: 'Poppins', sans-serif !important;}
.fset{font-family: 'paybooc-Medium', sans-serif !important;}
.fnoto{font-family: 'Noto Sans KR', sans-serif !important;}

.fmenu{font-family:  'Pretendard-Regular', sans-serif !important;}
.fmenu-line{font-family: 'Pretendard-Regular', sans-serif !important;}
/* ready
.frobo{font-family: 'Roboto', sans-serif !important;}
.fbasic{font-family: 'AppleSDGothicNeo-Regular', "Malgun Gothic", "맑은 고딕" !important;}
*/

/* heading size */
h1, h2, h3, h4, h5, h6 { margin:0 0 25px 0; padding:0; letter-spacing: -0.5px; font-weight: inherit; }
h1 { font-size:5rem; line-height: 5rem; }
h2 { font-size:3.9rem; line-height:4.2rem; }
h3 { font-size:3.4rem; line-height:3.9rem; }
h4 { font-size:2.85rem; line-height:3.4rem; }
h5 { font-size:2.30rem; line-height:3rem; }
h6 { font-size:1.80rem; line-height:2.5rem; }

/* text size */
.fs-xxs { font-size:13px; line-height:14px; }
.fs-xs { font-size:14px; line-height:16px; }
.fs-s { font-size:15px; line-height:22px; }
.fs-m { font-size:16px; line-height:20px; }
.fs-l { font-size:17px; line-height:28px; }
.fs-xl { font-size:18px; line-height:22px; }
.fs-xxl { font-size: 20px; line-height:28px; }

.fts-xxs { font-size: 24px; line-height: 32px; }
.fts-xs { font-size: 28px; line-height: 42px; }
.fts-s { font-size: 40px; line-height:80px; }
.fts-m { font-size: 50px; line-height:80px; }
.fts-l { font-size: 60px; line-height:95px; }
.fts-xl { font-size: 80px; line-height:120px; }
.fts-xxl { font-size: 100px; line-height: 150px; }

.fts-big{ font-size: 150px; line-height: 200px;}
.fts-big2{ font-size: 200px; line-height: 230px;}
.fts-big3{ font-size: 300px; line-height: 260px;}

/* text align*/
.tleft {text-align: left !important}
.tright {text-align: right !important}
.tcenter {text-align: center !important}
.tjustify {text-align: justify !important}

.text-left{text-align: left }
.text-right{text-align: right }
.text-center{text-align: center }
.text-tjustify{text-align: justify }

@media (max-width:767px) {.sm-tleft {text-align: left !important  }
  .sm-tright {text-align: right !important  }
  .sm-tcenter {text-align: center !important  }
}
@media (min-width:768px) {.md-tleft {text-align: left !important  }
  .md-tright {text-align: right !important  }
  .md-tcenter {text-align: center !important  }
}
@media (min-width:992px) {.lg-tcenter {text-align: left !important  }
  .lg-tright {text-align: right !important  }
  .lg-tcenter {text-align: center !important  }
}
@media (min-width:1280px) {.xl-tleft {text-align: left !important  }
  .xl-tright {text-align: right !important  }
  .xl-tcenter {text-align: center !important  }
}

/* text float*/
.fnone {float: none !important;}
.fright {float: right !important;}
.fleft {float: left !important;}

@media (min-width:0px) {.sm-fleft {text-align: left !important  }
  .sm-fright {text-align: right !important  }
  .sm-fcenter {text-align: center !important  }
}
@media (min-width:768px) {.md-fleft {text-align: left !important  }
  .md-fright {text-align: right !important  }
  .md-fcenter {text-align: center !important  }
}
@media (min-width:992px) {.lg-fcenter {text-align: left !important  }
  .lg-fright {text-align: right !important  }
  .lg-fcenter {text-align: center !important  }
}
@media (min-width:1280px) {.xl-fleft {text-align: left !important  }
  .xl-fright {text-align: right !important  }
  .xl-fcenter {text-align: center !important  }
}

/* text color, link color and link hover color */
.text-theme1{color:#22B5C5 !important}
.text-theme2{color:#8FC31F !important}
.text-theme3{color:#00827E !important}
.text-theme4{color:#335453 !important}
.text-theme5{color:#5E7C7B !important}
.text-theme6{color:#A6E200 !important}
.text-theme7{color:#313A19 !important}
.text-theme8{color:#0038e3 !important}
.text-theme9{color:#cee002 !important}
.text-theme10{color:#ff6437 !important}

.text-set1{color:#111 !important}
.text-set2{color:#222 !important}
.text-set3{color:#333 !important}
.text-set4{color:#444 !important}
.text-set5{color:#555 !important}
.text-set6{color:#666 !important}
.text-set7{color:#777 !important}
.text-set8{color:#888 !important}
.text-set9{color:#999 !important}
.text-set10{color:#aaa !important}
.text-set11{color:#bbb !important}
.text-set12{color:#ccc !important}
.text-set13{color:#ddd !important}
.text-set14{color:#eee !important}
.text-set15{color:#fafafa !important}

.text-o{color: transparent; 	-webkit-text-stroke-width:1px;	-webkit-text-stroke-color: white}

.text-light-2 { color: #CED5DC !important}
.text-light-3 { color: #B9C5D1 !important}	
.text-sblue{color: #374162}
.text-white, .btn-link.text-white, a.text-white-hover:hover { color:#fff; }
.text-penguin-white, .btn-link.text-penguin-white, a.text-penguin-white-hover:hover { color: #f1edea; }
.text-black, .btn-link.text-black,  a.text-black-hover:hover { color:#000; }
.text-extra-dark-gray, .btn-link.text-extra-dark-gray, a.text-extra-dark-gray-hover:hover { color:#232323; }
.text-dark-gray, .btn-link.text-dark-gray, a.text-dark-gray-hover:hover { color:#626262; }
.text-gray, .btn-link.text-gray, a.text-gray-hover:hover { color: #757575; }
.text-normal-gray, .btn-link.text-normal-gray, a.text-normal-gray-hover:hover { color:#939393; }
.text-extra-light-gray, .btn-link.text-extra-light-gray, a.text-extra-light-gray-hover:hover { color:#b7b7b7; }
.text-light-gray, .btn-link.text-light-gray, a.text-light-gray-hover:hover { color:#d6d5d5; }
.text-very-light-gray, .btn-link.text-very-light-gray, a.text-very-light-gray-hover:hover { color:#ededed; }

.text-very-light-gray-transparent, .btn-link.text-very-light-gray-transparent, a.text-very-light-gray-transparent-hover:hover { color:rgba(237, 237, 237, 0.22); }
.text-extra-dark-gray-transparent, .btn-link.text-extra-dark-gray-transparent, a.text-extra-dark-gray-transparent-hover:hover { color: rgba(46,46,46,0.15); }
.text-dark-gray-transparent, .btn-link.text-dark-gray-transparent, a.text-dark-gray-transparent-hover:hover { color: rgba(98,98,98,0.1); }
.text-white-transparent, .btn-link.text-white-transparent, a.text-white-transparent-hover:hover { color: rgba(255,255,255,0.7); }
.fs-m-white-transparent, .btn-link.fs-m-white-transparent, a.text-very-light-white-transparent-hover:hover { color: rgba(255,255,255,0.5); }
.text-very-light-white-transparent, .btn-link.text-very-light-white-transparent, a.text-very-light-white-transparent-hover:hover { color: rgba(255,255,255,0.3); }

.text-iris-blue, .btn-link.text-iris-blue, a.text-iris-blue-hover:hover  { color: #00B8B8; }
.text-fast-blue, .btn-link.text-fast-blue, a.text-fast-blue-hover:hover { color: #0038e3; }
.text-neon-blue, .btn-link.text-neon-blue, a.text-neon-blue-hover:hover { color: #3452ff; }

.text-navy, .btn-link.text-navy, a.text-navy-hover:hover  { color:#1C2E67; }
.text-navy2, .btn-link.text-navy2, a.text-navy2-hover:hover  { color:#142845; }
.text-navy3, .btn-link.text-navy3, a.text-navy3-hover:hover  { color:#1B212B; }

.text-light-pink, .btn-link.text-light-pink, a.text-light-pink-hover:hover { color: #f18c8c; }
.text-red, .btn-link.text-red, a.text-red-hover:hover { color: #fe0127; }
.text-dark-red, .btn-link.text-dark-red, a.text-dark-red-hover:hover { color: #d23134; }
.text-parrot-green, .btn-link.text-parrot-green, a.text-parrot-green-hover:hover { color: #cee002; }

.text-green, .btn-link.text-green, a.text-green-hover:hover { color: #27AE60; }
.text-olivine-green, .btn-link.text-olivine-green, a.text-olivine-green-hover:hover { color: #8bb867; }
.text-dark-charcoal, .btn-link.text-dark-charcoal, a.text-dark-charcoal-hover:hover { color: #2f2f2f; }

.text-orange, .btn-link.text-orange, a.text-orange-hover:hover { color: #fd961e; }
.text-dark-orange, .btn-link.text-dark-orange, a.text-dark-orange-hover:hover { color: #ff6437; }
.text-neon-orange, .btn-link.text-neon-orange, a.text-neon-orange-hover:hover { color: #ff7a56; }
.text-light-orange, .btn-link.text-light-orange, a.text-light-orange-hover:hover { color: #e8bf47; }
.text-dark-red, .btn-link.text-dark-red, a.text-dark-red-hover:hover { color: #e12837; }
.text-radical-red, .btn-link.text-radical-red, a.text-radical-red-hover:hover { color: #fb4f58; }
.text-golden, .btn-link.text-golden, a.text-golden-hover:hover { color: #ca943d; }
.text-golden-yellow, .btn-link.text-golden-yellow, a.text-golden-yellow-hover:hover { color: #FF9C00; }
.text-dark-golden-yellow, .btn-link.text-dark-golden-yellow, a.text-dark-golden-yellow-hover:hover { color: #cb933d; }
.text-golden-brown, .btn-link.text-golden-brown, a.text-golden-brown-hover:hover { color: #cd9452; }
.text-slate-blue, .btn-link.text-slate-blue, a.text-slate-blue-hover:hover { color: #262b35; }
.text-slate-blue-light, .btn-link.text-slate-blue-light, a.text-slate-blue-light-hover:hover { color: #8890a4; }
.text-gray-blue, .btn-link.text-gray-blue, a.text-gray-blue-hover:hover { color: #374162; }

.text-slate-blue-dark, .btn-link.text-slate-blue-dark, a.text-slate-blue-dark-hover:hover { color: #4F586E; }

.text-dark-slate-blue, .btn-link.text-dark-slate-blue, a.text-dark-slate-blue-hover:hover { color: #1f232c; }
.text-brown, .btn-link.text-brown, a.text-brown-hover:hover { color: #986248; }
.text-blue-wood, .btn-link.text-blue-wood, a.text-blue-wood-hover:hover { color: #373a63; }
.text-purple, .btn-link.text-purple, a.text-purple-hover:hover { color: #502e95; }
.text-lux-purple, .btn-link.text-lux-purple, a.text-lux-purple-hover:hover { color: #3a285e; }
.text-dark-purple, .btn-link.text-dark-purple, a.text-dark-purple-hover:hover { color: #333045; }
.text-very-light-desert-storm, .btn-link.text-very-light-desert-storm, a.very-light-desert-storm:hover { color: #faf6f3; }
.text-yellow-ochre, .btn-link.text-yellow-ochre, a.text-yellow-ochre-hover:hover { color: #c89965; }
.text-yellow-ochre-light, .btn-link.text-yellow-ochre-light, a.text-yellow-ochre-light-hover:hover { color: #c3964e; }
.text-fast-yellow, .btn-link.text-fast-yellow, a.text-fast-yellow-hover:hover { color: #F4D956; }
.text-yellow, .btn-link.text-yellow, a.text-yellow-hover:hover { color: #ffeb04; }
.text-salmon-rose, .btn-link.text-salmon-rose, a.text-salmon-rose-hover:hover { color: #ea9d8d; }
.text-tussock, .btn-link.text-tussock, a.text-tussock-hover:hover { color: #bf8c4c; }
.text-greenish-slate, .btn-link.text-greenish-slate, a.text-greenish-slate-hover:hover { color: #445a58; }
.text-seashell, .btn-link.text-seashell, a.text-seashell-hover:hover { color: #f9f6f3; }
.text-shamrock-green, .btn-link.text-shamrock-green, a.text-shamrock-green-hover:hover { color: #2ed47c; }
.text-light-brownish-orange, .btn-link.text-light-brownish-orange, a.text-light-brownish-orange-hover:hover { color: #e6994e; }
.text-greenish-gray, .btn-link.text-greenish-gray, a.text-greenish-gray-hover:hover { color: #969896; }
.text-light-greenish-gray, .btn-link.text-light-greenish-gray, a.text-light-greenish-gray-hover:hover { color: #9fa29f; }
.text-yellowish-green, .btn-link.text-yellowish-green, a.text-yellowish-green-hover:hover { color: #c7da26; }
.text-copper-red, .btn-link.text-copper-red, a.text-copper-red-hover:hover { color: #cc754c; }
.text-sunglow, .btn-link.text-sunglow, a.text-sunglow-hover:hover { color: #ffcc2e; }
.text-orange-zest, .btn-link.text-orange-zest, a.text-orange-zest-hover:hover  { color: #CA7741; }
.text-dark-tussock, .btn-link.text-dark-tussock, a.text-dark-tussock-hover:hover  { color: #BD884C; }
.text-echo-blue, .btn-link.text-echo-blue, a.text-echo-blue-hover:hover  { color: #abadb7; }
.text-violet, .btn-link.text-violet, a.text-violet-hover:hover  { color: #89af44; }

.text-black-25 {color: rgba(0, 0, 0, .25) !important}
.text-black-50 {color: rgba(0, 0, 0, .5) !important}
.text-black-75 {color: rgba(0, 0, 0, .75) !important}
.text-white-25 {color: rgba(255, 255, 255, .25) !important}
.text-white-50 {color: rgba(255, 255, 255, .5) !important}
.text-white-75 {color: rgba(255, 255, 255, .75) !important}

/* text gradient color */
.text-beige-pink {background: linear-gradient(to right, #fffbd5, #b20a2c); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.text-gradient-magenta-orange-2 { background: linear-gradient(to right, #ec606c, #ee6362, #ee6757, #ed6c4d, #eb7242); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-sky-blue-dark-pink { background: linear-gradient(to right, #5065da, #556fff, #c557ad, #e65f9a, #e66176); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.text-gradient-magenta-orange { background: linear-gradient(to right, #e42464, #e42464, #f44f5c, #fa6259, #ff7357); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-purple-magenta { background: linear-gradient(to right, #502970, #502970, #ac2775, #d42d6b, #f34259); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-light-purple-light-orange { background: linear-gradient(to right, #b783ff, #b783ff, #fa7cc1, #ff85a6, #ff9393); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-sky-blue-pink { background: linear-gradient(to right, #556fff, #556fff, #e05fc4, #f767a6, #ff798e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-sky-blue-pink-2 { background: linear-gradient(to right top, #6670ed, #556fff, #d45eba, #f767a6, #f5667d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-peacock-blue-crome-yellow { background: linear-gradient(to right, #36c1e1, #36c1e1, #74cf8e, #bac962, #feb95b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-peacock-blue-crome-yellow-2 { background-image: linear-gradient(to right, #5cc088, #50c28d, #83b879, #c9a95e, #dda556);; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-fast-blue-purple { background: linear-gradient(to right, #0039e3, #0039e3, #5e28dd, #741bd9, #8600d4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-tan-geraldine { background-image: linear-gradient(to right, #ff9e78, #ff9979, #ff887c, #ff7c7d, #ff767e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-tussock-greenish-slate { background: linear-gradient(90deg, rgba(191,140,76,1) 0%, rgba(68,90,88,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-light-purple-light-red { background: linear-gradient(to right, #975ade, #af63d2, #d473c0, #ef7da7, #e6686f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-light-brownish-orange-black { background: linear-gradient(to right, #e79e57, #9d9049, #62794c, #405c4c, #353d3c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-turquoise-green-yellowish { background: linear-gradient(to right, #3edfb6, #58e49a, #7ce878, #a5e850, #d0e51b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-red-violet-purple { background-image: linear-gradient(to right, #b93c90, #a92a96, #951a9d, #7b10a5, #5412ae); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-orange-pink, .btn-link.text-gradient-orange-pink, a.text-gradient-orange-pink, a.text-gradient-orange-pink-hover:hover { background: linear-gradient(to right, #ff6557 0%, #ff367c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-fuego-turquoise, .btn-link.text-gradient-fuego-turquoise, a.text-gradient-fuego-turquoise, a.text-gradient-fuego-turquoise-hover:hover { background: linear-gradient(to left, #0cd6a2, #56de9c, #91dc5d, #aedb40, #c7da26); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* text property */
.wb-ka{word-break:keep-all}
.word-wrap { word-wrap: break-word; }
.white-space-normal { white-space: normal; }
.text-normal { text-transform: unset !important; }
.text-decoration-underline { text-decoration:underline; }
.text-decoration-none { text-decoration: none; }
.text-transform-none { text-transform:none; }
.text-decoration-line-through { text-decoration:line-through; }
.text-decoration-underline-yellow { text-decoration: underline; text-decoration-color: #fee11c; -webkit-text-decoration-color: #fee11c; }
.text-highlight { padding: 4px 16px }
.text-lowercase {text-transform: lowercase !important}
.text-uppercase {text-transform: uppercase !important}
.text-capitalize {text-transform: capitalize !important}
.fsitalic {font-style: italic !important}

.text-middle-line, .text-decoration-line-wide, .text-decoration-line-thick, .text-decoration-line-bottom, .text-decoration-line-bottom-thick, .text-decoration-line-bottom-medium { position: relative; white-space: nowrap; }
.text-middle-line:before { border-bottom: 1px solid; position: absolute; content: ""; width: 100%; top: 50%; left: 0; opacity: 0.35; }
.text-decoration-line-wide:before { content: ""; border-bottom: 1px solid; left: -10px; position: absolute; top: 50%; width: calc(100% + 20px);-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.text-decoration-line-thick:before { content: ""; position: absolute; width: 100%; height: 4px; background: #333333; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: -1; }
.text-decoration-line-bottom:before { content: ""; border-bottom: 1px solid; left: 0; position: absolute; top: 100%; width: 100%; }
.text-decoration-line-bottom-medium:before { content: ""; border-bottom: 2px solid; left: 0; position: absolute; top: 90%; width: 100%; }
.text-decoration-line-bottom-thick:before { content: ""; border-bottom: 3px solid; left: 0; position: absolute; top: 85%; width: 100%; }
.text-decoration-line-bottom-gradient {position: relative}
.text-decoration-line-bottom-gradient span {position: absolute; left: 0; bottom: 0; width: 100%; height: 1px}

/* dropcap */
.first-letter { float: left; font-size: 50px; line-height: normal; margin: 0 20px 0 0; text-align: center; padding: 10px 0; font-weight: 600; }
.first-letter-big { float: left; font-size: 100px; line-height: 100px; margin: 0 35px 0 0; padding:0 8px; text-align: center; font-weight: 600; position: relative; }
.first-letter-big:before { position: absolute; border-bottom: 1px solid; content: ""; display: block; width: 100%; top: 55%; left: 0; }
.first-letter-block { font-size: 30px; height: 55px; line-height: 25px; padding: 15px 0; width: 55px; font-weight: 500; margin-top: 5px; }
.first-letter-block-round { border-radius:6px; border:1px solid; }
.first-letter-round { border-radius: 50%; font-size:35px; padding: 15px; width: 65px; height: 65px; line-height: 35px; }

/* text shadow */
.fsd0 {text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.005)}
.fsd1 {text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5)}
.fsd2 {text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3)}
.fsd3 {text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.01)}
.fsd4 {text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8)}

/* text stroke */
.text-border { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; }

/* text stroke width */
.text-border-width-1px { -webkit-text-stroke-width: 1px; }
.text-border-width-2px { -webkit-text-stroke-width: 2px; }
.text-border-width-3px { -webkit-text-stroke-width: 3px; }
.text-border-width-4px { -webkit-text-stroke-width: 4px; }
.text-border-width-5px { -webkit-text-stroke-width: 5px; }

/* text stroke color */
.text-border-color-black { -webkit-text-stroke-color: #000000; }

/* letter spacing */
.lt00 { letter-spacing: 0; }
.lt05 { letter-spacing: 0.50px; }
.lt10 { letter-spacing: 1px; }
.lt15 { letter-spacing: 1.5px; }
.lt20 { letter-spacing: 2px; }
.lt25 { letter-spacing: 2.5px; }
.lt30 { letter-spacing: 3px; }
.lt35 { letter-spacing: 3.5px; }
.lt40 { letter-spacing: 4px; }
.lt45 { letter-spacing: 4.5px; }
.lt50 { letter-spacing: 5px; }
.lt55 { letter-spacing: 5.5px; }
.lt60 { letter-spacing: 6px; }
.lt65  { letter-spacing: 6.5px; }
.lt70  { letter-spacing: 7px; }
.lt75  { letter-spacing: 7.5px; }
.lt80  { letter-spacing: 8px; }
.lt85  { letter-spacing: 8.5px; }
.lt90  { letter-spacing: 9px; }
.lt95  { letter-spacing: 9.5px; }
.lt100  { letter-spacing: 10px; }
.lt125  { letter-spacing: 12.5px; }
.lt150  { letter-spacing: 15px; }
.lt200  { letter-spacing: 20px; }
.lt220  { letter-spacing: 22px; }
.lt250  { letter-spacing: 25px; }

/* letter spacing minus */
.ltm02 { letter-spacing: -0.20px; }
.ltm05 { letter-spacing: -0.50px; }
.ltm10 { letter-spacing: -1px; }
.ltm15 { letter-spacing: -1.5px; }
.ltm20 { letter-spacing: -2px; }
.ltm25 { letter-spacing: -2.5px; }
.ltm30 { letter-spacing: -3px; }
.ltm35 { letter-spacing: -3.5px; }
.ltm40 { letter-spacing: -4px; }
.ltm45 { letter-spacing: -4.5px; }
.ltm50 { letter-spacing: -5px; }
.ltm55 { letter-spacing: -5.5px; }
.ltm60 { letter-spacing: -6px; }
.ltm65  { letter-spacing: -6.5px; }
.ltm70  { letter-spacing: -7px; }
.ltm75  { letter-spacing: -7.5px; }
.ltm80  { letter-spacing: -8px; }
.ltm85  { letter-spacing: -8.5px; }
.ltm90  { letter-spacing: -9px; }
.ltm95  { letter-spacing: -9.5px; }
.ltm100  { letter-spacing:-10px; }
.ltin { letter-spacing: inherit; }

/* font weight */
.fwnormal{font-weight: normal !important; }
.fwbold{font-weight: bold !important; }
.fw100 { font-weight: 100 !important; }
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }
.fw800 { font-weight: 800 !important; }
.fw900 { font-weight: 900 !important; }


@media (max-width: 480px) {
.fwnormal{font-weight: normal !important; }
.fwbold{font-weight: bold !important; }
.fw100 { font-weight: 300 !important; }
.fw200 { font-weight: 300 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }
.fw800 { font-weight: 800 !important; }
.fw900 { font-weight: 900 !important; }
}

.parallax-title { padding: 16px 35px; display: inline-block }

/* text size */
.fs0 { font-size: 0; }
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}
.fs21 {font-size: 21px;}
.fs22 {font-size: 22px;}
.fs23 {font-size: 23px;}
.fs24 {font-size: 24px;}
.fs25 {font-size: 25px;}
.fs26 {font-size: 26px;}
.fs27 {font-size: 27px;}
.fs28 {font-size: 28px;}
.fs29 {font-size: 29px;}
.fs30 {font-size: 30px;}
.fs31 {font-size: 31px;}
.fs32 {font-size: 32px;}
.fs33 {font-size: 33px;}
.fs34 {font-size: 34px;}
.fs35 {font-size: 35px;}
.fs36 {font-size: 36px;}
.fs37 {font-size: 37px;}
.fs38 {font-size: 38px;}
.fs39 {font-size: 39px;}
.fs40 {font-size: 40px;}
.fs41 {font-size: 41px;}
.fs42 {font-size: 42px;}
.fs43 {font-size: 43px;}
.fs44 {font-size: 44px;}
.fs45 {font-size: 45px;}
.fs46 {font-size: 46px;}
.fs47 {font-size: 47px;}
.fs48 {font-size: 48px;}
.fs49 {font-size: 49px;}
.fs50 {font-size: 50px;}
.fs51 {font-size: 51px;}
.fs52 {font-size: 52px;}
.fs53 {font-size: 53px;}
.fs54 {font-size: 54px;}
.fs55 {font-size: 55px;}
.fs56 {font-size: 56px;}
.fs57 {font-size: 57px;}
.fs58 {font-size: 58px;}
.fs59 {font-size: 59px;}
.fs60 {font-size: 60px;}
.fs61 {font-size: 61px;}
.fs62 {font-size: 62px;}
.fs63 {font-size: 63px;}
.fs64 {font-size: 64px;}
.fs65 {font-size: 65px;}
.fs66 {font-size: 66px;}
.fs67 {font-size: 67px;}
.fs68 {font-size: 68px;}
.fs69 {font-size: 69px;}
.fs70 {font-size: 70px;}
.fs71 {font-size: 71px;}
.fs72 {font-size: 72px;}
.fs73 {font-size: 73px;}
.fs74 {font-size: 74px;}
.fs75 {font-size: 75px;}
.fs76 {font-size: 76px;}
.fs77 {font-size: 77px;}
.fs78 {font-size: 78px;}
.fs79 {font-size: 79px;}
.fs80 {font-size: 80px;}
.fs90 {font-size: 90px;}
.fs95 {font-size: 95px;}
.fs100 {font-size: 100px;}
.fs110 {font-size: 110px;}
.fs120 {font-size: 120px;}
.fs130 {font-size: 130px;}
.fs140 {font-size: 140px;}
.fs150 {font-size: 150px;}
@media (max-width: 760px) {
.fs10 {font-size: 9px;}
.fs11 {font-size: 10px;}
.fs12 {font-size: 11px;}
.fs13 {font-size: 12px;}
.fs14 {font-size: 13px;}
.fs15 {font-size: 14px;}
.fs16 {font-size: 15px;}
.fs17 {font-size: 16px;}
.fs18 {font-size: 16px;}
.fs19 {font-size: 17px;}
.fs20 {font-size: 17px;}
.fs21 {font-size: 18px;}
.fs22 {font-size: 18px;}
.fs23 {font-size: 19px;}
.fs24 {font-size: 19px;}
.fs25 {font-size: 20px;}
.fs26 {font-size: 20px;}
.fs27 {font-size: 21px;}
.fs28 {font-size: 21px;}
.fs29 {font-size: 22px;}
.fs30 {font-size: 22px;}
.fs31 {font-size: 23px;}
.fs32 {font-size: 23px;}
.fs33 {font-size: 24px;}
.fs34 {font-size: 24px;}
.fs35 {font-size: 25px;}
.fs36 {font-size: 25px;}
.fs37 {font-size: 26px;}
.fs38 {font-size: 26px;}
.fs39 {font-size: 27px;}
.fs40 {font-size: 27px;}
.fs41 {font-size: 28px;}
.fs42 {font-size: 28px;}
.fs43 {font-size: 28px;}
.fs44 {font-size: 28px;}
.fs45 {font-size: 29px;}
.fs46 {font-size: 29px;}
.fs47 {font-size: 29px;}
.fs48 {font-size: 29px;}
.fs49 {font-size: 29px;}
.fs50 {font-size: 30px;}
.fs51 {font-size: 30px;}
.fs52 {font-size: 30px;}
.fs53 {font-size: 30px;}
.fs54 {font-size: 30px;}
.fs55 {font-size: 30px;}
.fs56 {font-size: 31px;}
.fs57 {font-size: 31px;}
.fs58 {font-size: 32px;}
.fs59 {font-size: 32px;}
.fs60 {font-size: 33px;}
.fs61 {font-size: 33px;}
.fs62 {font-size: 33px;}
.fs63 {font-size: 34px;}
.fs64 {font-size: 34px;}
.fs65 {font-size: 34px;}
.fs66 {font-size: 35px;}
.fs67 {font-size: 35px;}
.fs68 {font-size: 35px;}
.fs69 {font-size: 35px;}
.fs70 {font-size: 36px;}
.fs71 {font-size: 36px;}
.fs72 {font-size: 37px;}
.fs73 {font-size: 37px;}
.fs74 {font-size: 37px;}
.fs75 {font-size: 38px;}
.fs76 {font-size: 38px;}
.fs77 {font-size: 39px;}
.fs78 {font-size: 39px;}
.fs79 {font-size: 39px;}
.fs80 {font-size: 40px;}
.fs90 {font-size: 42px;}
.fs100 {font-size: 45px;}
.fs110 {font-size: 50px;}
.fs120 {font-size: 55px;}
.fs130 {font-size: 60px;}
.fs140 {font-size: 65px;}
.fs150 {font-size: 70px;}
}

/* lineheight */
.lhunset { line-height: unset; }
.lhnormal { line-height: normal; }
.lhnone { line-height: 0; }
.lh0 { line-height: 0px; }
.lh8 { line-height: 8px; }
.lh10 { line-height: 10px; }
.lh12 { line-height: 12px; }
.lh14 { line-height: 14px; }
.lh15 { line-height: 15px; }
.lh16 { line-height: 16px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
.lh26 { line-height: 26px; }
.lh28 { line-height: 28px; }
.lh30 { line-height: 30px; }
.lh32 { line-height: 32px; }
.lh34 { line-height: 34px; }
.lh36 { line-height: 36px; }
.lh38 { line-height: 38px; }
.lh40 { line-height: 40px; }
.lh42 { line-height: 42px; }
.lh44 { line-height: 44px; }
.lh46 { line-height: 46px; }
.lh50 { line-height: 50px; }
.lh55 { line-height: 55px; }
.lh60 { line-height: 60px; }
.lh65 { line-height: 65px; }
.lh70 { line-height: 70px; }
.lh75 { line-height: 75px; }
.lh80 { line-height: 80px; }
.lh85 { line-height: 85px; }
.lh90 { line-height: 90px; }
.lh95 { line-height: 95px; }
.lh100 { line-height: 100px; }
.lh120 { line-height: 120px; }
.lh140 { line-height: 140px; }
.lh160 { line-height: 160px; }
.lh170 { line-height: 170px; }


@media (max-width: 760px) {
.lh0 { line-height: 0px; }
.lh8 { line-height: 8px; }
.lh10 { line-height: 10px; }
.lh12 { line-height: 12px; }
.lh14 { line-height: 14px; }
.lh15 { line-height: 15px; }
.lh16 { line-height: 16px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh22 { line-height: 21px; }
.lh24 { line-height: 22px; }
.lh26 { line-height: 23px; }
.lh28 { line-height: 24px; }
.lh30 { line-height: 25px; }
.lh32 { line-height: 26px; }
.lh34 { line-height: 28px; }
.lh36 { line-height: 29px; }
.lh38 { line-height: 30px; }
.lh40 { line-height: 31px; }
.lh42 { line-height: 32px; }
.lh44 { line-height: 33px; }
.lh46 { line-height: 34px; }
.lh50 { line-height: 35px; }
.lh55 { line-height: 36px; }
.lh60 { line-height: 38px; }
.lh65 { line-height: 40px; }
.lh70 { line-height: 42px; }
.lh75 { line-height: 45px; }
.lh80 { line-height: 50px; }
.lh85 { line-height: 55px; }
.lh90 { line-height: 60px; }
.lh95 { line-height: 65px; }
.lh100 { line-height: 70px; }
.lh120 { line-height: 80px; }
.lh140 { line-height: 90px; }
.lh160 { line-height: 100px; }
.lh170 { line-height: 110px; }
	
.ltm02 { letter-spacing: -0.2px; }
.ltm05 { letter-spacing: -0.3px; }
.ltm10 { letter-spacing: -0.5px; }
.ltm15 { letter-spacing: -0.65px; }
.ltm20 { letter-spacing: -0.8px; }
.ltm25 { letter-spacing: -1px; }
.ltm30 { letter-spacing: -1.5px; }
.ltm35 { letter-spacing: -2px; }
.ltm40 { letter-spacing: -2.5px; }
.ltm45 { letter-spacing: -3px; }
.ltm50 { letter-spacing: -3.5px; }
.ltm55 { letter-spacing: -4px; }
.ltm60 { letter-spacing: -4.25px; }
.ltm65  { letter-spacing: -4.5px; }
.ltm70  { letter-spacing: -5px; }
.ltm75  { letter-spacing: -5.5px; }
.ltm80  { letter-spacing: -6px; }
.ltm85  { letter-spacing: -6.5px; }
.ltm90  { letter-spacing: -7px; }
.ltm95  { letter-spacing: -7.5px; }
.ltin { letter-spacing: inherit; }	
}


/* Source: menu.css */

/* 대메뉴 / 소메뉴 / 메가메뉴&메가메뉴헤딩 */
.navbar { padding: 0; height:80px}
.navbar.navbar-boxed { padding-left: 35px; padding-right: 35px; }
.navbar-brand { margin-left: 0; font-size: 0; }
.dropdown.open>.dropdown-menu { display: block; }
.header-social-icon a > i { padding: 0px 10px; font-size: 14px; vertical-align: middle; }
.header-cart-icon a > i, .header-cart-icon a > i, .header-language a > i, .header-language > button.language-trigger > i, .header-search-icon a > i, .header-push-button a > i { padding: 30px 0; display: inline-block; }
.top-bar .header-cart-icon a > i, .top-bar .header-cart-icon a > i, .top-bar .header-language a > i, .top-bar .header-language > button.language-trigger > i, .top-bar .header-search-icon a > i, .top-bar .header-push-button a > i { padding: 14px 0; display: inline-block;}
.header-social-icon {line-height: 12px; padding-left: 10px; }
.navbar.navbar-dark .header-social-icon, .sticky .navbar.header-dark .header-social-icon { border-color: rgba(255,255,255,.45); }
.sticky .navbar.header-light .header-social-icon { border-color: rgba(0,0,0,.22); }
.header-search-icon, .header-cart-icon, .header-language, .header-push-button, .header-button { display: inline-block; vertical-align: middle; padding-right:12px; font-size: 17px; }
.header-cart-icon { margin-right: 10px; }
.nav-item > .dropdown-toggle { display: none; }
.dropdown-toggle:after {visibility: hidden; width: 0; height: 0;}
.mCustomScrollbar .mCSB_container { padding-right: 20px !important; margin-right: 0; }
.mCustomScrollbar.mCS_no_scrollbar .mCSB_container, .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { padding-right: 0 !important; }

/* menu label */
.menu-lable { color: #fff; font-size: 10px; margin-left: 8px; padding: 1px 7px 1px 6px; line-height: 18px; text-transform: uppercase; vertical-align: middle; }
.menu-lable.new {background-color: #27ae60; }
.menu-lable.hot {background-color: #d74a3a; }

/* header static overlay */
header nav.navbar.navbar-static-overlay { position: absolute; width: 100%; }

/* center logo */
.menu-logo-center .menu-logo { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: left; }
.navbar-left, .navbar-right { width: 40%; }
.menu-logo-center .navbar-brand { position: relative; z-index: 1; padding: 20px 0;}

/* header with topbar */
header .top-bar { position: fixed; top: 0; width: 100%; z-index: 1031; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
header .top-bar + .navbar.fixed-top { top: 48px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
header.sticky .top-bar + .navbar.fixed-top { top: 0px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

/* header with top logo */
.top-logo .header-cart-icon a > i, .top-logo .header-cart-icon a > i, .top-logo .header-language a > i, .top-logo .header-language > button.language-trigger > i, .top-logo .header-search-icon a > i, .top-logo .header-push-button a > i { padding: 26px 0; }

/* header responsive sticky */
header.sticky .navbar.responsive-sticky .navbar-brand img { height: 32px; }
.sticky .navbar.responsive-sticky .navbar-nav .nav-link { padding: 18px 0; }
.sticky .navbar.responsive-sticky .header-cart-icon a > i, .sticky .navbar.responsive-sticky .header-cart-icon a > i, .sticky .navbar.responsive-sticky .header-language a > i, .sticky .navbar.responsive-sticky .header-language > button.language-trigger > i, .sticky .navbar.responsive-sticky .header-search-icon a > i, .sticky .navbar.responsive-sticky .header-push-button a > i{ padding: 20px 0; }
.navbar.responsive-sticky .header-cart-icon a, .navbar.responsive-sticky .header-cart-icon a, .navbar.responsive-sticky .header-language a, .navbar.responsive-sticky .header-search-icon a, .navbar.responsive-sticky .header-push-button a { transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }
header .navbar.responsive-sticky .navbar-brand img, .navbar.responsive-sticky .header-cart-icon a > i, .navbar.responsive-sticky .header-cart-icon a > i, .navbar.responsive-sticky .header-language a > i, .navbar.responsive-sticky .header-language > button.language-trigger > i, .navbar.responsive-sticky .header-search-icon a > i, .navbar.responsive-sticky .header-push-button a > i{ transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

/* header sidebar */
.sidebar-nav-action { position: fixed; top: 0; left: 0; width: 65px; height: 100%; z-index: 10006; padding: 30px 0; }
.page-wrapper { padding-left: 65px; }
.sticky-nav-aaa { padding-left: 290px; }
.sidebar-nav-action-main { display: flex; flex-flow: column; justify-content: space-between; text-align: center; height: 100%; }

/* sidebar nav menu */
.sidebar-nav-menu { position: absolute; height: 100%; width: 290px; border-right: 1px solid #f3f3f3; overflow-y: auto; z-index: 10005; top: 0; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-ransition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.menu-style-2 .sidebar-nav-menu { position: fixed; height: 100%; width: 380px; border-right:none;  overflow-y: auto; z-index: 10005; top: 0; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-ransition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.menu-style-2 .sidebar-nav-menu { left: -100%; }
.show-menu { overflow: hidden; }
.show-menu.left-classic-mobile-menu { overflow: visible; }
.show-menu .menu-style-2 .sidebar-nav-menu { left: 65px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-ransition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.menu-style-2 .sidebar-nav-menu .hover-background-color {position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-ransition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s;}
.show-menu .menu-style-2 .sidebar-nav-menu:hover .hover-background-color, .menu-style-2 .sidebar-nav-menu .hover-background-color:hover {opacity: 1; }
.show-menu .menu-style-2 .sidebar-nav-menu:hover .sub-menu-item .sub-menu-item li a {color: rgba(255,255,255,.6)}
.side-menu .sidebar-nav-menu .menu-list-wrapper { height: 100%; overflow-y: hidden; padding: 75px 0; }
.side-menu .sidebar-nav-menu .menu-list-wrapper .mCustomScrollBox { display: -webkit-box; display: -ms-flexbox; display: flex; }
.side-menu .sidebar-nav-menu .menu-list-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { -ms-flex-item-align: center; align-self: center; }
.side-menu .sidebar-nav-menu .menu-list-wrapper .mCustomScrollBox .mCSB_container { width: 100%; -ms-flex-item-align: start; align-self: flex-start; }
.side-menu .sidebar-nav-menu .menu-list-wrapper .mCSB_inside>.mCSB_container { margin: 0 !important; padding: 0 15px !important; }
.side-menu-header .side-menu-button { display: none; }
.sidebar-nav-menu.left-sidebar-nav { position: fixed; width: 290px; overflow: hidden; height: inherit; }
.left-sidebar-nav .menu-list li {list-style: none;}
.left-sidebar-nav .menu-list .menu-list-item .sub-menu-item li:last-child {margin-bottom: 10px}
.left-sidebar-nav .menu-list li a {font-size:14px; padding: 13px 0 14px; line-height: normal; }
.left-sidebar-nav .menu-list .menu-list-item .sub-menu-item li a {font-size:13px; padding:5px 0}
.left-sidebar-nav .menu-toggle:before, .left-sidebar-nav .menu-toggle:after { right: 7px; top: 23px; height: 1px; width: 9px;}
.left-sidebar-nav .sub-menu-item .menu-toggle { width: 30px; height: 30px; }
.left-sidebar-nav .sub-menu-item .menu-toggle:before, .left-sidebar-nav .sub-menu-item .menu-toggle:after { right: 8px; top: 15px; height: 1px; width: 7px;}
.left-sidebar-nav .menu-toggle {width: 48px; height: 48px; top: 24px; line-height: 48px; }
.sidebar-nav-menu.left-sidebar-nav .footer-holder .newsletter-email input { min-height: 44px;}

/* sidebar nav */
.sidebar-nav { position: fixed; height: 100%; width: 290px; border-right: 1px solid #f3f3f3; z-index: 10005; top: 0; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-ransition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.sidebar-nav .footer-holder { text-align: center; }
.side-menu-header .side-menu-button { display: none; }
header.side-menu-nav { position: absolute; left: 0; width: 290px; top: -100%; min-height: 100vh; bottom: 0; z-index: 999; border-right: 1px solid #f3f3f3; }
.left-sidebar-wrapper { position: relative; min-height: 300px; width: 100%; padding-left: 290px; }

/* header toggle button */
.navbar-toggler { font-size: 24px; width: 22px; height: 14px; display: inline-block; position: relative; padding: 0; border: none; vertical-align: middle; border-radius: 0; }
.navbar-toggler-line { background: #232323; height: 2px; width: 22px; content: ""; display: block; border-radius: 0; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;  }
.navbar-dark .navbar-toggler-line { background: #fff; }
header.sticky .header-light .navbar-toggler-line { background: #232323; }

header.sticky .navbar.header-dark .navbar-toggler-line { background: #fff; }
.navbar-toggler-line:nth-child(1) { top: 0px; width: 14px; }
.navbar-toggler-line:nth-child(2),.navbar-toggler-line:nth-child(3) { top: 6px; }
.navbar-toggler-line:nth-child(4) { top: 12px; width: 14px; }
.navbar-collapse-show .navbar-toggler-line:nth-child(1) { top: 7px; width: 0%; }
.navbar-collapse-show .navbar-toggler-line:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);  }
.navbar-collapse-show .navbar-toggler-line:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.navbar-collapse-show .navbar-toggler-line:nth-child(4) { top: 7px; width: 0%; }

/* header background color on scroll */
.sticky.header-appear .header-light, .sticky .header-light.header-always-fixed-scroll { background-color: #fff !important; box-shadow: 0 0 35px rgba(0,0,0,0.1); border-bottom: none !important }
.sticky.header-appear .header-dark, .sticky .header-dark.header-always-fixed-scroll { background-color: #000 !important; box-shadow: 0 0 35px rgba(0,0,0,0.1); border-bottom: none !important; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
.sticky .header-light, .sticky .header-light.header-always-fixed-scroll { box-shadow: 0 0 35px rgba(0,0,0,0.1); }

.sticky.header-appear .header-light.transparent, .sticky .header-light.transparent.header-always-fixed-scroll { background-color: rgba(255,255,255,0.6) !important; }
.sticky.header-appear .header-dark.transparent, .sticky .header-dark.transparent.header-always-fixed-scroll { background-color: rgba(0,0,0,0.6) !important; }

.sticky .header-reverse-scroll { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; box-shadow: none; }
.sticky.header-appear .header-reverse-scroll { -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

.sticky .navbar.header-light .navbar-nav .nav-link, .sticky .navbar.header-light .header-search-icon > a, .sticky .navbar.header-light .header-social-icon > a, .sticky .navbar.header-light .header-cart-icon > a, .sticky .navbar.header-light .header-language > a, .sticky .navbar.header-light .nav-bar-contact { color: #232323 !important; }
.sticky .navbar.header-light .header-push-button .push-button > span {background: #232323}
.sticky .navbar.header-dark .navbar-nav .nav-link, .sticky .navbar.header-dark .header-search-icon > a, .sticky .navbar.header-dark .header-social-icon > a, .sticky .navbar.header-dark .header-cart-icon > a, .sticky .navbar.header-dark .header-language > a { color: #fff !important; }
.sticky .navbar.header-light .btn.btn-white { background-color: #232323; border-color: #232323; color: #fff; }

/* header navigation white */
.navbar.navbar-dark .navbar-nav .nav-link,
.navbar.navbar-dark .header-search-icon > a,
.navbar.navbar-dark .header-social-icon > a,
.navbar.navbar-dark .header-cart-icon > a,
.navbar.navbar-dark .header-language > a,
.navbar.navbar-dark .nav-bar-contact,
.top-bar.navbar-light,
.top-bar.navbar-light .header-search-icon > a,
.top-bar.navbar-light .header-social-icon > a, 
.top-bar.navbar-light .header-cart-icon > a, 
.top-bar.navbar-light .header-language > a,
.top-bar.navbar-light .top-bar-contact-list > a,
.top-bar.navbar-light .header-language.dropdown-style-01 .btn { color: #fff; }
.navbar.navbar-light .header-search-icon > a,
.navbar.navbar-light .header-social-icon > a,
.navbar.navbar-light .header-cart-icon > a,
.navbar.navbar-light .header-language > a,
.top-bar.navbar-dark ,
.top-bar.navbar-dark .header-search-icon > a, 
.top-bar.navbar-dark .header-social-icon > a, 
.top-bar.navbar-dark .header-cart-icon > a, 
.top-bar.navbar-dark .header-language > a, 
.top-bar.navbar-dark .header-language.dropdown-style-01 .btn { color: #232323; }

.navbar.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus, 
.navbar.navbar-dark .header-search-icon > a:hover, 
.navbar.navbar-dark .header-social-icon > a:hover, 
.navbar.navbar-dark .header-cart-icon > a:hover, 
.navbar.navbar-dark .header-language > a:hover, 
.navbar.navbar-dark .header-language a > i > a:hover,
.sticky .navbar-light.header-dark .navbar-nav .nav-link.active,
.sticky .navbar-light.header-dark .navbar-nav .nav-link:hover,
.sticky .navbar-light.header-dark .navbar-nav .nav-link:focus,
.sticky .navbar-light.header-dark .header-search-icon > a:hover,
.sticky .navbar-light.header-dark .header-social-icon > a:hover,
.sticky .navbar-light.header-dark .header-cart-icon > a:hover,
.sticky .navbar-light.header-dark .header-language > a:hover,
.sticky .navbar-light.header-dark .header-language > a:hover,
.top-bar.navbar-light .header-search-icon > a:hover,
.top-bar.navbar-light .header-social-icon > a:hover, 
.top-bar.navbar-light .header-cart-icon > a:hover,
.top-bar.navbar-light .header-language > a:hover, 
.top-bar.navbar-light .top-bar-contact-list > a:hover, 
.top-bar.navbar-light .header-language.dropdown-style-01 .btn:hover { color: rgba(255,255,255,.6) !important; cursor: pointer; }

/* header navigation dark */
.navbar.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar.navbar-light .header-search-icon > a:hover,
.navbar.navbar-light .header-social-icon > a:hover,
.navbar.navbar-light .header-cart-icon > a:hover,
.navbar.navbar-light .header-language > a:hover,
.navbar.navbar-light .header-language > a:hover,
.sticky .navbar-dark.header-light .navbar-nav .nav-link.active,
.sticky .navbar-dark.header-light .navbar-nav .nav-link:hover,
.sticky .navbar-dark.header-light .navbar-nav .nav-link:focus,
.sticky .navbar-dark.header-light .header-search-icon > a:hover,
.sticky .navbar-dark.header-light .header-social-icon > a:hover,
.sticky .navbar-dark.header-light .header-cart-icon > a:hover,
.sticky .navbar-dark.header-light .header-language > a:hover,
.sticky .navbar-dark.header-light .header-language > a:hover,
.top-bar.navbar-dark .header-search-icon > a:hover,
.top-bar.navbar-dark .header-social-icon > a:hover, 
.top-bar.navbar-dark .header-cart-icon > a:hover,
.top-bar.navbar-dark .header-language > a:hover, 
.top-bar.navbar-dark .header-language.dropdown-style-01 .btn:hover { color: rgba(0,0,0,.6) !important; cursor: pointer; }
.navbar.navbar-light .navbar-nav .nav-link { color: #232323; }
.navbar.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus { color: rgba(0,0,0,.5); cursor: pointer; }

/* header logo */
header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand .default-logo img { max-height: 36px;}
header .navbar .navbar-brand .default-logo, header.sticky .navbar-brand .alt-logo, header .sidebar-nav-menu .navbar-brand .default-logo { visibility: visible; opacity: 1; width:170px; transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
header.sticky .navbar .navbar-brand .default-logo, header .navbar-brand .alt-logo, header .navbar .navbar-brand .mobile-logo, header .sidebar-nav-menu .navbar-brand .mobile-logo  { visibility: hidden; opacity: 0; width: 0; transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; }

header .navbar.always-fixed .navbar-brand .default-logo, header.sticky .always-fixed .navbar-brand .alt-logo, 
header.sticky .navbar.always-fixed .navbar-brand .default-logo, header .always-fixed .navbar-brand .alt-logo, 
header .header-always-fixed-scroll .navbar-brand .default-logo, header .header-always-fixed-scroll .navbar-brand .alt-logo,
header .navbar.always-fixed .navbar-brand .mobile-logo, header .sidebar-nav-menu .navbar-brand .mobile-logo, 
header .header-always-fixed-scroll .navbar-brand .mobile-logo { transition-duration:0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; }

/* header cart icon */
.header-cart-icon > a { position: relative; }
header .header-cart-icon .cart-count { position: absolute; top: -6px; right: -10px; width: 16px; height: 16px; text-align: center; font-size: 9px; line-height: 16px; border-radius: 100%; }

/* header push button */
.navbar.navbar-dark .push-button > span, .sticky .navbar.header-dark .push-button > span { background: #fff; }
.navbar.navbar-dark .push-button:hover, .sticky .navbar.header-dark .push-button:hover { opacity: 0.6; }
.navbar.navbar-light .push-button > span, .sticky .navbar.header-light .push-button > span { background: #232323; }
.navbar.navbar-light .push-button:hover, .sticky .navbar.header-light .push-button:hover { opacity: 0.6; }
.push-button { position: relative; width: 22px; height: 14px; display: block; top: 1px; }
.push-button > span { display: block; margin-left: auto; margin-right: auto; width: 22px; height: 2px; background-color: #fff; border-radius: 0; opacity: 1; position: absolute; left: 0; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.push-button > span:nth-child(1) { top: 0px; width: 14px} 
.push-button > span:nth-child(2), .push-button > span:nth-child(3) { top: 6px; }
.push-button > span:nth-child(4) { top: 12px; width: 14px }
.show-menu .push-button > span:nth-child(1) { top: 7px; width: 0%; }
.show-menu .push-button > span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.show-menu .push-button > span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.show-menu .push-button > span:nth-child(4) { top: 7px; width: 0%; }
.push-button.alt-push-button-left > span:nth-child(2) { width: 22px; }
.side-menu-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.left-sidebar-nav .side-menu-button { left: auto; right:15px; text-align: right; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); }
.sidebar-social-icon li { margin: 15px 0; }

/* sidebar action button */
.side-menu-button a { width: 22px; height: 14px; display: inline-block; position: relative; }
.nav-icon span { display: block; margin-left: auto; margin-right: auto; width: 22px; height: 2px; background-color: #fff; border-radius: 0; opacity: 1; position: absolute; left: 0; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.nav-icon.dark span { background-color: #232323; }
.nav-icon span:nth-child(1) { top: 0px; width: 14px }
.nav-icon span:nth-child(2),.nav-icon span:nth-child(3) { top: 6px; }
.nav-icon span:nth-child(4) { top: 12px; width: 14px }
.show-menu .nav-icon span:nth-child(1) { top: 7px; width: 0%; }
.show-menu .nav-icon span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.show-menu .nav-icon span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.show-menu .nav-icon span:nth-child(4) { top: 7px; width: 0%; }

/* header push menu close button */
.close-menu { height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 16px; position: absolute; right: 20px; top: 20px; z-index: 1; }
.close-menu:hover {color:#232323}

/* header push menu */
.push-menu { position: fixed; bottom: 0; right: -100%; width: 570px; height: 100vh; z-index: 1060; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.show-menu .push-menu { right: 0; box-shadow: 0 0 20px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.push-menu .instagram-follow-api ul { display: block;}
.push-menu .btn i {top:0}
.push-menu .push-menu-wrapper { height: 100%; overflow-y: auto; padding: 70px 15px; -webkit-overflow-scrolling: touch; }
.push-menu .push-menu-wrapper .mCustomScrollBox { display: -webkit-box; display: -ms-flexbox; display: flex; }
.push-menu .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { -ms-flex-item-align: center; align-self: center; }
.push-menu .push-menu-wrapper .mCustomScrollBox .mCSB_container { width: 100%; -ms-flex-item-align: start; align-self: flex-start; }
.push-menu .push-menu-wrapper .mCSB_inside>.mCSB_container { margin: 0 !important; padding: 0 15px !important; }

/* hamburger menu */
.hamburger-menu { position: fixed; top: 0; right: -100%; width: 50%; height: 100%; z-index: 1031; overflow-y: auto; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.hamburger-menu.full-width { width: 100%; }
.show-menu .hamburger-menu { right: 0; }
.menu-list-wrapper { overflow: auto; height: calc(100vh - 150px); }
.menu-list-wrapper.menu-list-wrapper-small { max-height: calc(65vh - 100px); }
.menu-list-wrapper.small-wrapper { max-height: calc(70% - 50px); }
.menu-list-wrapper .mCSB_inside>.mCSB_container { margin: 0 !important; }
.menu-list-wrapper .mCustomScrollBox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }
.menu-list-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { -ms-flex-item-align: center; align-self: center; }
.menu-list-wrapper .mCustomScrollBox .mCSB_container { width: 100%; -ms-flex-item-align: start; align-self: flex-start; }
.menu-list li { clear: both; position: relative; list-style: none; }
.menu-list li a { font-size: 20px; line-height: 28px; position: relative; color: #fff; padding: 14px 0; display: inline-block;  }
.menu-list li a i {margin-right: 10px; vertical-align: middle}
.menu-list .menu-list-item .sub-menu-item li a { font-size: 13px; line-height: normal; color: #fff; padding: 0; }
.menu-list .menu-list-item .sub-menu-item { position: relative; width: 100%; background-color: transparent; }
.menu-list .menu-list-item .sub-menu-item .sub-menu-item { padding-left: 15px; }
.menu-list .menu-list-item .sub-menu-item .sub-menu-item li:first-child  { margin-top: 8px;}
.menu-list .menu-list-item .sub-menu-item .sub-menu-item li:last-child { margin-bottom: 10px;}
.menu-list .menu-list-item .sub-menu-item .sub-menu-item li a {color:#888888}
.menu-sidebar a { padding: 10px 0; display: block; position: relative; }

/* hamburger menu dark text */
.menu-list.dark li a, .menu-list.dark .menu-list-item .sub-menu-item li a { color: #232323; }
.menu-list.dark .menu-list-item .sub-menu-item .sub-menu-item li a {color:#656565}
.menu-toggle { position: absolute; right: 0; width: 30px; height: 30px; text-align: center; top: 30px; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 1; }
.sub-menu-item .menu-toggle { width: 20px; height: 20px; top: 15px; }
.menu-toggle:before, .menu-toggle:after { content: ""; display: block; position: absolute; right: 7px; top: 14px; height: 1px; width: 11px; background-color: #fff; }
.sub-menu-item .menu-toggle:before, .sub-menu-item .menu-toggle:after { right: 9px; top: 10px; height: 1px; width: 9px; background: rgba(255,255,255,.5); }
.dark .menu-toggle:before, .dark .menu-toggle:after { background-color: #232323; }
.menu-toggle.collapsed:after { transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transition-duration: 0.3s; }
.menu-toggle:after { transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transition-duration: 0.3s; }

.menu-list.dark li.active > a,
.menu-list.dark > li:hover > a,
.menu-list.dark > li:focus > a,
.menu-list.dark > .menu-list-item .sub-menu-item li.active a, 
.menu-list.dark > .menu-list-item .sub-menu-item > li:hover a,
.menu-list.dark > .menu-list-item .sub-menu-item > li:focus a  { color: rgba(0,0,0,.6) !important; }
.menu-list.dark > .menu-list-item .sub-menu-item li.active > .sub-menu-item li.active a,
.menu-list.dark > .menu-list-item .sub-menu-item li.active > .sub-menu-item li a:hover,
.menu-list.dark > .menu-list-item .sub-menu-item li.active > .sub-menu-item li a:focus { color: rgba(0,0,0,.3) !important; }
.menu-list li.active > a,
.menu-list .menu-list-item:hover >  a,
.menu-list .menu-list-item:focus > a,
.menu-list .menu-list-item .sub-menu-item li.active a, 
.menu-list .menu-list-item .sub-menu-item > li:hover a,
.menu-list .menu-list-item .sub-menu-item > li:focus a  { color: rgba(255,255,255,.5) !important; }
.menu-list .menu-list-item .sub-menu-item li.active > .sub-menu-item li.active a,
.menu-list .menu-list-item .sub-menu-item li.active > .sub-menu-item li a:hover,
.menu-list .menu-list-item .sub-menu-item li.active > .sub-menu-item li a:focus { color: rgba(255,255,255,.3) !important }

/* hamburger menu big text */
.hamburger-menu-big-font .menu-list li { padding:  13px 0; }
.hamburger-menu-big-font .menu-list li a { font-size: 44px; line-height: 50px; position: relative; padding: 0; }
.hamburger-menu-big-font .menu-list li a:before {content: ""; position: absolute; width: 0; height: 2px; bottom: 0; left: 50%; background-color: rgba(255,255,255,.5); visibility: hidden; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.hamburger-menu-big-font .menu-list.dark li a:before {background-color: rgba(23,23,23,.5); }
.hamburger-menu-big-font .menu-list li > a:hover:before { visibility: visible; width: 100%; }
.hamburger-menu-big-font .menu-list li .menu-toggle { top: 41px; }
.hamburger-menu-big-font .menu-list li .sub-menu-item { padding: 25px 0 0 20px;}
.hamburger-menu-big-font .menu-list li .sub-menu-item li{ padding: 0 0 4px 0; }
.hamburger-menu-big-font .menu-list li .sub-menu-item li a:before { display: none}
.hamburger-menu-big-font .menu-list li .sub-menu-item li a:hover { text-decoration: underline; }
.hamburger-menu-big-font .menu-list li .sub-menu-item li .menu-toggle { top: 15px; }
.hamburger-menu-big-font .menu-list li .sub-menu-item .sub-menu-item { padding: 0;}


/* header navigation active color 대메뉴호버 */
.navbar.navbar-dark .navbar-nav > .dropdown.active > a,
.sticky .navbar.header-dark .navbar-nav > .dropdown.active > a, 
.navbar.navbar-dark .navbar-nav > .nav-item.dropdown.megamenu:hover > a, 
.navbar.navbar-dark .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a,
.sticky .navbar.navbar-light.header-dark .navbar-nav > .nav-item.dropdown.megamenu:hover > a, 
.sticky .navbar.navbar-light.header-dark .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a{ color: rgba(255,255,255,0.6) !important; }
.navbar.navbar-light .navbar-nav > .dropdown.active > a, 
.sticky .navbar.header-light .navbar-nav > .dropdown.active > a, 
.navbar.navbar-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, 
.navbar.navbar-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a,
.sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, 
.sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a {background: linear-gradient(to right, #ff6557 0%, #ff367c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#B7070A !important; }

/* header navigation spacing 대메뉴 */
/* .navbar-nav { margin-left: -33px } */
.navbar .navbar-nav .nav-link { padding: 25px 0; font-size:20px; color: #121212; margin: 0 20px; word-break: normal; letter-spacing: -0.5px; word-spacing: -0.5px; }
.menu-active { background: linear-gradient(to right, #ff6557 0%, #ff367c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.navbar .navbar-nav .nav-link i { font-size: 22px }
.navbar.top-logo .navbar-nav .nav-link { padding: 20px 0; }
.navbar .justify-content-end .navbar-nav li:last-child .nav-link { margin-right: 0; }
.navbar .justify-content-start .navbar-nav li:first-child .nav-link { margin-left: 0; }
.nav-item.dropdown.megamenu > .nav-link > a.mega-px { display: inline-block; color: #000; text-decoration: none; }
.nav-item.dropdown.megamenu > .nav-link > a.mega-px.text-gradient-magenta-orange { color: #e42464; }
.navbar.navbar-light .navbar-nav > .nav-item.dropdown.megamenu:hover > .nav-link > a.mega-px {
    background: linear-gradient(to right, #ff6557 0%, #ff367c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #B7070A !important;
}
.nav-item.dropdown.megamenu > .nav-link > a.mega-px:focus-visible { outline: 2px solid #e42464; outline-offset: 2px; }


/* mega menu 메가메뉴&메가메뉴헤딩 */
.dropdown-menu.megamenu-content { padding: 25px; margin: 0; border-radius: 0; }
.dropdown-menu.megamenu-content li a {transition:all 0.25s ease-in-out;-webkit-transition: all .2s ease;transition: all .2s ease;; text-align: left; font-weight: normal; color: #333 ; padding: 0; margin: 0 0 12px 0; display: block; position: relative; overflow: hidden; white-space: nowrap; }
.dropdown-menu.megamenu-content li.active a, .dropdown-menu.megamenu-content li a:hover {-webkit-transition: all .2s ease;transition: all .2s ease;-webkit-transform: translate3d(0,-3px,0);-ms-transform: translate3d(0,-3px,0);transform: translate3d(0,-3px,0); color:#000; }
.dropdown-menu.megamenu-content li a.active { font-weight: 500; background: linear-gradient(to right, #ff6557, #ff367c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.dropdown-menu.megamenu-content li.dropdown-header { color: #8890a4; display: inline-block; padding: 0; font-weight: 500; margin: 15px 0 15px 0; border-bottom: none;}
.dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 0;}
.nav-item.dropdown.megamenu { position: inherit;}
.nav-item.dropdown.megamenu .menu-back-div { box-sizing: border-box; background: #fff; padding: 60px 100px 50px 100px; box-shadow: 0 0 35px rgba(0,0,0,0.15); border-radius: 2px; border: 0; left: auto;}
.nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div [class *="col-"] { padding-left: 0; padding-right: 70px; list-style: none; }
.nav-item.dropdown.megamenu .menu-back-div .col:last-child, .nav-item.dropdown.megamenu .menu-back-div [class *="col-"]:last-child { padding-right: 0; }
.nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"] { padding-left: 0; padding-right: 70px; list-style: none; }
.nav-item.dropdown.megamenu .menu-back-div .col:last-child, .nav-item.dropdown.megamenu .menu-back-div  ul[class *="d-"]:last-child { padding-right: 0; }

.dropdown-menu.megamenu-content li a > i { font-size: 14px; vertical-align: middle; width: 26px; }
.nav-item.dropdown.megamenu img { max-width: 210px}


/* DESKTOP */
@media only screen and (min-width: 1900px) {
	.mega-px {padding: 0 20px}	
   .dropdown-menu.megamenu-content li.dropdown-header { font-size: 20px;}	
   .dropdown-menu.megamenu-content li a { font-size: 19px;  }	
}
/* LAPTOP-XL */
@media only screen and (min-width: 1600px) and (max-width: 1899px) {
   .dropdown-menu.megamenu-content li.dropdown-header { font-size: 20px;}	
   .dropdown-menu.megamenu-content li a { font-size: 19px;  }	
	.mega-px {padding: 0 18px}	
}
/* LAPTOP */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
   .dropdown-menu.megamenu-content li.dropdown-header { font-size: 20px;}	
   .dropdown-menu.megamenu-content li a { font-size: 19px;  }	
	.mega-px {padding: 0 16px}	
}
/* TABLIT-XL */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .dropdown-menu.megamenu-content li.dropdown-header { font-size: 17px;}	
   .dropdown-menu.megamenu-content li a { font-size: 17px;  }	
	.mega-px {padding: 0 12px}	
}
/* TABLIT */
@media only screen and (min-width: 761px) and (max-width: 991px) {

}
/* MOBILE-XL */
@media only screen and (min-width: 481px) and (max-width: 760px) {

}
/* MOBILE-M */
@media only screen and (min-width: 0) and (max-width: 480px) {

}


/* simple dropdown 소메뉴 */
.simple-dropdown .dropdown-menu { position: absolute; left: 0; width: 250px; padding: 25px 0; box-shadow: 0 0 35px rgba(0,0,0,0.1); margin: 0; border: none; border-radius:2px; }
.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { left: 251px; margin-top:0; top: -25px; }
.simple-dropdown.menu-left .dropdown-menu { position: absolute; left: auto; min-width: 240px; padding: 25px 0 20px;; }
.simple-dropdown.menu-left .dropdown-menu .dropdown .dropdown-menu,
.simple-dropdown .dropdown.menu-left .dropdown-menu { left: auto; right: 241px; }
.simple-dropdown .dropdown-menu li { padding: 9px 45px 9px 35px; display: block; }
.simple-dropdown .dropdown-menu .dropdown a { display: block; color: #232323; font-size: 18px; line-height: normal; font-weight: normal }
.simple-dropdown .dropdown-menu .dropdown a:hover { display: block; background: linear-gradient(to right, #ff6557 0%, #ff367c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.simple-dropdown .dropdown-menu .dropdown:hover > a, .simple-dropdown .dropdown-menu .dropdown a:hover,.simple-dropdown .dropdown-menu .dropdown li.active > a, .simple-dropdown .dropdown-menu .dropdown a.active,.simple-dropdown .dropdown-menu .dropdown a:focus, .simple-dropdown .dropdown-menu .dropdown.active > a { color: #000; }
.simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle { position: absolute; right: 23px; font-size: 12px; margin-top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }

/* simple dropdown 소메뉴 영문 */
.en-menu-with {width: 300px!important;}

.lg-en-menu {letter-spacing: -0.25px!important; font-weight: 400!important; color: #232323!important;}
@media (min-width:1561px) {
.lg-en-menu {font-size: 20px!important;}
}
@media only screen and (min-width: 1281px) and (max-width:1560px) {
.lg-en-menu {font-size: 19px!important;}
}
@media only screen and (min-width: 991px) and (max-width:1280px) {
.lg-en-menu {font-size: 17px!important;}
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
.lg-en-menu {font-size: 16px!important;}
}




/* shipping cart */
.cart-item-list { left: auto; right:0; box-shadow: 0 0 35px rgba(0,0,0,0.1); border-radius: 4px; border: 0; padding: 0; min-width: 250px; margin: 0; }
.cart-item-list .cart-item { display: flex; padding: 17px; border-bottom: 1px solid #ededed; position: relative; }
.cart-item-list .cart-item.cart-total { background-color: #f7f7f7; }
.cart-item-list .cart-item a.close { font-size: 16px; line-height: 15px; position: absolute; right: 15px; top: 15px; font-weight: 400; }
.cart-item-list .cart-item a.close:hover { color: #000; }
.cart-item-list .cart-item .product-detail a { color: #232323; font-size: 12px; display: inline-block; line-height: 16px }
.cart-item-list .cart-item .product-detail a:hover { color: #000; }
.cart-item-list .cart-item:last-child { border-bottom: none; border-radius: 0 0 6px 6px; }
.cart-item-list .cart-item.cart-total { -ms-flex-direction: column!important; flex-direction: column!important; }
.cart-item-list .cart-item.cart-total .btn { width: 100%; display: block; margin: 4px 0}
.cart-item-list .cart-item.cart-total .btn:last-child {margin-bottom: 0}
.cart-item-list .cart-item .product-image { max-width: 50px; width: 30%; display: inline-block }
.cart-item-list .cart-item .product-detail { padding-left: 15px; width: 70%; display: inline-block }
.cart-item-list .cart-item .product-detail .item-ammount { display: block; font-size: 11px; color: #828282; line-height: normal }

/* language dropdown */
.header-language > .language-trigger { -webkit-appearance: none; appearance: none; display: inline; border: 0; background: transparent; padding: 0; margin: 0; font: 17px/26px 'Poppins', sans-serif; color: #454545; cursor: pointer; }
.header-language:focus-within > .dropdown-menu { display: block; }
.close-menu, .scroll-top-arrow { -webkit-appearance: none; appearance: none; border: 0; padding: 0; cursor: pointer; font-family: inherit; }
.close-menu { background: transparent; }
.scroll-top-arrow { color: #454545; }
.header-language .dropdown-menu { left:0 !important; right: 0; padding: 10px; box-shadow: 0 0 35px rgba(0,0,0,0.1); border-radius: 6px; border: 0; margin: 0; margin-top: -10px; min-width: 140px; }
.header-language .dropdown-menu a { color: #828282; display: block; padding: 2px 0; font-size: 16px; line-height: 30px; text-align: center }
.header-language .dropdown-menu a:hover { color: #000; }

/* language dropdown style 01 */
.header-language.dropdown-style-01 .btn { color: #828282; border: 1px solid rgba(0,0,0,.1); border-left: 0; border-top: 0 !important; border-bottom: 0 !important; font-size: 12px; line-height: 11px; padding: 18px 18px 14px 18px; margin: 0; background: transparent; font-weight: normal; }
.top-bar .header-language.dropdown-style-01 { padding-left: 0;}
.header-language.dropdown-style-01 .btn:hover { color: #232323; }
.header-language.dropdown-style-01 .btn i { margin-left: 2px; top:-1px }
.header-language.dropdown-style-01 .dropdown-menu { z-index: 99999; margin-top: 1px; border: 0; }

/* megamenu and dropdown dark background color */
.megamenu-dropdown-dark .nav-item.dropdown.megamenu .menu-back-div, .megamenu-dropdown-dark .dropdown-menu, .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown .dropdown-menu { background: #232323; }
.megamenu-dropdown-dark .dropdown-menu.megamenu-content li.dropdown-header { color: #fff; }
.megamenu-dropdown-dark .dropdown-menu.megamenu-content li.active a, .megamenu-dropdown-dark .dropdown-menu.megamenu-content li a:hover { color: #fff; }
.megamenu-dropdown-dark .simple-dropdown .dropdown-menu .dropdown:hover > a, 
.megamenu-dropdown-dark .simple-dropdown .dropdown-menu .dropdown a:hover, 
.megamenu-dropdown-dark .simple-dropdown .dropdown-menu .dropdown li.active > a,
.megamenu-dropdown-dark .simple-dropdown .dropdown-menu .dropdown a.active, 
.megamenu-dropdown-dark .simple-dropdown .dropdown-menu .dropdown a:focus, 
.megamenu-dropdown-dark .simple-dropdown .dropdown-menu .dropdown.active > a { color: #fff; }
.megamenu-dropdown-dark .header-language .dropdown-menu a:hover { color: #fff; }
.megamenu-dropdown-dark .cart-item-list .cart-item a { color: #828282; }
.megamenu-dropdown-dark .cart-item-list .cart-item a:hover { color: #fff; }
.megamenu-dropdown-dark .cart-item-list .cart-item.cart-total { background-color: #333333; }
.megamenu-dropdown-dark .cart-item-list .cart-item { border-color: rgba(255,255,255,.1); }
.megamenu-dropdown-dark .cart-item-list .cart-item .product-detail { color: #fff; }
.megamenu-dropdown-dark .cart-item-list .cart-item.cart-total span { color: #fff; }

/* top bar */
.top-bar-contact { display: inline-block; vertical-align: middle; }
.top-bar-contact .top-bar-contact-list { border-right: 1px solid rgba(0,0,0,.1); padding: 9px 18px; font-size: 13px; display: inline-block; float: left; }
.top-bar-contact .top-bar-contact-list:first-child { border-left: 1px solid rgba(0,0,0,.1); }
.top-bar-contact .top-bar-contact-list i {margin-right: 6px; font-size: 14px; position: relative; top: 1px; }
.top-bar .social-icon li {font-size: 13px; padding: 0 9px; display: inline-block}

/* header search form */
.form-wrapper { background: rgba(35,35,35,.9); width: 100%; left: 0; top: 0; overflow: hidden !important; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; display: block !important; height: 100%; position: fixed; visibility: hidden; opacity: 0; z-index: 999; }
.active-form .form-wrapper { opacity: 1; visibility: visible; cursor: url(../images/mfg-close.png),auto; }
.form-wrapper .search-form { height: 0; background-color: #fff; width: 100%; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.active-form .form-wrapper .search-form { height: 450px; cursor: default; }
.form-wrapper .search-close { color: #000; position: fixed; top: 30px; right: 35px; overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; font-size: 30px; font-weight: 300; width: 44px; height: 44px; line-height: 44px; }
.form-wrapper .search-form .search-input { color: #232323; border-bottom: 1px solid #232323; width: 100%; }
.form-wrapper .search-form-box { position: relative; width: 45%; }
.form-wrapper .search-form .search-button { color: #232323; bottom: 33px; position: absolute; }
.form-wrapper .search-form .search-input::-webkit-input-placeholder { color: #232323; opacity: 1; }
.form-wrapper .search-form .search-input::-moz-placeholder { color: #232323; opacity: 1; }
.form-wrapper .search-form .search-input::-ms-input-placeholder { color: #232323; opacity: 1; }
.show-search-popup { overflow: hidden; }
.show-search-popup header .top-bar { z-index: 9;}
.show-search-popup .fixed-top { z-index: 1032; }
.show-search-popup.show-search-popup-mini-header .top-bar { z-index: 1033; }
.search-form .search-input { border: none; border-radius: 0; border-bottom: 2px solid rgba(255,255,255,0.5); font-size: 20px; font-weight: 300; padding: 10px 38px 10px 2px; background: transparent; line-height: 40px; color: #fff; }
.search-form .search-input:focus { outline: none; }
.search-input::-moz-placeholder, .search-input [placeholder] { color: #787878; }
.search-form .search-button { font-size: 16px; color: #fff; bottom: 37px; right: 0; line-height: normal; outline: none; cursor: pointer; z-index: 0; margin-right: 0; border: none; background: none; top: inherit; }
.search-button { cursor: pointer; z-index: 0; margin-right: 0; border: none; background: none; }

/* menu modern */
.navbar-modern-inner, .navbar-full-screen-menu-inner { display: none}


/* CUSTOM */
@media (min-width:992px) {
   .col-lg-headmenu-lr {  -ms-flex: 0 0 20%;    flex: 0 0 20%;    max-width: 20%  }	
   .col-lg-headmenu-center { -ms-flex: 0 0 60%;    flex: 0 0 60%;    max-width: 60%  }	
}

@media only screen and (min-width: 1180px) and (max-width:1400px) {
.navbar .navbar-nav .nav-link { padding: 25px 0; font-weight: 500; font-size:19px; color: #000; margin: 0 12.5px; word-break: normal; letter-spacing: -0.5px; word-spacing: -0.5px }
.navbar .navbar-nav .nav-link i { font-size: 22px }
}
@media only screen and (min-width: 991px) and (max-width:1179px) {
.navbar .navbar-nav .nav-link { padding: 25px 0; font-weight: 500; font-size:17px; color: #000; margin: 0 8px; word-break: normal; letter-spacing: -0.5px; word-spacing: -0.5px }
.navbar .navbar-nav .nav-link i { font-size: 22px }
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
}
@media only screen and (max-width: 480px) {
}
















/* Navigation breakpoint start */
@media (max-width: 991px) {
	.navbar { padding: 0; height:75px; margin-top: -5px}
	 .navbar-nav { margin-left: 0;}
    .menu-list-wrapper.mCS_no_scrollbar .mCSB_inside>.mCSB_container .menu-list { padding-right: 0;}
    .menu-list-wrapper.mCS_no_scrollbar .mCSB_inside>.mCSB_container .menu-list-wrapper .menu-list { padding-right: 15px;}
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { padding-right: 15px; padding-left: 15px; }

    /* header default */
    .navbar-nav { padding:5px 10px 20px; }
    .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; overflow: hidden; box-shadow: 0 20px 15px 0 rgba(23,23,23,.05); max-height: calc(100vh - 65px);}
    .navbar-collapse.show {overflow-y: auto !important; -webkit-overflow-scrolling: touch;}
    .navbar.navbar-dark .navbar-nav .nav-link,.navbar.navbar-light .navbar-nav .nav-link, .sticky .navbar.navbar-dark .navbar-nav .nav-link, .sticky .navbar.navbar-light .navbar-nav .nav-link, header.sticky .navbar.top-logo .navbar-nav .nav-link { color: #000; padding: 9px 15px; margin: 0; }
    .navbar .navbar-nav .nav-link {font-size: 15px}
    .navbar.navbar-dark .navbar-nav > .dropdown.active > a, .sticky .navbar.header-dark .navbar-nav > .dropdown.active > a { color: rgba(0,0,0,0.6) !important; }
    .navbar.navbar-boxed { padding-left: 0; padding-right: 0; }
    .navbar-toggler { margin: 30px 0 28px 10px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
    .sticky .navbar.responsive-sticky .navbar-toggler { margin-top: 21px; margin-bottom: 20px; }
    .dropdown-toggle:after { display: none;}
    .menu-order { order: 5; position: inherit !important }
    .logo-order { order: 5}
    .navbar-collapse-show .sticky .header-reverse-scroll { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-duration: 0.3s;}

    /* top bar */
    .top-bar-contact .top-bar-contact-list:last-child {border-right: none; padding-right: 0}

    /* center logo */
    .menu-logo-center .menu-logo { position: relative; left: auto; text-align: left; margin: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
    .menu-logo-center .navbar-brand { padding: 18px 0;}
    .navbar-left, .navbar-right { width: 100%; }
    .sticky .navbar.header-dark .navbar-nav .nav-link { color: #000 !important; }
    .navbar-nav .nav-item:last-child .menu-back-div, .navbar-nav .nav-item:last-child .menu-back-div ul:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; }
    .nav-item.dropdown.megamenu , .nav-item.dropdown.simple-dropdown { position: relative; }
    .nav-item.dropdown.megamenu .menu-back-div { display: none; }
    .nav-item.dropdown.megamenu.show .menu-back-div { display: block; }
    .nav-item.dropdown.megamenu .menu-back-div, .nav-item.dropdown.simple-dropdown .dropdown-menu { width: 100% !important; position: relative; box-shadow: none; padding:0 15px 20px; top: 0; border-radius: 0; background-color: transparent; }
    .nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div [class *="col-"] { padding: 0; margin-bottom: 8px; }
    .nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"] { padding: 15px 0 0 20px; }
    .nav-item.dropdown.megamenu .menu-back-div .col:last-child, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"]:last-child { padding-right: 0;}
    .nav-item.dropdown.megamenu .menu-back-div ul.small-gap[class *="d-"] { padding-right: 0;}
    .dropdown-menu.megamenu-content li.dropdown-header { margin: 23px 0 10px 0; font-size: 14px; font-weight: 500; }
    .dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 10px;}
    .nav-item.dropdown.megamenu .menu-back-div [class *="col-"] li.dropdown-header:first-child,
    .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"]:first-child li.dropdown-header:first-child { margin-top: 0;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { margin:0 0 5px; left: 0; top: 0;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a { margin-bottom: 5px;}
    .nav-item > .dropdown-toggle { display: block; width: 48px; height: 48px; right: 0px; position: absolute; top: 0; text-align: center; line-height: 50px; }
    .nav-item.show > .dropdown-toggle { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
    .nav-item.dropdown.simple-dropdown .dropdown-menu { position: relative; width: 100%; box-shadow: none; display: none; top: 0; }
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown-menu { padding: 0;}
    .nav-item.dropdown.simple-dropdown.show .dropdown-menu { display: block; }
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a { padding: 3px 15px 3px; font-size: 14px; margin-bottom: 5px; }
    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #000; margin: 15px 0 7px 0; font-size: 14px; font-weight: 500; }
    .megamenu-dropdown-dark { background-color: #232323; }
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown > a { color: #fff !important; }
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.active > a { color: rgba(255,255,255,0.6) !important; }   
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown:hover > a, .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown:hover > a, .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown > a:hover { color: #fff !important; }
    .megamenu-dropdown-dark .dropdown-menu.megamenu-content li.active a { color: rgba(255,255,255,0.3)!important; }
    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #fff; }
    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown > .dropdown-menu { padding-top: 15px; }
    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { margin-top: 0; }
    .dropdown-menu.megamenu-content li a, .dropdown-menu.megamenu-content li.dropdown-header { line-height: normal}
    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 20px;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown:last-child { margin-bottom: 0;}
    .simple-dropdown .dropdown-menu li { padding: 0; }
    .simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle { display: none;}
    .dropdown-menu.megamenu-content li { padding-bottom: 5px;}
    .dropdown-menu.megamenu-content li a { padding-top: 3px; font-size: 14px}

    /* header search form */
    .form-wrapper .search-form-box { width: 60%; }

    /* header sidebar */
    .sidebar-wrapper, .page-wrapper { padding-left: 0; }
    .sidebar-nav-action { width: 100%; height: auto; padding: 15px 30px; }
    .sidebar-nav-action-main { flex-flow: row; align-items: center; }
    .side-menu-header  { position: fixed; left: 0; top: 0; text-align: left !important; width: 100%; background-color: #fff; border-bottom: 1px solid #f3f3f3; padding: 15px 30px; z-index: 9; }
    .side-menu-header .navbar-brand { z-index: 1; position: relative; }
    .side-menu-header-bottom, header.side-menu-nav { left:-290px; height: 100%; top: 0; padding-top: 60px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-ransition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
    .side-menu-header-bottom { padding-top: 0; }
    .show-menu .side-menu-header-bottom, .show-menu header.side-menu-nav { left: 0; }
    .side-menu-header .side-menu-button { display: inline-block; right: 30px; }
    .left-sidebar-wrapper{ padding-left: 0; }
    .sidebar-nav-menu.left-sidebar-nav { left: -290px; overflow: visible; height: 100%; top: 0 !important;}    
    .sidebar-nav-menu.left-sidebar-nav .side-menu-header-bottom { height: 100%; overflow: auto;}
    .show-menu .sidebar-nav-menu.left-sidebar-nav { left: 0}
    .menu-toggle { top: 20px; }
    .menu-list li a { line-height: 40px; padding: 0; }
    .side-menu-button a { top: 1px; }
    .side-menu .sidebar-nav-menu .menu-list-wrapper { padding-bottom: 20px; }
    .sidebar-social-icon li { display: inline-block; margin: 0; padding: 0 7px; }
    .sidebar-social-icon li:last-child { padding-right: 0; }
    .navbar-left-sidebar,.navbar-left-sidebar .dropdown:hover > .dropdown-menu { width: auto; }
    .show-menu .menu-style-2 .sidebar-nav-menu { left: 0; }
    .menu-style-2 .sidebar-nav-menu .menu-list li { padding: 5px 0;}
    .menu-style-2 .sidebar-nav-menu .menu-list li ul li { padding-top: 0; padding-bottom: 0;}
    .menu-style-2 .sidebar-nav-menu .menu-list li .menu-toggle { top: 27px; }
    .menu-style-2 .sidebar-nav-menu .menu-list li ul li .menu-toggle { top: 15px; }

    /* sidebar nav menu */
    .navbar-left-sidebar > li > a { font-size: 14px; line-height: 20px; }
    .navbar-left-sidebar > li.dropdown > a > i { display: block; position: absolute; top: 15px; right: 5px; font-size: 16px; }
    .navbar-left-sidebar li a { padding: 10px 0; margin: 0; border-bottom: 0; font-size: 14px; line-height: 20px; }
    .menu-style-2 .navbar-left-sidebar .dropdown:hover > .dropdown-menu.second-level { left: 0; position: relative; background-color: #fff; }
    .navbar-left-sidebar .dropdown > .dropdown-menu.second-level li > a { border-bottom: 0; padding: 6px 0 5px 0 }
    .navbar-left-sidebar .dropdown-menu.second-level li > a:hover, .navbar-left-sidebar li > a:hover { background-color: transparent; }
    .top-logo .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; }

    /* hamburger menu half */
    .hamburger-menu-half .menu-list > li { padding: 7px 0; }
    .hamburger-menu-half .menu-list li .menu-toggle { top: 29px; }
    .hamburger-menu-half .menu-list li ul li .menu-toggle { top: 15px; }
    .hamburger-menu-half .menu-list .menu-list-item > .sub-menu-item { padding-top: 5px;}
    .hamburger-menu-half .menu-list .menu-list-item .sub-menu-item .sub-menu-item { padding-top: 0}
    .hamburger-menu-half .sub-menu-item .menu-toggle:before, .hamburger-menu-half .sub-menu-item .menu-toggle:after { right: 8px; }

    /* hamburger menu full width */
    .hamburger-menu.full-width .menu-list > li { padding: 5px 0; }
    .hamburger-menu.full-width .menu-list > li .menu-toggle { top: 27px; }
    .hamburger-menu.full-width .menu-list li ul li .menu-toggle { top: 15px; }
    .hamburger-menu.full-width .menu-list .menu-list-item > .sub-menu-item { padding-top: 5px;}
    .hamburger-menu.full-width .menu-list .menu-list-item .sub-menu-item .sub-menu-item { padding-top: 0}

    /* center logo */
    .menu-logo-center .navbar-collapse > .navbar-nav:first-child { padding-bottom: 0;}
    .menu-logo-center .navbar-collapse > .navbar-nav:last-child { padding-top: 0;}

    /* hamburger menu big text */
    .hamburger-menu-big-font .menu-list li .sub-menu-item { padding: 20px 0 0 15px; }
    .hamburger-menu-big-font .menu-list li .menu-toggle { top: 34px; }
    .hamburger-menu-big-font .menu-list li a { font-size: 30px; line-height: 38px; }

    /* header navigation white */
    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link.active, .navbar.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:hover,.navbar-dark .navbar-nav .nav-link.active:focus { color: rgba(0,0,0,.6) !important; }
    .navbar.navbar-dark .navbar-nav > .dropdown.active > a, .sticky .navbar.header-dark .navbar-nav > .dropdown.active > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.megamenu.active:hover > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.simple-dropdown.active:hover > a { color: rgba(0,0,0,0.6) !important; }
    .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a { color: rgba(0,0,0,1) !important; }
    .navbar.navbar-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a, .sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a { color: rgba(0,0,0,1) !important; }

    /* header logo */
    header .navbar .navbar-brand .default-logo, header.sticky .navbar-brand .alt-logo, header.sticky .navbar .navbar-brand .default-logo, header .navbar-brand .alt-logo, header .sidebar-nav-menu .navbar-brand .default-logo { visibility: hidden; opacity: 0; width: 0; }
    header .navbar .navbar-brand .mobile-logo, header .sidebar-nav-menu .navbar-brand .mobile-logo  { visibility: visible; opacity: 1; width:120px;}

    /* header with top logo */
    .top-logo .navbar-brand + div[class*="col-"] div:first-child { padding-left: 0;}

    /* header toggle button */
    .navbar-dark.bg-transparent .navbar-toggler-line { overflow: hidden; background: #232323; }
    header.sticky .navbar.bg-transparent.hader-light .navbar-toggler-line { overflow: hidden; background: #fff; }
    .navbar-dark.bg-transparent .push-button > span, .sticky .navbar-dark.bg-transparent .push-button > span { background: #232323; }

    /* header transparent */
    .navbar.bg-transparent { background-color: #fff!important; }
    .navbar.navbar-dark .header-social-icon, .sticky .navbar.header-dark .header-social-icon { border-color: rgba(0,0,0,.45); }
    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link, .navbar.navbar-dark.bg-transparent .header-search-icon > a, .navbar.navbar-dark.bg-transparent .header-social-icon > a, .navbar.navbar-dark.bg-transparent .header-cart-icon > a, .navbar.navbar-dark.bg-transparent .header-language > a, .navbar.navbar-dark .nav-bar-contact { color: #232323 !important;}
    header.sticky .navbar.navbar-dark.bg-transparent.header-dark .header-social-icon > a { color: #fff !important;}
    .navbar.navbar-dark.bg-transparent .header-search-icon > a:hover, .navbar.navbar-dark.bg-transparent .header-social-icon > a:hover, .navbar.navbar-dark.bg-transparent .header-cart-icon > a:hover, .navbar.navbar-dark.bg-transparent .header-language > a:hover, .sticky .navbar-dark.bg-transparent .header-search-icon > a:hover, .sticky .navbar-dark.bg-transparent .header-social-icon > a:hover, .sticky .navbar-dark.bg-transparent .header-cart-icon > a:hover, .sticky .navbar-dark.bg-transparent .header-language > a:hover { color: rgba(0,0,0,.6) !important;}
    .navbar.bg-transparent .header-button .btn.btn-white { background: #232323; border-color: #232323; color: #ffffff;}

    /* menu classic */
    [data-mobile-nav-style=classic] .navbar-nav { display: block;}

    /* menu modern */  
    [data-mobile-nav-style=modern] .page-layout { background-color: #fff;}
    [data-mobile-nav-style=modern] header .navbar-collapse { display: none !important; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav { width: 100%; padding: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse.show { height: 100%;  }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler-line { background-color: #fff; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item a, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item i, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #fff; display: inline-block; right: 0; font-size: 17px; font-weight: 500;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active { text-decoration: underline;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item i { font-size: 14px;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item i.dropdown-toggle { font-size: 17px; font-weight: 600;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item .megamenu-content a, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { font-size: 13px; padding: 0}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=modern] .dropdown-menu.megamenu-content li.dropdown-header { color: #fff; position: inherit !important; margin-bottom: 15px !important; margin-top: 6px; padding: 0 !important; right: 0; }
    [data-mobile-nav-style=modern] .dropdown-menu.megamenu-content li.dropdown-header {opacity: .7; margin-top: 20px !important; font-weight: 500 }
    [data-mobile-nav-style=modern] .dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 0 !important}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div ul { margin-bottom: 20px; padding: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div ul:last-child { margin-bottom: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu.megamenu-content li, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu {line-height: normal; padding-bottom: 5px; font-size: 15px}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown > .dropdown-menu { border-radius: 0; background-color: transparent; transform: translate3d(0, 0, 0px) !important; position: inherit !important; padding: 8px 15px !important; margin-bottom: 0 !important }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown > .dropdown-menu { padding-top: 14px !important; padding-bottom: 0 !important; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown > .dropdown-menu li:last-child > ul { margin-bottom: 0 !important;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu li { padding: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { margin-bottom: 10px;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a { opacity: .7; font-size: 14px; margin-bottom: 10px; margin-top: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu li > a { margin-bottom: 9px; font-size: 13px;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown:hover > a, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a:hover, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a:focus, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown.active > a { color: rgba(255,255,255,0.6); }
    [data-mobile-nav-style=modern] .navbar-modern-inner .mCustomScrollBox { height: auto; width: 100%;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .mCSB_inside>.mCSB_container { margin-right: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a { padding: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle { display: none; right: 13px; top: 4px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); }
    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu.megamenu-content li.active a, [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu.megamenu-content li a:hover { color: rgba(255,255,255,0.6); }
    .navbar-collapse-show[data-mobile-nav-style=modern] { overflow: hidden; padding-top: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner { opacity: 0; visibility: hidden; overflow: visible !important; width: 70vw; height: 100vh !important; position: fixed; top: 0; right: -40vw; z-index: 90; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition-duration: 0.65s; transition-duration: 0.65s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform: translate3d(25vw, 0, 0); transform: translate3d(25vw, 0, 0); }
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner { right: 0; opacity: 1; visibility: visible !important; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    [data-mobile-nav-style=modern] .navbar-show-modern-bg { display: inline-block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: -1; opacity: 0; background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); -webkit-transform: scale(1.75); transform: scale(1.75); transition: opacity .3s,-webkit-transform .3s; transition: opacity .3s,transform .3s; transition: opacity .3s,transform .3s,-webkit-transform .3s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-show-modern-bg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
    [data-mobile-nav-style=modern] .navbar, [data-mobile-nav-style=modern] .sticky.header-appear .header-reverse-scroll, [data-mobile-nav-style=modern] header .top-bar + .navbar.fixed-top { -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -ms-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s;}
    [data-mobile-nav-style=modern] .navbar, [data-mobile-nav-style=modern] .page-layout, [data-mobile-nav-style=modern] .top-bar { -webkit-transition: width 0.3s, -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1); transition: width 0.3s, -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), width 0.3s; transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), width 0.3s, -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);}
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern] .top-bar { -webkit-transform: translate3d(-70vw, 0, 0); transform: translate3d(-70vw, 0, 0); }
    [data-mobile-nav-trigger-alignment=right][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler { display: none; }
    [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler { position: absolute; top: 0; right: 25px; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { position: static; left: 0; top: 0; width: 100%; height: 100%; background: transparent; padding: 100px 12vw; box-shadow: none; max-height: 100%; display:flex !important; -ms-flex-pack: center!important; justify-content: center!important; }
    .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar { position: absolute; }
    .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .top-bar { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); }
    [data-mobile-nav-trigger-alignment=left] .navbar-modern-inner { width: 80vw; right: inherit; left: -30vw; -webkit-transform: translate3d(-25vw, 0, 0); transform: translate3d(-25vw, 0, 0); }
    .navbar-collapse-show[data-mobile-nav-trigger-alignment=left] .navbar-modern-inner { left: 0; right: inherit; }
    [data-mobile-nav-trigger-alignment=left] .navbar-modern-inner .navbar-collapse {  right: 0; left: inherit; padding-right: 10vw; padding-left: 10vw; }
    [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .parallax {  background-attachment: scroll !important;}
    [data-mobile-nav-style=modern] .navbar-nav > .nav-item { border-bottom: 1px solid rgba(255,255,255,.1); padding-top: 10px; padding-bottom: 12px;}
    [data-mobile-nav-style=modern] .navbar-nav > .nav-item:last-child { border-bottom: 0; }
    [data-mobile-nav-style=modern] .nav-item > .dropdown-toggle { top: 7px; }

    /* full-screen-menu */
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] { overflow: hidden;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar .navbar-nav { padding: 0;}
	
	
	/* 모바일 메뉴 백그라운드 색상*/	
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner { 

  /*		
  background: linear-gradient(50deg, #fc9f1f, #a31313, #260000);
  background-size: 400% 400%;
  animation: gradient 10s ease infinite;
  */

  background-color: #fff; 
		
  visibility: hidden; overflow: hidden !important; width: 100vw; height: 100vh !important; position: fixed; top: -100vh; left: 0; z-index: 9999; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.4s ease-ou; transition: all 0.4s ease-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}

 /*
	@keyframes gradient {
  0% { background-position: 0% 50%;  }
  50% { background-position: 100% 50%;  }
  100% { background-position: 0% 50%;  }
  }		 
 */

	/* 모바일 메뉴 백그라운드*/
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner { height: 100vh !important; top: 0; visibility: visible !important; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-transition-delay: 0.20s; transition-delay: 0.20s;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { position: inherit; left: 0; top:0; width: 100%; height: 100%; padding: 70px 0; max-height: 100%; box-shadow: none; background: transparent; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-pack: center!important; justify-content: center!important; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse-clone { align-items: safe center; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse-clone > .navbar-nav { width: 75%; flex: 0 0 75%; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav { padding: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown > .dropdown-menu { border-radius: 0; background-color: transparent; transform: translate3d(0, 0, 0px) !important; position: inherit !important; padding: 8px 15px !important; margin-bottom: 0 !important; margin-top: 6px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .mCustomScrollBox { height: auto; width: 75%;}    
    

	/* 모바일 대메,소메 색상*/
	[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item a, 
	[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item i, 
	[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #232323; font-size:17px; font-weight: 500}

    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item i { font-weight: 600}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=full-screen-menu] .dropdown-menu.megamenu-content li.dropdown-header {  }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li.active a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li a:hover { color: rgba(255,255,255,0.6); }
    [data-mobile-nav-style=full-screen-menu] .dropdown-menu.megamenu-content li.dropdown-header { opacity: .7; margin-top: 15px !important; font-weight: 500; margin-bottom: 4px; }
    [data-mobile-nav-style=full-screen-menu] .dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 0 !important}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div ul { margin-bottom: 20px; padding: 0;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div ul:last-child { margin-bottom: 0;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { line-height: normal; padding-bottom: 12px; font-size: 15px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item .megamenu-content a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { font-size: 13px; padding: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown > .dropdown-menu { padding-bottom: 0 !important; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a { padding: 3px 0 3px; font-size: 13px; margin-bottom: 5px; margin-top: 0; }
	
	/* 모바일소메*/
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a { opacity: .7; margin-bottom: 10px !important; font-size: 15px; padding-top: 2px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown > .dropdown-menu li:last-child > ul { margin-bottom: 0 !important; padding-bottom: 5px !important; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown:hover > a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a:hover, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a.active, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a:focus, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown.active > a { color: rgba(255,255,255,0.6); }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a.active { color: #d94b68; font-weight: 600; opacity: 1; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { margin: 0; position: absolute; right: 35px; top: 35px; opacity: 0; -webkit-transition: all 0.4s ease-ou; transition: all 0.4s ease-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { opacity: 1}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler-line { background-color: #232323; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li.nav-item > .dropdown-toggle { top: 3px; right: 0; }
	
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li.nav-item { border-bottom: 1px solid #eee; padding-top: 8px; padding-bottom: 10px; -webkit-transform: scale(1.15) translateY(-30px); transform: scale(1.15) translateY(-30px); opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li.nav-item:last-child { border-bottom: 0;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(1) { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(2) { -webkit-transition-delay: 0.42s; transition-delay: 0.42s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(3) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(4) { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(5) { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(6) { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(7) { -webkit-transition-delay: 0.07s; transition-delay: 0.07s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(8) { -webkit-transition-delay: 0s; transition-delay: 0s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(9) { -webkit-transition-delay: -0.07s; transition-delay: -0.07s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(10) { -webkit-transition-delay: -0.14s; transition-delay: -0.14s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(11) { -webkit-transition-delay: -0.21s; transition-delay: -0.21s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(12) { -webkit-transition-delay: -0.28s; transition-delay: -0.28s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(13) { -webkit-transition-delay: -0.35s; transition-delay: -0.35s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(14) { -webkit-transition-delay: -0.42s; transition-delay: -0.42s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(15) { -webkit-transition-delay: -0.49s; transition-delay: -0.49s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(1) { -webkit-transition-delay: 0.27s; transition-delay: 0.27s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(2) { -webkit-transition-delay: 0.34s; transition-delay: 0.34s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(3) { -webkit-transition-delay: 0.41s; transition-delay: 0.41s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(4) { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(5) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(6) { -webkit-transition-delay: 0.62s; transition-delay: 0.62s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(7) { -webkit-transition-delay: 0.69s; transition-delay: 0.69s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(8) { -webkit-transition-delay: 0.76s; transition-delay: 0.76s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(9) { -webkit-transition-delay: 0.83s; transition-delay: 0.83s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(10) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(11) { -webkit-transition-delay: 0.97s; transition-delay: 0.97s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(12) { -webkit-transition-delay: 1.04s; transition-delay: 1.04s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(13) { -webkit-transition-delay: 1.11s; transition-delay: 1.11s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(14) { -webkit-transition-delay: 1.18s; transition-delay: 1.18s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(15) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; }
    [data-mobile-nav-style=full-screen-menu] .navbar-collapse.collapsing .mCSB_scrollTools { opacity: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-collapse.collapse .mCSB_scrollTools { opacity: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-collapse.collapse.show .mCSB_scrollTools { opacity: 1; }

    /* header cart and language */
    .header-cart-icon-mobile-left .cart-item-list, .header-language-mobile-left .dropdown-menu { left: 0; right: auto; }

    /* push menu */
    .push-menu { display: none; }
}
/* Navigation breakpoint end */


/* Source: style.css */
bg-fast-yellow@charset "UTF-8";

/* ===================================
    01. Google font & 18. Header
====================================== */
/* font.css */

/* ===================================
    02. Reset
====================================== */
ul, ol, dl { list-style-position: outside; margin-bottom: 25px; }
ul { margin: 0; padding: 0; }
input, textarea, select { border: 1px solid #dfdfdf; padding: 10px 15px; width: 100%; margin: 0 0 15px 0; max-width: 100%; resize: none; outline: none; color: #828282; line-height: initial; }
select { background-image: url(../images/down-arrow.png); background-position: right 14px center; background-repeat: no-repeat; background-size: 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}

input[type="submit"] { width: auto; }
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; }
input:focus, textarea:focus { border: 1px solid #b9b9b9; outline: none; }
input[type="submit"]:focus { outline: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;  }
input::-ms-clear { display: none; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active { transition: background-color 5000s; transition: all 0s 50000s;  -webkit-animation-name: autofill; -webkit-animation-fill-mode: both;  }
select::-ms-expand { display:none; }
iframe { border: 0; }
button, button:focus, button:hover { outline: none;  }
.main-content { z-index: 2; background-color: #fff; overflow: visible; position: relative; }

::selection { color: #232323; background:#ffffb3; }
::-moz-selection { color:#232323; background:#ffffb3; }
::-webkit-input-placeholder { color: #a6a6a6; text-overflow: ellipsis; }
::-moz-placeholder { color: #a6a6a6; text-overflow: ellipsis; opacity:1; }
:-ms-input-placeholder { color: #a6a6a6; text-overflow: ellipsis; opacity:1; }

.placeholder-light::-webkit-input-placeholder { color: #fff; }
.placeholder-light::-moz-placeholder { color: #fff;}
.placeholder-light:-ms-input-placeholder { color: #fff;}

.placeholder-dark::-webkit-input-placeholder { color: #232323; }
.placeholder-dark::-moz-placeholder { color: #232323;}
.placeholder-dark:-ms-input-placeholder { color: #232323;}

.no-transition { transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; }
.transition { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

/* ===================================
    03. Typography
====================================== */
/*@import url('font.css');*/


/* ===================================
    04. Background color
====================================== */
.bg-theme1{background-color:#22B5C5 !important}
.bg-theme2{background-color:#8FC31F !important}
.bg-theme3{background-color:#00827E !important}
.bg-theme4{background-color:#335453 !important}
.bg-theme5{background-color:#5E7C7B !important}
.bg-theme6{background-color:#A6E200 !important}
.bg-theme7{background-color:#313A19 !important}

.bg-gray1{background-color: #fdfdfd !important}
.bg-gray2{background-color: #f9f9f9 !important}
.bg-gray3{background-color: #f7f7f7 !important}
.bg-gray4{background-color: #f5f5f5 !important}
.bg-gray5{background-color: #f1f1f1 !important}
.bg-gray6{background-color: #eee !important}
.bg-gray7{background-color: #ddd !important}
.bg-gray8{background-color: #d0e7e7 !important}

.bg-white { background-color:#FFF; }
.bg-black { background-color:#000; }
.bg-smoky-black { background-color:#101010; }
.bg-dark-gray { background-color:#757575; }
.bg-extra-dark-gray { background-color:#232323; }
.bg-extra-dark-gray-2 { background-color:#060606; }
.bg-extra-medium-gray { background-color:#939393; }
.bg-medium-gray { background-color:#e4e4e4; }
.bg-extra-light-gray { background-color:#cfcfcf; }
.bg-medium-light-gray { background-color:#ededed; }
.bg-very-light-gray { background-color:#fafafa; }
.bg-nero-gray { background-color:#141414; }
.bg-light-gray { background-color:#f7f7f7; }
.bg-bright-red { background-color: #98272a; }
.bg-fast-blue { background-color: #0038e3; }
.bg-neon-blue { background-color: #3452ff; }
.bg-transparent { background-color: transparent; }
.bg-sky-blue { background-color: #2e94eb; }
.bg-green { background-color: #27ae60; }
.bg-olivine-green { background-color: #8bb867; }
.bg-orange { background-color: #fd961e; }
.bg-dark-orange { background-color: #ff6437; }
.bg-neon-orange { background-color: #ff7a56; }
.bg-very-light-orange{ background-color: #fff9f6; }
.bg-dark-red { background-color: #e12837; }
.bg-red { background-color: #fe0127; }
.bg-dark-red { background-color: #d23134; }
.bg-light-pink { background-color: #f74961; }
.bg-very-light-pink{ background-color: #f7edee; }
.bg-parrot-green { background-color: #cee002; }
.bg-slate-blue { background-color: #262b35; }
.bg-medium-slate-blue { background-color: #374162; }
.bg-extra-medium-slate-blue { background-color: #23262d; }
.bg-dark-slate-blue { background-color: #1f232c; }
.bg-light-peach{ background-color: #ffd7c4; }
.bg-brown{ background-color: #986248; }
.bg-blue-wood{ background-color: #373a63; }
.bg-purple { background-color: #502e95; }
.bg-medium-purple { background-color: #3a285e; }
.bg-dark-purple { background-color: #333045; }
.bg-dark-purple-2 { background-color: #241526; }
.bg-yellow-ochre { background-color: #c89965; }
.bg-light-desert-storm { background-color: #f8f2eb; }
.bg-medium-desert-storm { background-color: #eee7de; }
.bg-yellow-ochre-light { background-color: #c3964e; }
.bg-yellow { background-color: #ffeb04; }
.bg-very-light-desert-storm { background-color: #faf6f3 ; }
.bg-light-blue { background-color: #F7F8FC; }
.bg-penguin-white { background-color: #f1edea; }
.bg-tussock { background-color: #bf8c4c; }
.bg-greenish-slate{ background-color: #445a58; }
.bg-seashell { background-color: #f9f6f3; }
.bg-shamrock-green { background-color: #2ed47c; }
.bg-light-orange { background-color: #ffded8;}
.bg-light-cream { background-color: #f8f4f0;}
.bg-golden { background-color: #ca943d;}
.bg-light-brownish-orange { background-color: #e6994e;}
.bg-greenish-gray { background-color: #969896;}
.bg-fast-yellow { background-color: #F4D956;}
.bg-light-greenish-gray { background-color: #f0f2f0;}
.bg-cod-gray { background-color: #131313;}
.bg-yellowish-green { background-color: #c7da26; }
.bg-copper-red { background-color: #cc754c; }
.bg-sunglow { background-color: #ffcc2e; }
.bg-orange-zest { background-color: #CA7741; }
.bg-dark-tussock { background-color: #BD884C; }
.bg-golden-brown { background-color: #cd9452; }
.bg-solitude { background-color: #f4f5f9; }
.bg-east-bay { background-color: #4c505f; }
.bg-quartz { background-color: #e1e2e9; }
.bg-pure {background-color: #F4F4F8}
.bg-iris-blue { background-color: #00B8B8; }
.bg-light-iris-blue { background-color: #F0F9F9; }
.bg-dark-iris-blue { background-color: #048C8C; }

.bg-transparent-black { background-color: rgba(0, 0, 0, 0.70); }
.bg-transparent-black-light { background-color: rgba(0, 0, 0, 0.35); }
.bg-transparent-black-very-light { background-color: rgba(0, 0, 0, 0.12); }
.bg-transparent-deep-green { background-color: rgba(115, 180, 103, 0.9); }
.bg-transparent-dark-gray { background-color: rgba(117,117,117,.5); }
.bg-transparent-mengo-yellow { background-color: rgba(254, 187, 26, 0.9); }
.bg-transparent-chocolate { background-color: rgba(201, 153, 101, 0.9); }
.bg-transparent-extra-dark-gray { background-color: rgba(28, 28, 28, 0.9); }
.bg-transparent-extra-dark-gray2 { background-color: rgba(30, 30, 30, 0.8); }
.bg-transparent-white { background-color: rgba(255, 255, 255, 0.9); }
.bg-transparent-white2 { background-color: rgba(255, 255, 255, 0.1); }
.bg-transparent-white3 { background-color: rgba(255, 255, 255, 0.18); }
.bg-transparent-dark-purple { background-color: rgba(86, 79, 220, 0.9); }
.bg-transparent-dark-purple-2 { background-color: rgba(36, 21, 38, 0.9); }
.bg-transparent-red { background-color: rgba(225, 40, 55, 0.9); }
.bg-transparent-light-red { background-color: rgba(254, 1, 39, .8); }
.bg-transparent-sky-blue { background-color: rgba(33, 136, 224, .8); }
.bg-transparent-fast-blue { background-color: rgba(0, 56, 227, .90); }
.bg-transparent-fast-blue2 { background-color: rgba(0, 56, 227, .80); }
.bg-transparent-yellow-ochre { background-color: rgba(200, 153, 101, .8); }
.bg-transparent-golden-brown { background-color: rgba(205, 148, 82, .8); }
.bg-transparent-iris-blue { background-color: rgba(0, 184, 184, .9); }

/* background gradient color */
.bg-gradient-magenta-orange { background-image: linear-gradient(to right top, #e42464, #ed3c5f, #f44f5c, #fa6259, #ff7357); }
.bg-gradient-magenta-orange-2 { background-image: linear-gradient(to right top, #ec606c, #ee6362, #ee6757, #ed6c4d, #eb7242); }
.bg-gradient-purple-magenta { background-image: linear-gradient(to right top, #502970, #7f2977, #ac2775, #d42d6b, #f34259); }
.bg-gradient-light-purple-light-orange { background-image: linear-gradient(to right top, #b783ff, #e37be0, #fa7cc1, #ff85a6, #ff9393); }
.bg-gradient-sky-blue-pink { background-image: linear-gradient(to right top, #556fff, #b263e4, #e05fc4, #f767a6, #ff798e); }
.bg-gradient-peacock-blue-crome-yellow { background-image: linear-gradient(to right top, #36c1e1, #28ccc0, #74cf8e, #bac962, #feb95b); }
.bg-gradient-fast-blue-purple { background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); }
.bg-gradient-orange-pink { background-image: linear-gradient(to right top, #ff6557, #ff5a5f, #ff4e68, #ff4271, #ff367c); }
.bg-gradient-light-orange-light-pink {background-image: linear-gradient(to right top, #f5bb8d, #feb399, #ffaea8, #fdaab9, #f3aaca);}
.bg-gradient-white-light-gray { background-image: linear-gradient(to bottom, #ffffff, #fdfdfd, #fbfbfb, #f9f9f9, #f7f7f7); }
.bg-gradient-solitude-white { background-image: linear-gradient(to top, #f4f5f9, #f4f5f9, #fbfbfd, #ffffff, #ffffff); }
.bg-gradient-light-gray-white { background-image: linear-gradient(to bottom, #f7f7f7, #f9f9f9, #fbfbfb, #fdfdfd, #ffffff); }
.bg-gradient-tan-geraldine { background-image: linear-gradient(to right top, #fb7f87, #fc8a82, #fb957f, #fa9f7f, #f7aa80); }
.bg-gradient-white-light { background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0.66), hsla(0, 0%, 0%, 0.4), rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.1)) }
.bg-gradient-black-transparent { background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); }
.bg-gradient-tan-geraldine-2 { background-image: linear-gradient(to right, #ff788d, #FF8286, #FE8681, #FE8D7D, #ff9578);  }
.bg-gradient-dark-slate-blue { background-image: linear-gradient(to right, #252c3e, rgba(37, 44, 62, 0.66), rgba(37, 44, 62, 0.42), rgba(37, 44, 62, 0.1), rgba(37, 44, 62, 0)) }
.bg-gradient-light-violet-light-orange { background-image: linear-gradient(to right top, #2f0959, #3b1059, #5c2359, #b85457, #fd7956); }
.bg-gradient-tussock-greenish-slate { background: linear-gradient(40deg, rgba(191,140,76,1) 0%, rgba(68,90,88,1) 100%); }
.bg-gradient-black-blue { background: linear-gradient(30deg, rgba(4,5,6,1) 0%, rgba(19,14,62,1) 100%); }
.bg-gradient-shamrock-green-light-orange { background-image: linear-gradient(20deg, rgba(46,212,124,1) 0%, rgba(232,191,71,1) 100%);}
.bg-gradient-dark-slate-blue-transparent { background: rgba(31,35,44,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(31,35,44,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); }
.bg-gradient-light-purple-light-red { background-image: linear-gradient(to right top, #bb85f9, #c887e5, #da8bca, #eb8fb0, #fb9398); }
.bg-gradient-white-light-greenish-gray { background-image: linear-gradient(to bottom, #ffffff, #f0f2f0); }
.bg-gradient-yellowish-green-turquoise { background-image: linear-gradient(to right top, #d0e51b, #a5e850, #7ce878, #58e49a, #3edfb6); }
.bg-gradient-extra-dark-gray-transparent { background: rgba(35,35,35,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(30%, rgba(0,0,0,0)), color-stop(100%, rgba(35,35,35,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#232323', GradientType=0 ); }
.bg-gradient-peacock-blue-crome-yellow-2 { background-image: linear-gradient(to right top, #5dcaa3, #84c685, #a8bf6d, #cab561, #e7a965); }
.bg-gradient-midium-dark-gray-transparent { background: rgba(20,20,20,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(20,20,20,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#141414', GradientType=0 ); }
.bg-gradient-midium-gray-transparent { background: rgba(20,20,20,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(150%, rgba(20,20,20,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#141414', GradientType=0 ); }
.bg-gradient-extra-midium-gray-transparent { background: rgba(20,20,20,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); background: -webkit-gradient(left top, left bottom, color-stop(50%, rgba(0,0,0,0)), color-stop(150%, rgba(20,20,20,.6))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); background: -o-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#141414', GradientType=0 ); }
.bg-gradient-red-violet-purple { background-image: linear-gradient(to right top, #b93c90, #a92a96, #951a9d, #7b10a5, #5412ae); }
.bg-gradient-turquoise-green-yellowish { background-image: linear-gradient(to right top, #3edfb6, #58e49a, #7ce878, #a5e850, #d0e51b); }

/* background transparent gradient color */
.bg-transparent-gradient-magenta-orange { background-image: linear-gradient(to right top, rgba(228, 36, 100, .8), rgba(237, 60, 95, .8), rgba(244, 79, 92, .8), rgba(250, 98, 89, .8), rgba(255, 115, 87, .8)); }
.bg-transparent-gradient-purple-magenta { background-image: linear-gradient(to right top, rgba(80, 41, 112, .8), rgba(127, 41, 119, .8), rgba(172, 39, 117, .8), rgba(212, 45, 107, .8), rgba(243, 66, 89, .8)); }
.bg-transparent-gradient-light-purple-light-orange { background-image: linear-gradient(to right top, rgba(183, 131, 255, .95), rgba(227, 123, 224, .95), rgba(250, 124, 193, .95), rgba(255, 133, 166, .95), rgba(255, 147, 147, .95)); }
.bg-transparent-gradient-sky-blue-pink { background-image: linear-gradient(to right top, rgba(85, 111, 255, .8), rgba(178, 99, 228, .8), rgba(224, 95, 196, .8), rgba(247, 103, 166, .8), rgba(255, 121, 142, .8)); }
.bg-transparent-gradient-peacock-blue-crome-yellow { background-image: linear-gradient(to right top, rgba(54, 193, 225, .8), rgba(40, 204, 192, .8), rgba(116, 207, 142, .8), rgba(186, 201, 98, .8), rgba(254, 185, 91, .8)); }
.bg-transparent-gradient-fast-blue-purple { background-image: linear-gradient(to right top, rgba(0, 57, 227, .8), rgba(65, 50, 224, .8), rgba(94, 40, 221, .8), rgba(116, 27, 217, .8), rgba(134, 0, 212, .8)); }
.bg-transparent-gradient-light-red-orange { background-image: linear-gradient(to right top, rgba(248,78,48,0.8), rgba(251,111,86,0)); }
.bg-transparent-gradiant-black { background: rgb(35,35,35); background: linear-gradient(0deg, rgba(35,35,35,1) 0%, rgba(35,35,35,0) 89%); }
.bg-transparent-gradiant-white-black { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.18) 18%, rgba(0,0,0,.95) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.18) 18%,rgba(0,0,0,.95) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.18) 18%,rgba(0,0,0,.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); }
.bg-transparent-gradient-light-violet-light-orange { background-image: linear-gradient(to right top, rgba(43, 8, 89, .90), rgba(74, 24, 86, .90), rgba(127, 53, 88, .90), rgba(200, 92, 87, .90), rgba(255, 122, 86, .90)); }
.bg-transparent-gradient-tussock-greenish-slate { background: linear-gradient(40deg, rgba(191,140,76,.90) 0%, rgba(68,90,88,1) 90%); }
.bg-transparent-gradient-shamrock-green-light-orange { background: linear-gradient(45deg, rgba(46,212,124,0.9) 0%, rgba(232,166,38,0.9) 100%);}
.bg-transparent-gradient-smoky-black {background: rgb(16,16,16); background: -moz-radial-gradient(circle, rgba(16,16,16,0) 0%, rgba(16,16,16,1) 100%); background: -webkit-radial-gradient(circle, rgba(16,16,16,0) 0%, rgba(16,16,16,1) 100%); background: radial-gradient(circle, rgba(16,16,16,0) 0%, rgba(16,16,16,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#101010",endColorstr="#101010",GradientType=1);}

/* hover background */
.feature-box-bg-white-hover:hover  { background-color: #fff; border-color: #fff !important}

.bg-image {background-repeat: no-repeat;}
.bg-fixed {background-attachment: fixed !important}
.bg-image-cover {background-size: cover}
.bg-image-auto {background-size:auto}
.bg-image-contain {background-size:contain}
.bg-image-dot {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent url('/images/grid.png') repeat;
	-webkit-backface-visibility: hidden;
}
.bg-positon-r{background-position:right}
.bg-positon-l{background-position:left}
.bg-positon-b{background-position:bottom}
.bg-positon-t{background-position:top}
.bg-positon-c{background-position:center}

/* ===================================
    05. Custom
====================================== */

section { padding: 130px 0; overflow: hidden; }
section.big-section { padding:160px 0; }
section.extra-big-section { padding:200px 0; }
section.extra-big-section-2 { padding:300px 0; }
section.half-section { padding:80px 0; }
section.section-py-xxl { padding:130px 0; }
section.section-py-xl { padding:100px 0; }
section.section-py-l { padding:80px 0; }
section.section-py-ls{ padding:80px 0; }
section.section-py-m { padding:40px 0; }
section.section-py-ms { padding:40px 0; }
section.section-py-s { padding:20px 0; }

section.section-con { padding:40px 0 0 0; }
section.section-basic { padding:10px 0; }



.cursor-none { cursor: none; }
.cursor-default { cursor: default; }

/* box layout */
.box-layout { padding:0 90px; }
.box-layout-large { padding:0 150px; }

/* overlap */
.overlap-section { position: relative; }
.overlap-section-bottom { position: relative; }
.overlayer-box { position: absolute; height: 100%; width: 100%; top: 0; left: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.overlap-image { margin-bottom: -215px; z-index: 1;}
.text-overlap { margin-bottom: -60px; position: relative; z-index: -1; }
.text-overlap-style-01 { position: absolute; right: 0; bottom: -110px; font-size: 300px; line-height: 300px; letter-spacing: -10px; white-space: nowrap; }
.text-overlap-style-02 { position: absolute; left: -25px; top: -60px; font-size: 154px; line-height: 154px; letter-spacing: -8px; white-space: nowrap; }
.text-overlap-style-03 { position: absolute; left: -100px; top: 0; font-size: 170px; line-height: 255px; height: 100%; white-space: nowrap; text-align: center; writing-mode: vertical-rl; -ms-writing-mode: tb-rl; width: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.text-overlap-style-04 { position: absolute; top: 0; right: -20px; font-size: 80px; line-height: 80px; height: 100%; white-space: nowrap; text-align: center; writing-mode: vertical-rl; -ms-writing-mode: tb-rl; width: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

/* revolution slider bullet */
.hermes .tp-bullet { height: 10px; width: 10px; }
.uranus.tparrows:before { font-size: 26px; }

/* svg drawing path */
.drawing-animation path, .drawing-animation circle, drawing-animation rect, .drawing-animation polygon, .drawing-animation ellipse { fill: none; stroke-width: 20px; stroke-dasharray: 20000; stroke-dashoffset: 20000; -webkit-animation: drawing-animation 6s linear forwards; animation: drawing-animation 6s linear forwards; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; }

/* google map filters */
.filter-grayscale-50 { -ms-filter: grayscale(50%); filter: grayscale(50%); }
.filter-grayscale-100 { -ms-filter: grayscale(100%); filter: grayscale(100%); }
.filter-invert-50 { -ms-filter: invert(50%); filter: invert(50%); }
.filter-invert-100 { -ms-filter: invert(100%); filter: invert(100%); }
.filter-mix-100 { -ms-filter: grayscale(100%) invert(100%); filter: grayscale(100%) invert(100%); }
.map iframe { height: 619px; vertical-align: bottom; width: 100%; }

/* blockquote */
blockquote { border-left: 2px solid; color: #232323; font-size: 18px; line-height: 30px; font-weight: 500; padding: 2px 40px; margin-top: 50px; margin-bottom: 50px; }
blockquote p { margin-bottom: 17px !important; }
blockquote footer { color: #828282; }

/* blog blockquote */
.blog-image blockquote h6::before { content: "\e67f"; font-family: 'themify'; font-size: 40px; top: 5px; position: relative; margin-right: 12px; color: #2e94eb; }
.blog-image blockquote { padding: 60px; border: 0; margin: 0; }

/* input box border */
.input-border-bottom, .input-border-bottom:focus { border: 0; border-bottom: 1px solid; padding-left: 0; padding-right: 0; }

/* input size */
.small-input, .small-textarea { padding: 13px 15px; font-size: 14px; }
.small-select select { padding: 13px 15px; }
.medium-input, .medium-textarea, .medium-select select { padding: 15px 20px; font-size: 14px;}
.extra-medium-textarea { font-size: 14px; }
.large-input { padding: 18px 25px 19px; }
.extra-large-input { padding: 20px 36px 23px; font-size: 16px; }

/* newsletter size */
.newsletter {position: relative;}
.newsletter input {padding-left: 0; padding-right: 0;}
.newsletter input + a.btn { position: absolute; right: 0; top: 0; margin: 0; padding-right: 0;}

.newsletter input.small-input + a.btn {top: 0px}
.newsletter input.medium-input + a.btn {top: 3px}
.newsletter input.large-input + a.btn {top: 8px}

/* newsletter popup */
.newsletter-popup form { position: relative; }
.newsletter-popup form .btn-newsletter { border: 1px solid #dfdfdf; background: transparent;}

/* tag */
.tag-cloud a { display: inline-block; text-align: center; font-size: 17px; line-height: 20px; margin: 3px  6px 10px 0; padding: 8px 20px 8px; background-color: #fff; border-radius: 4px; border: 1px solid #e4e4e4}
.tag-cloud a:hover, .tag-cloud a.active { box-shadow: 0 0 10px rgba(23,23,23,.1); color: #828282 }

/* separator */
.separator-line-vertical { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
.left-line { position: relative; }
.left-line:after { border-bottom: 3px solid; border-color: #1dcf79; content: ""; left: -60px; position: absolute; top: 48%; width: 40px; }
.left-line-double { position: relative; }
.left-line-double:after { border-bottom: 3px solid; border-color: #1dcf79; content: ""; left: -60px; position: absolute; top: 18px; width: 40px; }
.text-side-line { position: relative; display: inline-block; }
.text-side-line:after { content: ""; height: 1px; left: -65px; position: absolute; top: 50%; width: 45px; background: #00e092; }
.text-side-line:before { content: ""; height: 1px; right: -65px; position: absolute; top: 50%; width: 45px; background: #00e092; }
.divider-full .divider-border:before, .divider-full .divider-border:after { flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; content: ""; border-top: 1px solid #e4e4e4; }
.divider-full .divider-border.divider-light:before, .divider-full .divider-border.divider-light:after { border-color: rgba(255,255,255,.1); }

/* overlay background */
.overlay-bg {position: absolute; height: 100%; width: 100%; opacity: 1; top:0; left: 0;}

/* opacity */
.opacity-subtop {position: absolute; height: 100%; width: 100%; opacity: 0.5; top:0; left: 0;}
.opacity-very-light {position: absolute; height: 100%; width: 100%; opacity: 0.2; top:0; left: 0;}
.opacity-light {position: absolute; height: 100%; width: 100%; opacity: 0.3; top:0; left: 0;}
.opacity-extra-medium {position: absolute; height: 100%; width: 100%; opacity: 0.5; top:0; left: 0;}
.opacity-extra-medium-2 {position: absolute; height: 100%; width: 100%; opacity: 0.6; top:0; left: 0;}
.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.4; top:0; left: 0;}
.opacity-medium-2 {position: absolute; height: 100%; width: 100%; opacity: 0.70; top:0; left: 0;}
.opacity-full {position: absolute; height: 100%; width: 100%; opacity: 0.8; top:0; left: 0;}
.opacity-full-dark {position: absolute; height: 100%; width: 100%; opacity: 0.9; top:0; left: 0;}

.opacity-0 { opacity:0; }
.opacity-0-half { opacity:0.05; }
.opacity-1 { opacity:0.1; }
.opacity-1-half { opacity:0.15; }
.opacity-2 { opacity:0.2; }
.opacity-2-half { opacity:0.25; }
.opacity-3 { opacity:0.3; }
.opacity-3-half { opacity:0.35; }
.opacity-4 { opacity:0.4; }
.opacity-4-half { opacity:0.45; }
.opacity-5 { opacity:0.5; }
.opacity-5-half { opacity:0.55; }
.opacity-6 { opacity:0.6; }
.opacity-6-half { opacity:0.65; }
.opacity-7 { opacity:0.7; }
.opacity-7-half { opacity:0.75; }
.opacity-8 { opacity:0.8; }
.opacity-8-half { opacity:0.85; }
.opacity-9 { opacity:0.9; }
.opacity-9-half { opacity:0.95; }

/* box shadow */
.btn-shadow { box-shadow: 0 0 6px rgba(0,0,0,.3); }
.box-shadow, .box-shadow-hover:hover { box-shadow: 0 0 10px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.box-shadow-double-large, .box-shadow-double-large-hover:hover { box-shadow: 0 0 35px rgba(40,42,54,.18); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.box-shadow-large, .box-shadow-large-hover:hover { box-shadow: 0 0 30px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.box-shadow-extra-large, .box-shadow-extra-large-hover:hover { box-shadow: 0 0 25px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.box-shadow-medium, .box-shadow-medium-hover:hover { box-shadow: 0 0 20px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.box-shadow-small, .box-shadow-small-hover:hover { box-shadow: 0 0 15px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.box-shadow-very-light-hover:hover, .box-shadow-light-hover:hover, .box-shadow-dark-hover:hover, .box-shadow-large-hover:hover, .box-shadow-extra-large-hover:hover, .box-shadow-medium-hover:hover, .box-shadow-small-hover:hover, .box-shadow-double-large-hover:hover{-moz-transform: translate3d(0, -3px, 0); -o-transform: translate3d(0, -3px, 0); -ms-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}

.shadow-sm {box-shadow: 0 .125rem .3rem rgba(23, 32, 42, .095) !important}
.shadow {box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}
.shadow-md {box-shadow: 0 .67rem 2.15rem rgba(23, 32, 42, .14) !important}
.shadow-lg {box-shadow: 0 1rem 3.2rem rgba(23, 32, 42, .165) !important}
.shadow-none {box-shadow: none !important}

/* text shadow */
.text-shadow-large { text-shadow: 0 0 50px rgba(0, 0, 0, 0.9);}
.text-shadow-extra-large { text-shadow: 0 0 60px rgba(0, 0, 0, 0.9);}
.text-shadow-double-large { text-shadow: 0 0 100px rgba(0, 0, 0, .9);}

/* drop shadow */
.drop-shadow svg { filter: drop-shadow( 0px 1px 4px rgba(0, 0, 0, .1)); }

/* z-index */
.z-index-1 { z-index:1; }
.z-index-2 { z-index:2; }
.z-index-3 { z-index:3; }
.z-index-4 { z-index:4; }
.z-index-5 { z-index:5; }
.z-index-6 { z-index:6; }
.z-index-7 { z-index:7; }
.z-index-8 { z-index:8; }
.z-index-9 { z-index:9; }
.z-index-0 { z-index:0; }
.z-index-99 { z-index:99; }
.z-index-999 { z-index:999; }
.z-index-minus-1 { z-index:-1; }
.z-index-minus-2 { z-index:-2; }
.z-index-minus-3 { z-index:-3; }
.z-index-minus-4 { z-index:-4; }
.z-index-minus-5 { z-index:-5; }

/* absolute middle center */
.absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.absolute-middle-center.move-top-bottom, .absolute-middle-center.move-bottom-top { margin-left: -10px; margin-top: -10px; }

/* checkbox - radio button */
input[type="checkbox"] { width: auto; }
input[type="checkbox"] + label { color: #939393; font-weight: normal; margin-bottom: 0; }
input[type="checkbox"]:checked + label { color: inherit; }
input[type="checkbox"] + label span { display:inline-block; width:15px; height:15px; margin:0 10px 0 0; vertical-align:middle; cursor:pointer; border: 1px solid #d9d9d9; border-radius: 0; position: relative; }
input[type="checkbox"]:checked + label span:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: center; font-size: 12px; line-height: 15px; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; }

input[type="radio"] { width: auto; }
input[type="radio"] + label { font-weight: normal; margin-bottom: 0; }
input[type="radio"] + label span { display:inline-block; width:15px; height:15px; margin:0 10px 0 0; vertical-align:middle; cursor:pointer; border-radius: 0; position: relative; border-radius: 100%; }
input[type="radio"]:checked + label span:after { position: absolute; top: 0; left: 0; color: #fff; height: 100%; width: 100%; text-align: center; font-size: 9px; line-height: 15px; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; }

/* ===================================
    06. Button
====================================== */

.btn { display:inline-block; border:2px solid transparent; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Poppins', sans-serif; font-weight: 500; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: medium none; outline-offset: 0; }
input.btn:focus { border-width: 2px; }
.btn.active, .btn:active, .btn:focus { box-shadow: none; }
.btn i { vertical-align: middle; position: relative; top: -1px }

/* button size */
.btn.btn-very-small { font-size:10px; padding: 6px 16px; }
.btn.btn-small { font-size:11px; padding: 8px 22px;}
.btn.btn-medium { font-size:12px; padding: 10px 26px;}
.btn.btn-large { font-size:13px; padding: 12px 32px;}
.btn.btn-extra-large { font-size:14px; padding: 16px 40px;}
.btn-dual .btn { margin-left: 10px; margin-right: 10px; }
.btn-dual .btn:first-child {margin-left: 0}
.btn .right-icon, .btn-link .right-icon { margin-left: 8px; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }
.btn .left-icon, .btn-link .left-icon { margin-right: 8px; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }

/* rounded button */
.btn.btn-round-edge-small { border-radius: 2px; }
.btn.btn-rounded { border-radius: 50px; }
.btn.btn-rounded.btn-very-small { padding: 4px 20px; }
.btn.btn-rounded.btn-small { padding: 8px 26px }
.btn.btn-rounded.btn-medium { padding: 10px 32px; }
.btn.btn-rounded.btn-large { padding: 12px 38px; }
.btn.btn-rounded.btn-extra-large { padding: 16px 44px; }
.btn.btn-round-edge { border-radius: 4px; }
.btn-fixed-bottom { position: absolute; bottom: 30px; right: 30px; z-index: 1; height: 40px; width: 40px; line-height: 40px; text-align: center; }
.btn.btn-rounded.btn-extra-large.btn-expand-ltr { padding: 15px 28px 15px; }
.btn.btn-rounded.btn-extra-large.btn-expand-ltr span { width: 50px;}
.btn.btn-rounded.btn-large.btn-expand-ltr { padding: 14px 26px 14px; }
.btn.btn-rounded.btn-large.btn-expand-ltr span { width: 46px;}
.btn.btn-rounded.btn-medium.btn-expand-ltr { padding: 7px 21px 7px; }
.btn.btn-rounded.btn-medium.btn-expand-ltr span { width: 32px;}
.btn.btn-rounded.btn-small.btn-expand-ltr { padding: 7px 20px 7px; }
.btn.btn-rounded.btn-small.btn-expand-ltr span { width: 30px;}
.btn.btn-rounded.btn-very-small.btn-expand-ltr { padding: 5px 17px 5px }
.btn.btn-rounded.btn-very-small.btn-expand-ltr span { width: 25px;}

/* animation button */
.btn.btn-slide-up-bg, .btn.btn-slide-down-bg, .btn.btn-slide-left-bg, .btn.btn-slide-right-bg { position: relative; z-index: 1; overflow: hidden; }
.btn.btn-slide-up-bg span, .btn.btn-slide-down-bg span, .btn.btn-slide-left-bg span, .btn.btn-slide-right-bg span { position: absolute; height: 100%; width: 101%; z-index: -1; left: -1px; top: 0; }
.btn.btn-slide-up-bg span, .btn.btn-slide-down-bg span, .btn.btn-slide-left-bg span, .btn.btn-slide-right-bg span { position: absolute; height: 100%; width: 101%; z-index: -1; left: -1px; top: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

/* slide button */
.btn.btn-slide-up-bg span { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.btn.btn-slide-down-bg span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.btn.btn-slide-up-bg:hover span, .btn.btn-slide-down-bg:hover span { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.btn.btn-slide-left-bg span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.btn.btn-slide-right-bg span { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.btn.btn-slide-left-bg:hover span, .btn.btn-slide-right-bg:hover span { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.btn-slide-icon i {-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.btn-slide-icon:hover i { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.btn-slide-icon-left i {-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.btn-slide-icon-left:hover i { -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

/* fancy button */
.btn.btn-fancy.btn-very-small { font-size:10px; letter-spacing: 0.5px; padding: 7px 18px; }
.btn.btn-fancy.btn-small { font-size:11px; letter-spacing: 0.5px; padding: 10px 24px;}
.btn.btn-fancy.btn-medium { font-size:12px; letter-spacing: 1px; padding: 12px 28px;}
.btn.btn-fancy.btn-large { font-size:13px; letter-spacing: 1px; padding: 13px 32px;}
.btn.btn-fancy.btn-extra-large { font-size:15px; letter-spacing: 1px; padding: 18px 38px; }

/* expanded button */
.btn.btn-expand-ltr { position: relative; z-index: 1; }
.btn.btn-expand-ltr.btn-rounded span { border-radius: 50px; }
.btn.btn-expand-ltr:hover span { width: 100% !important; }
.btn.btn-expand-ltr span { position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: -1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.btn.btn-expand-ltr i { display: inline-block; margin-left: 3px; opacity: 0; transform: translateX(-10px); -webkit-transform: translateX(-10px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.btn.btn-expand-ltr:hover i { opacity: 1; transform: translateX(0); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

/* link button */
.btn.btn-link { padding: 7px 0 2px; position: relative; text-decoration: none; border: 0; border-bottom: 2px solid; background-color: transparent; }
.btn.btn-link:hover, .btn.btn-link-gradient:hover { opacity: .7; }
.btn.btn-link.thin { padding: 7px 0 2px; position: relative; text-decoration: none; border: 0; border-bottom: 1px solid; background-color: transparent; }
.btn.btn-link.thin:hover, .btn.btn-link-gradient:hover { opacity: .7; }
.btn.btn-link-gradient { padding: 7px 0 2px; position: relative; border: 0; background-color: transparent; }
.btn.btn-link-gradient > span { position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; }

/* button box shadow */
.btn-box-shadow { box-shadow: 0 0 15px rgba(0,0,0,.1);}
.btn-box-shadow:hover {box-shadow: 0 8px 30px -5px rgba(0,0,0,.2); -moz-transform: translate3d(0, -3px, 0); -o-transform: translate3d(0, -3px, 0); -ms-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
.btn.btn-box-shadow.btn-white { background:#ffffff; border-color: #ffffff; color: #232323; }
.btn.btn-box-shadow.btn-white:hover, .btn.btn-white:focus { background: #ffffff; color: #232323; }
.btn.btn-box-shadow.btn-dark-gray { background:#232323; border-color: #232323; color: #fff; }
.btn.btn-box-shadow.btn-dark-gray:hover, .btn.btn-extra-dark-gray:focus { background: #232323; color: #fff; }
.btn.btn-box-shadow.btn-golden-brown { background:#CD9452; border-color: #CD9452; color: #fff; }
.btn.btn-box-shadow.btn-golden-brown:hover, .btn.btn-extra-dark-gray:focus { background: #CD9452; color: #fff; }

/* button box shadow flat */
.btn-box-shadow-flat { box-shadow: 2px 2px 0 rgba(0,0,0,1); border-width: 1px;}
.btn-box-shadow-flat:hover {box-shadow: 0 0 0 rgba(0,0,0,0); }
.btn.btn-box-shadow-flat.btn-transparent-dark-gray { background:transparent; border-color: #232323; color: #232323; }
.btn.btn-box-shadow-flat.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:focus { background: #232323; color: #fff; border-color: transparent }

/* button flat background */
.btn.btn-white { background:#ffffff; border-color: #ffffff; color: #232323; }
.btn.btn-white:hover, .btn.btn-white:focus { background: transparent; color: #fff; }
.btn.btn-black { background:#000000; border-color: #000000; color: #fff; }
.btn.btn-black:hover, .btn.btn-black:focus { background: transparent; color: #000; }
.btn.btn-dark-gray { background: #232323; border-color: #232323; color: #fff; }
.btn.btn-dark-gray:hover, .btn.btn-dark-gray:focus { background: transparent; color: #232323; }
.btn.btn-light-gray { background: #dbdbdb; border-color: #dbdbdb; color: #232323; }
.btn.btn-light-gray:hover, .btn.btn-light-gray:focus { background: transparent; border-color: #dbdbdb; color: #dbdbdb; }
.btn.btn-fast-blue { background: #0038e3; border-color: #0038e3; color: #ffffff; }
.btn.btn-fast-blue:hover, .btn.btn-fast-blue:focus { background: transparent; color: #0038e3; }
.btn.btn-green { background: #27AE60; border-color: #27AE60; color: #ffffff; }
.btn.btn-green:hover, .btn.btn-green:focus { background: transparent; color: #27AE60; }
.btn.btn-olivine-green { background: #8bb867; border-color: #8bb867; color: #ffffff; }
.btn.btn-olivine-green:hover, .btn.btn-olivine-green:focus { background: transparent; color: #8bb867; }
.btn.btn-sky-blue { background: #2e94eb; border-color: #2e94eb; color: #ffffff; }
.btn.btn-sky-blue:hover, .btn.btn-sky-blue:focus { background: transparent; color: #2e94eb; }
.btn.btn-yellow-ochre { background: #c89965; border-color: #c89965; color: #ffffff; }
.btn.btn-yellow-ochre:hover, .btn.btn-yellow-ochre:focus { background: transparent; color: #c89965; }
.btn.btn-fast-yellow { background: #F4D956; border-color: #F4D956; color: #232323; }
.btn.btn-fast-yellow:hover, .btn.btn-fast-yellow:focus { background: transparent; color: #F4D956; }
.btn.btn-dark-purple { background: #333045; border-color: #333045; color: #ffffff; }
.btn.btn-dark-purple:hover, .btn.btn-dark-purple:focus { background: transparent; color: #333045; }
.btn.btn-slate-blue { background: #262b35; border-color: #262b35; color: #ffffff; }
.btn.btn-slate-blue:hover, .btn.btn-slate-blue:focus { background: transparent; color: #262b35; }
.btn.btn-medium-slate-blue { background: #374162; border-color: #374162; color: #ffffff; }
.btn.btn-medium-slate-blue:hover, .btn.btn-medium-slate-blue:focus { background: transparent; color: #374162; }
.btn.btn-neon-orange { background: #ff7a56; border-color: #ff7a56; color: #ffffff; }
.btn.btn-neon-orange:hover, .btn.btn-neon-orange:focus { background: transparent; color: #ff7a56; }
.btn.btn-salmon-rose { background: #ea9d8d; border-color: #ea9d8d; color: #232323; }
.btn.btn-salmon-rose:hover, .btn.btn-salmon-rose:focus { background: transparent; color: #ea9d8d; }
.btn.btn-tussock { background: #bf8c4c; border-color: #bf8c4c; color: #ffffff; }
.btn.btn-tussock:hover, .btn.btn-tussock:focus { background: transparent; color: #bf8c4c; }
.btn.btn-golden { background: #ca943d; border-color: #ca943d; color: #ffffff; }
.btn.btn-golden:hover, .btn.btn-golden:focus { background: transparent; color: #ca943d; }
.btn.btn-golden-brown { background: #CD9452; border-color: #CD9452; color: #ffffff; }
.btn.btn-golden-brown:hover, .btn.btn-golden-brown:focus { background: transparent; color: #CD9452; }
.btn.btn-iris-blue { background: #00B8B8; border-color: #00B8B8; color: #ffffff; }
.btn.btn-iris-blue:hover, .btn.btn-iris-blue:focus { background: transparent; color: #00B8B8; }

/* button only border */
.btn.btn-transparent-white { background: transparent; border-color: #ffffff; color: #ffffff; }
.btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus { background: #ffffff; border-color: #ffffff; color: #232323; }
.btn.btn-transparent-black { background: transparent; border-color: #000000; color: #000000; }
.btn.btn-transparent-black:hover, .btn.btn-transparent-black:focus { background: #000000; border-color: #000000; color: #ffffff; }
.btn.btn-transparent-dark-gray { background: transparent; border-color: #232323; color: #232323; }
.btn.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:focus { background: #232323; border-color: #232323; color: #ffffff; }
.btn.btn-transparent-light-gray { background: transparent; border-color: #dbdbdb; color: #232323; }
.btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:focus { background: #232323; border-color: #232323; color: #ffffff; }
.btn.btn-transparent-medium-light-gray { background: transparent; border-color: #757575; color: #757575; }
.btn.btn-transparent-medium-light-gray:hover, .btn.btn-transparent-medium-light-gray:focus { background: #dbdbdb; border-color: #dbdbdb; color: #232323; }
.btn.btn-transparent-fast-blue { background: transparent; border-color: #0038e3; color: #0038e3; }
.btn.btn-transparent-fast-blue:hover, .btn.btn-transparent-fast-blue:focus { background: #0038e3; border-color: #0038e3; color: #fff; }
.btn.btn-transparent-green { background: transparent; border-color: #1dcf79; color: #1dcf79; }
.btn.btn-transparent-green:hover, .btn.btn-transparent-green:focus { background: #1dcf79; border-color: #1dcf79; color: #fff; }
.btn.btn-transparent-slate-blue { background: transparent; border-color: #262b35; color: #262b35; }
.btn.btn-transparent-slate-blue:hover, .btn.btn-transparent-slate-blue:focus { background: #262b35; border-color: #262b35; color: #fff; }
.btn.btn-transparent-medium-slate-blue { background: transparent; border-color: #374162; color: #374162; }
.btn.btn-transparent-medium-slate-blue:hover, .btn.btn-transparent-medium-slate-blue:focus { background: #374162; border-color: #374162; color: #fff; }
.btn.btn-transparent-tussock { background: transparent; border-color: #bf8c4c; color: #bf8c4c; }
.btn.btn-transparent-tussock:hover, .btn.btn-transparent-tussock:focus { background: #bf8c4c; border-color: #bf8c4c; color: #fff; }
.btn.btn-transparent-golden-brown { background: transparent; border-color: #CD9452; color: #CD9452; }
.btn.btn-transparent-golden-brown:hover, .btn.btn-transparent-golden-brown:focus { background: #CD9452; border-color: #CD9452; color: #fff; }

.btn.btn-transparent-light-slate-blue { background: transparent; border-color: #8890a4; color: #8890a4; }
.btn.btn-transparent-light-slate-blue:hover, .btn.btn-transparent-light-slate-blue:focus { background:#8890a4; border-color:#8890a4; color: #fff; }

/* button gradient */
.btn-gradient-magenta-orange { background-image: linear-gradient(to right, #e42564, #fa6259, #e42564); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-magenta-orange-2 { background-image: linear-gradient(to right, #ec606c, #eb7242, #ec606c); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-purple-magenta { background: linear-gradient(to right, #502970, #f34259, #502970); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-light-purple-light-orange { background-image: linear-gradient(to right, #b884fd, #fe73a8, #b884fd); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-sky-blue-pink { background: linear-gradient(to right, #556fff, #ff798e, #556fff); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-peacock-blue-crome-yellow { background: linear-gradient(to right, #36c1e1, #feb95b, #36c1e1); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-fast-blue-purple { background: linear-gradient(to right, #0039e3, #8600d4, #0039e3); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-tan-geraldine { background-image: linear-gradient(to right, #fe8182,  #f8a380, #fe8182); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-tan-geraldine-2 { background-image: linear-gradient(to right, #ff798c, #ff7e89, #ff8584, #ff8d7e, #ff927a); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-shamrock-green-light-orange { background-image: linear-gradient(to right, #2ed47c, #e8a626, #2ed47c); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.btn-gradient-light-purple-light-red { background-image: linear-gradient(to right, #b884fd, #fd9395, #b884fd); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-yellowish-green-turquoise { background-image: linear-gradient(to right, #d0e51b, #3edfb6, #d0e51b); color: #232323; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-peacock-blue-crome-yellow-2 { background-image: linear-gradient(to right, #5cc088, #e7a965, #5cc088); color: #ffffff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-shamrock-green-light-orange:hover, .btn-gradient-shamrock-green-light-orange:focus, .btn-gradient-tan-geraldine-2:hover, .btn-gradient-tan-geraldine-2:focus, .btn-gradient-magenta-orange:hover, .btn-gradient-magenta-orange:focus, .btn-gradient-magenta-orange-2:hover, .btn-gradient-magenta-orange-2:focus, .btn-gradient-purple-magenta:hover, .btn-gradient-purple-magenta:focus, .btn-gradient-light-purple-light-orange:hover, .btn-gradient-light-purple-light-orange:focus, .btn-gradient-sky-blue-pink:hover, .btn-gradient-sky-blue-pink:focus, .btn-gradient-peacock-blue-crome-yellow:hover, .btn-gradient-peacock-blue-crome-yellow:focus, .btn-gradient-fast-blue-purple:hover, .btn-gradient-fast-blue-purple:focus, .btn-gradient-tan-geraldine:hover, .btn-gradient-tan-geraldine:focus, .btn-gradient-light-purple-light-red:hover, .btn-gradient-light-purple-light-red:focus, .btn-gradient-yellowish-green-turquoise:hover, .btn-gradient-yellowish-green-turquoise:focus, .btn-gradient-peacock-blue-crome-yellow-2:hover, .btn-gradient-peacock-blue-crome-yellow-2:focus { background-position: right center; color: #fff; }

/* button gradient border */
.btn.btn-transparent-gradient-sky-blue-pink { background: transparent; color: #232323; border-image-slice: 1; border-image-source: linear-gradient(45deg, rgb(85, 111, 255), rgb(255, 121, 142));}
.btn.btn-transparent-gradient-sky-blue-pink:hover, .btn.btn-transparent-gradient-sky-blue-pink:focus { background: transparent; color: #232323; }

/* ===================================
    07. Border
====================================== */

.border-all { border: 1px solid !important; }
.border-top { border-top: 1px solid !important; }
.border-bottom { border-bottom: 1px solid !important; }
.border-left { border-left: 1px solid !important; }
.border-right { border-right: 1px solid !important; }
.border-lr { border-left: 1px solid; border-right: 1px solid !important; }
.border-tb { border-top: 1px solid; border-bottom: 1px solid !important; }

.border, .b-a {border: 1px solid #ddd !important}
.border-top, .b-t {border-top: 1px solid #ddd !important}
.border-right, .b-r {border-right: 1px solid #ddd !important}
.border-bottom, .b-b {border-bottom: 1px solid #ddd !important}
.border-left, .b-l {border-left: 1px solid #ddd !important}
.border-0, .b-n {border: 0 !important}
.border-top-0, .b-t-0 {border-top: 0 !important}
.border-right-0, .b-r-0 {border-right: 0 !important}
.border-bottom-0, .b-b-0 {border-bottom: 0 !important}
.border-left-0, .b-l-0 {border-left: 0 !important}
.border-white {border-color: #fff !important}
.border-top-enable {border-top-width: 1px !important}
.border-right-enable {border-right-width: 1px !important}
.border-bottom-enable {border-bottom-width: 1px !important}
.border-left-enable {border-left-width: 1px !important}
.border-top-disable {border-top-width: 0 !important}
.border-right-disable {border-right-width: 0 !important}
.border-bottom-disable {border-bottom-width: 0 !important}
.border-left-disable {border-left-width: 0 !important}

@media (min-width:576px) {
.border-sm-top-enable {border-top-width: 1px !important}
.border-sm-right-enable {border-right-width: 1px !important}
.border-sm-bottom-enable {border-bottom-width: 1px !important}
.border-sm-left-enable {border-left-width: 1px !important}
.border-sm-top-disable {border-top-width: 0 !important}
.border-sm-right-disable {border-right-width: 0 !important}
.border-sm-bottom-disable {border-bottom-width: 0 !important}
.border-sm-left-disable {border-left-width: 0 !important}
}
@media (min-width:768px) {
.border-md-top-enable {border-top-width: 1px !important}
.border-md-right-enable {border-right-width: 1px !important}
.border-md-bottom-enable {border-bottom-width: 1px !important}
.border-md-left-enable {border-left-width: 1px !important}
.border-md-top-disable {border-top-width: 0 !important}
.border-md-right-disable {border-right-width: 0 !important}
.border-md-bottom-disable {border-bottom-width: 0 !important}
.border-md-left-disable {border-left-width: 0 !important}
}
@media (min-width:992px) {
.border-lg-top-enable {border-top-width: 1px !important}
.border-lg-right-enable {border-right-width: 1px !important}
.border-lg-bottom-enable {border-bottom-width: 1px !important}
.border-lg-left-enable {border-left-width: 1px !important}
.border-lg-top-disable {border-top-width: 0 !important}
.border-lg-right-disable {border-right-width: 0 !important}
.border-lg-bottom-disable {border-bottom-width: 0 !important}
.border-lg-left-disable {border-left-width: 0 !important}
}
@media (min-width:1280px) {
.border-xl-top-enable {border-top-width: 1px !important}
.border-xl-right-enable {border-right-width: 1px !important}
.border-xl-bottom-enable {border-bottom-width: 1px !important}
.border-xl-left-enable {border-left-width: 1px !important}
.border-xl-top-disable {border-top-width: 0 !important}
.border-xl-right-disable {border-right-width: 0 !important}
.border-xl-bottom-disable {border-bottom-width: 0 !important}
.border-xl-left-disable {border-left-width: 0 !important}
}

/* border rounded */
.rounded-0 {border-radius: 0 !important}
.rounded-xl {border-radius: .5rem !important}
.rounded-ultra {border-radius: 1.875rem !important}
.rounded-normal {border-radius: 1rem !important}
.rounded-sm {border-radius: .1875rem !important}
.rounded, .rounded-md{border-radius: .25rem !important}
.rounded-lg {border-radius: .3125rem !important}
.rounded-top {border-top-left-radius: .25rem !important;border-top-right-radius: .25rem !important}
.rounded-top-normal {border-top-left-radius: 1rem !important;border-top-right-radius: 1rem !important}
.rounded-right {border-top-right-radius: .25rem !important;border-bottom-right-radius: .25rem !important}
.rounded-bottom {border-bottom-right-radius: .25rem !important;border-bottom-left-radius: .25rem !important}
.rounded-left {border-top-left-radius: .25rem !important;border-bottom-left-radius: .25rem !important}
.rounded-circle {border-radius: 50% !important}
.rounded-pill {border-radius: 50rem !important}

.border-radius-0px { border-radius: 0; }
.border-radius-1px { border-radius:1px; }
.border-radius-2px { border-radius:2px; }
.border-radius-3px { border-radius:3px; }
.border-radius-4px { border-radius:4px; }
.border-radius-5px { border-radius:5px; }
.border-radius-6px { border-radius:6px; }
.border-radius-7px { border-radius:7px; }
.border-radius-8px { border-radius:8px; }
.border-radius-9px { border-radius:9px; }
.border-radius-10px { border-radius:10px; }
.border-radius-15px { border-radius:15px; }
.border-radius-20px { border-radius:20px; }
.border-radius-30px { border-radius:30px; }
.border-radius-40px { border-radius:40px; }
.border-radius-50px { border-radius:50px; }
.border-radius-100px { border-radius:100px; }
.border-radius-50 { border-radius:50%; }
.border-radius-100 { border-radius:100%; }
.no-border-radius { border-radius:0 !important; }

/* border width */
.border-width-1px { border-width:1px !important; }
.border-width-2px { border-width:2px !important; }
.border-width-3px { border-width:3px !important; }
.border-width-4px { border-width:4px !important; }
.border-width-5px { border-width:5px !important; }
.border-width-6px { border-width:6px !important; }
.border-width-7px { border-width:7px !important; }
.border-width-8px { border-width:8px !important; }
.border-width-9px { border-width:9px !important; }
.border-width-10px { border-width:10px !important; }
.border-width-11px { border-width:11px !important; }
.border-width-12px { border-width:12px !important; }
.border-width-13px { border-width:13px !important; }
.border-width-14px { border-width:14px !important; }
.border-width-15px { border-width:15px !important; }
.border-width-16px { border-width:16px !important; }
.border-width-17px { border-width:17px !important; }
.border-width-18px { border-width:18px !important; }
.border-width-19px { border-width:19px !important; }
.border-width-20px { border-width:20px !important; }

/* border color */
.border-color-white { border-color: #fff !important; }
.border-color-black { border-color: #000 !important; }
.border-color-sky-blue { border-color: #2e94eb !important; }
.border-color-extra-dark-gray { border-color: #232323 !important; }
.border-color-medium-dark-gray { border-color: #363636 !important; }
.border-color-dark-gray { border-color: #939393 !important; }
.border-color-extra-medium-gray { border-color: #dbdbdb !important; }
.border-color-medium-gray { border-color: #e4e4e4 !important; }
.border-color-medium-light-gray { border-color: #757575 !important; }
.border-color-extra-light-gray { border-color: #ededed !important; }
.border-color-light-gray { border-color: #f5f5f5 !important; }
.border-color-light-pink { border-color: #ff85a6 !important; }
.border-color-fast-blue { border-color: #0038e3 !important; }
.border-color-light-peach { border-color: #ffd7c4 !important; }
.border-color-neon-orange { border-color: #ff7a56 !important; }
.border-color-green { border-color: #27ae60 !important; }
.border-color-olivine-green { border-color: #8bb867 !important; }
.border-color-shamrock-green { border-color: #2ed47c !important; }
.border-color-light-brownish-orange {border-color: #e6994e !important;}
.border-color-golden-brown {border-color: #CD9452 !important;}

/* transparent border */
.border-color-transparent { border-color: transparent !important; }
.border-color-black-transparent { border-color: rgba(0,0,0,.1) !important; }
.border-color-white-transparent { border-color: rgba(255,255,255,.1) !important; }
.border-color-golden-transparent { border-color: rgba(202, 148, 61, 0.4) !important; }
.border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45) !important; }
.border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2) !important; }
.border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4) !important; }
.border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05) !important; }
.border-color-light-white-transparent { border-color: rgba(255,255,255,0.1) !important; }
.border-color-nero-transparent { border-color: rgba(25,25,25,0.1) !important; }
.border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04) !important; }
.border-color-copper-red-transparent { border-color: rgba(204,117,76,.3) !important; }

/* border gradient */
.border-gradient-magenta-orange { border-image: linear-gradient(to right top, #e42464, #ed3c5f, #f44f5c, #fa6259, #ff7357); border-image-slice: 1;  }
.border-gradient-purple-magenta { border-image: linear-gradient(to right top, #502970, #7f2977, #ac2775, #d42d6b, #f34259); border-image-slice: 1; }
.border-gradient-light-purple-light-orange { border-image: linear-gradient(to right top, #b783ff, #e37be0, #fa7cc1, #ff85a6, #ff9393); border-image-slice: 1; }
.border-gradient-sky-blue-pink { border-image: linear-gradient(to right top, #556fff, #b263e4, #e05fc4, #f767a6, #ff798e); border-image-slice: 1; }
.border-gradient-peacock-blue-crome-yellow { border-image: linear-gradient(to right top, #36c1e1, #28ccc0, #74cf8e, #bac962, #feb95b); border-image-slice: 1; }
.border-gradient-fast-blue-purple { border-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); border-image-slice: 1; }
.border-gradient-light-purple-light-red { border-image: linear-gradient(to right top, #bb85f9, #c887e5, #da8bca, #eb8fb0, #fb9398); border-image-slice: 1; }
.border-gradient-light-brownish-orange-black { border-image: linear-gradient(to right top, #e79e57, #9d9049, #62794c, #405c4c, #353d3c); border-image-slice: 1; }
.border-gradient-red-violet-purple { border-image: linear-gradient(to right, #b93d90, #a92b95, #951b9c, #7a11a4, #5412ad); border-image-slice: 1; }

/* border style */
.border-dotted { border-style: dotted !important; }
.border-dashed { border-style: dashed !important; }
.border-solid { border-style: solid !important; }
.border-double { border-style: double !important; }
.border-groove { border-style: groove !important; }
.border-ridge { border-style: ridge !important; }
.border-inset { border-style: inset !important; }
.border-outset { border-style: outset !important; }
.border-none { border-style: none !important; }
.border-hidden { border-style: hidden !important; }
.border-transperent { border-color: transparent !important; }

/* no border */
.no-border { border:0 !important; }
.no-border-top { border-top:0 !important; }
.no-border-bottom { border-bottom:0 !important; }
.no-border-right { border-right:0 !important; }
.no-border-left { border-left:0 !important; }
.no-border-top-bottom { border-top:0 !important; border-bottom: 0 !important; }
.no-border-left-right { border-left:0 !important; border-right: 0 !important; }



/* ===================================
    08. Video
====================================== */

.video-wrapper { height: 100%; overflow: hidden; position: absolute; width: 100%; }
.html-video { background-color: #000; left: 50%; width: auto; height:auto; min-height: 100%; min-width: 100%; position: absolute; top: 0; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); z-index: -3; }
.video-wrapper iframe { height: 100%; left: 0; position: absolute; top: -5px !important; width: 100%; }
.video-background { position: absolute; height: 100%; width: 100%; z-index: 1; top:0; background: rgba(67,67,67,0.5) }

.html-video-play { position: relative; text-align: center; }
.html-video-play .play-icon, .html-video-play .pause-icon { position: absolute; left: 50%; padding-left: 8px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.html-video-play[ playing = "true" ] .play-icon, .html-video-play .pause-icon { opacity: 0; top: 0; visibility: hidden; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.html-video-play[ playing = "true" ] .play-icon { top: 0; }
.html-video-play .pause-icon { top: 100%; }
.html-video-play .play-icon, .html-video-play[ playing = "true" ] .pause-icon { opacity: 1; top: 50%; visibility: visible; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.play-icon-animation { -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out ;}
.play-icon-animation:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -o-transform: scale(1.1); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

.bg-video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; }
.bg-video-wrapper iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* ===================================
    09. Background image
====================================== */

.cover-background { background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; position: relative; background-position: center center !important; }
.fix-background { position: relative; background-size: cover !important; -webkit-animation-duration: 0s; -webkit-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important; }
.background-size-inherit { background-size: inherit; }
.background-attachment-inherit { background-attachment: inherit; }
.background-position-left { background-position: left center; }
.background-position-left-bottom { background-position: left bottom; }
.background-position-right { background-position: right center; }
.background-position-top { background-position: right top; }
.background-position-center-top { background-position: center top; }
.background-position-right-bottom { background-position: right bottom; }
.background-position-center-bottom { background-position: center bottom !important; }
.background-repeat { background-repeat:repeat; }
.background-no-repeat { background-repeat:no-repeat; }
.background-position-center { background-position: center; }
.up-down-ani { display:table; position: relative; -webkit-animation-name: down-arrow; -webkit-animation-duration:0.8s; -webkit-animation-timing-function: linear; -webkit-animation-delay:0.8s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: down-arrow; animation-duration:0.8s; animation-timing-function: linear; animation-delay:0.8s; animation-iteration-count: infinite; animation-direction: alternate; margin:0 auto; }
.cover-img { object-fit: cover; height: 100%; }

/* background parallax */
.parallax { position: relative !important; background-size: cover !important; overflow: hidden; background-attachment: fixed !important; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
.parallax-fix { background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat; background-size: cover !important; overflow: hidden; position: relative; transition-duration: 0.2s; transition-timing-function: ease-in; }

/* ===================================
    10. Margin
====================================== */

.margin-one-all { margin:1%; }
.margin-two-all { margin:2%; }
.margin-three-all { margin:3%; }
.margin-four-all { margin:4%; }
.margin-five-all { margin:5%; }
.margin-six-all { margin:6%; }
.margin-seven-all { margin:7%; }
.margin-eight-all { margin:8%; }
.margin-nine-all { margin:9%; }
.margin-ten-all { margin:10%; }
.margin-eleven-all { margin:11%; }
.margin-twelve-all { margin:12%; }
.margin-thirteen-all { margin:13%; }
.margin-fourteen-all { margin:14%; }
.margin-fifteen-all { margin:15%; }
.margin-sixteen-all { margin:16%; }
.margin-seventeen-all { margin:17%; }
.margin-eighteen-all { margin:18%; }
.margin-nineteen-all { margin:19%; }
.margin-twenty-all { margin:20%; }
.margin-5px-all { margin:5px; }
.margin-10px-all { margin:10px; }
.margin-15px-all { margin:15px; }
.margin-20px-all { margin:20px; }
.margin-25px-all { margin:25px; }
.margin-30px-all { margin:30px; }
.margin-35px-all { margin:35px; }
.margin-40px-all { margin:40px; }
.margin-45px-all { margin:45px; }
.margin-50px-all { margin:50px; }
.margin-55px-all { margin:55px; }
.margin-60px-all { margin:60px; }
.margin-65px-all { margin:65px; }
.margin-70px-all { margin:70px; }
.margin-75px-all { margin:75px; }
.margin-80px-all { margin:80px; }
.margin-85px-all { margin:85px; }
.margin-90px-all { margin:90px; }
.margin-95px-all { margin:95px; }
.margin-100px-all { margin:100px; }
.margin-1-rem-all { margin: 1rem; }
.margin-1-half-rem-all { margin: 1.5rem; }
.margin-2-rem-all { margin: 2rem; }
.margin-2-half-rem-all { margin: 2.5rem; }
.margin-3-rem-all { margin: 3rem; }
.margin-3-half-rem-all { margin: 3.5rem; }
.margin-4-rem-all { margin: 4rem; }
.margin-4-half-rem-all { margin: 4.5rem; }
.margin-5-rem-all { margin: 5rem; }
.margin-5-half-rem-all { margin: 5.5rem; }
.margin-6-rem-all { margin: 6rem; }
.margin-6-half-rem-all { margin: 6.5rem; }
.margin-7-rem-all { margin: 7rem; }
.margin-7-half-rem-all { margin: 7.5rem; }
.margin-8-rem-all { margin: 8rem; }
.margin-8-half-rem-all { margin: 8.5rem; }
.margin-9-rem-all { margin: 9rem; }
.margin-9-half-rem-all { margin: 9.5rem; }
.margin-10-rem-all { margin: 10rem; }
.margin-10-half-rem-all { margin: 10.5rem; }

/* margin top */
.margin-one-top { margin-top:1%; }
.margin-two-top { margin-top:2%; }
.margin-three-top { margin-top:3%; }
.margin-four-top { margin-top:4%; }
.margin-five-top { margin-top:5%; }
.margin-six-top { margin-top:6%; }
.margin-seven-top { margin-top:7%; }
.margin-eight-top { margin-top:8%; }
.margin-nine-top { margin-top:9%; }
.margin-ten-top { margin-top:10%; }
.margin-eleven-top { margin-top:11%; }
.margin-twelve-top { margin-top:12%; }
.margin-thirteen-top { margin-top:13%; }
.margin-fourteen-top { margin-top:14%; }
.margin-fifteen-top { margin-top:15%; }
.margin-sixteen-top { margin-top:16%; }
.margin-seventeen-top { margin-top:17%; }
.margin-eighteen-top { margin-top:18%; }
.margin-nineteen-top { margin-top:19%; }
.margin-twenty-top { margin-top:20%; }
.margin-twenty-five-top { margin-top:20%; }
.margin-5px-top { margin-top:5px; }
.margin-10px-top { margin-top:10px; }
.margin-15px-top { margin-top:15px; }
.margin-20px-top { margin-top:20px; }
.margin-25px-top { margin-top:25px; }
.margin-30px-top { margin-top:30px; }
.margin-35px-top { margin-top:35px; }
.margin-40px-top { margin-top:40px; }
.margin-45px-top { margin-top:45px; }
.margin-50px-top { margin-top:50px; }
.margin-55px-top { margin-top:55px; }
.margin-60px-top { margin-top:60px; }
.margin-65px-top { margin-top:65px; }
.margin-70px-top { margin-top:70px; }
.margin-75px-top { margin-top:75px; }
.margin-80px-top { margin-top:80px; }
.margin-85px-top { margin-top:85px; }
.margin-90px-top { margin-top:90px; }
.margin-95px-top { margin-top:95px; }
.margin-100px-top { margin-top:100px; }
.margin-1-rem-top { margin-top: 1rem; }
.margin-1-half-rem-top { margin-top: 1.5rem; }
.margin-2-rem-top { margin-top: 2rem; }
.margin-2-half-rem-top { margin-top: 2.5rem; }
.margin-3-rem-top { margin-top: 3rem; }
.margin-3-half-rem-top { margin-top: 3.5rem; }
.margin-4-rem-top { margin-top: 4rem; }
.margin-4-half-rem-top { margin-top: 4.5rem; }
.margin-5-rem-top { margin-top: 5rem; }
.margin-5-half-rem-top { margin-top: 5.5rem; }
.margin-6-rem-top { margin-top: 6rem; }
.margin-6-half-rem-top { margin-top: 6.5rem; }
.margin-7-rem-top { margin-top: 7rem; }
.margin-7-half-rem-top { margin-top: 7.5rem; }
.margin-8-rem-top { margin-top: 8rem; }
.margin-8-half-rem-top { margin-top: 8.5rem; }
.margin-9-rem-top { margin-top: 9rem; }
.margin-9-half-rem-top { margin-top: 9.5rem; }
.margin-10-rem-top { margin-top: 10rem; }
.margin-10-half-rem-top { margin-top: 10.5rem; }

/* margin bottom */
.margin-one-bottom { margin-bottom:1%; }
.margin-two-bottom { margin-bottom:2%; }
.margin-three-bottom { margin-bottom:3%; }
.margin-four-bottom { margin-bottom:4%; }
.margin-five-bottom { margin-bottom:5%; }
.margin-six-bottom { margin-bottom:6%; }
.margin-seven-bottom { margin-bottom:7%; }
.margin-eight-bottom { margin-bottom:8%; }
.margin-nine-bottom { margin-bottom:9%; }
.margin-ten-bottom { margin-bottom:10%; }
.margin-eleven-bottom { margin-bottom:11%; }
.margin-twelve-bottom { margin-bottom:12%; }
.margin-thirteen-bottom { margin-bottom:13%; }
.margin-fourteen-bottom { margin-bottom:14%; }
.margin-fifteen-bottom { margin-bottom:15%; }
.margin-sixteen-bottom { margin-bottom:16%; }
.margin-seventeen-bottom { margin-bottom:17%; }
.margin-eighteen-bottom { margin-bottom:18%; }
.margin-nineteen-bottom { margin-bottom:19%; }
.margin-twenty-bottom { margin-bottom:20%; }
.margin-5px-bottom { margin-bottom:5px; }
.margin-10px-bottom { margin-bottom:10px; }
.margin-15px-bottom { margin-bottom:15px; }
.margin-20px-bottom { margin-bottom:20px; }
.margin-25px-bottom { margin-bottom:25px; }
.margin-30px-bottom { margin-bottom:30px; }
.margin-35px-bottom { margin-bottom:35px; }
.margin-40px-bottom { margin-bottom:40px; }
.margin-45px-bottom { margin-bottom:45px; }
.margin-50px-bottom { margin-bottom:50px; }
.margin-55px-bottom { margin-bottom:55px; }
.margin-60px-bottom { margin-bottom:60px; }
.margin-65px-bottom { margin-bottom:65px; }
.margin-70px-bottom { margin-bottom:70px; }
.margin-75px-bottom { margin-bottom:75px; }
.margin-80px-bottom { margin-bottom:80px; }
.margin-85px-bottom { margin-bottom:85px; }
.margin-90px-bottom { margin-bottom:90px; }
.margin-95px-bottom { margin-bottom:95px; }
.margin-100px-bottom { margin-bottom:100px; }
.margin-1-rem-bottom { margin-bottom: 1rem; }
.margin-1-half-rem-bottom { margin-bottom: 1.5rem; }
.margin-2-rem-bottom { margin-bottom: 2rem; }
.margin-2-half-rem-bottom { margin-bottom: 2.5rem; }
.margin-3-rem-bottom { margin-bottom: 3rem; }
.margin-3-half-rem-bottom { margin-bottom: 3.5rem; }
.margin-4-rem-bottom { margin-bottom: 4rem; }
.margin-4-half-rem-bottom { margin-bottom: 4.5rem; }
.margin-5-rem-bottom { margin-bottom: 5rem; }
.margin-5-half-rem-bottom { margin-bottom: 5.5rem; }
.margin-6-rem-bottom { margin-bottom: 6rem; }
.margin-6-half-rem-bottom { margin-bottom: 6.5rem; }
.margin-7-rem-bottom { margin-bottom: 7rem; }
.margin-7-half-rem-bottom { margin-bottom: 7.5rem; }
.margin-8-rem-bottom { margin-bottom: 8rem; }
.margin-8-half-rem-bottom { margin-bottom: 8.5rem; }
.margin-9-rem-bottom { margin-bottom: 9rem; }
.margin-9-half-rem-bottom { margin-bottom: 9.5rem; }
.margin-10-rem-bottom { margin-bottom: 10rem; }
.margin-10-half-rem-bottom { margin-bottom: 10.5rem; }
.margin-15-rem-bottom { margin-bottom: 15rem; }
.margin-27-rem-bottom { margin-bottom: 27rem; }

/* margin right */
.margin-one-right { margin-right:1%; }
.margin-two-right { margin-right:2%; }
.margin-three-right { margin-right:3%; }
.margin-four-right { margin-right:4%; }
.margin-five-right { margin-right:5%; }
.margin-six-right { margin-right:6%; }
.margin-seven-right { margin-right:7%; }
.margin-eight-right { margin-right:8%; }
.margin-nine-right { margin-right:9%; }
.margin-ten-right { margin-right:10%; }
.margin-eleven-right { margin-right:11%; }
.margin-twelve-right { margin-right:12%; }
.margin-thirteen-right { margin-right:13%; }
.margin-fourteen-right { margin-right:14%; }
.margin-fifteen-right { margin-right:15%; }
.margin-sixteen-right { margin-right:16%; }
.margin-seventeen-right { margin-right:17%; }
.margin-eighteen-right { margin-right:18%; }
.margin-nineteen-right { margin-right:19%; }
.margin-twenty-right { margin-right:20%; }
.margin-5px-right { margin-right:5px; }
.margin-10px-right { margin-right:10px; }
.margin-15px-right { margin-right:15px; }
.margin-20px-right { margin-right:20px; }
.margin-25px-right { margin-right:25px; }
.margin-30px-right { margin-right:30px; }
.margin-35px-right { margin-right:35px; }
.margin-40px-right { margin-right:40px; }
.margin-45px-right { margin-right:45px; }
.margin-50px-right { margin-right:50px; }
.margin-55px-right { margin-right:55px; }
.margin-60px-right { margin-right:60px; }
.margin-65px-right { margin-right:65px; }
.margin-70px-right { margin-right:70px; }
.margin-75px-right { margin-right:75px; }
.margin-80px-right { margin-right:80px; }
.margin-85px-right { margin-right:85px; }
.margin-90px-right { margin-right:90px; }
.margin-95px-right { margin-right:95px; }
.margin-100px-right { margin-right:100px; }
.margin-1-rem-right { margin-right: 1rem; }
.margin-1-half-rem-right { margin-right: 1.5rem; }
.margin-2-rem-right { margin-right: 2rem; }
.margin-2-half-rem-right { margin-right: 2.5rem; }
.margin-3-rem-right { margin-right: 3rem; }
.margin-3-half-rem-right { margin-right: 3.5rem; }
.margin-4-rem-right { margin-right: 4rem; }
.margin-4-half-rem-right { margin-right: 4.5rem; }
.margin-5-rem-right { margin-right: 5rem; }
.margin-5-half-rem-right { margin-right: 5.5rem; }
.margin-6-rem-right { margin-right: 6rem; }
.margin-6-half-rem-right { margin-right: 6.5rem; }
.margin-7-rem-right { margin-right: 7rem; }
.margin-7-half-rem-right { margin-right: 7.5rem; }
.margin-8-rem-right { margin-right: 8rem; }
.margin-8-half-rem-right { margin-right: 8.5rem; }
.margin-9-rem-right { margin-right: 9rem; }
.margin-9-half-rem-right { margin-right: 9.5rem; }
.margin-10-rem-right { margin-right: 10rem; }
.margin-10-half-rem-right { margin-right: 10.5rem; }

/* margin left */
.margin-one-left { margin-left:1%; }
.margin-two-left { margin-left:2%; }
.margin-three-left { margin-left:3%; }
.margin-four-left { margin-left:4%; }
.margin-five-left { margin-left:5%; }
.margin-six-left { margin-left:6%; }
.margin-seven-left { margin-left:7%; }
.margin-eight-left { margin-left:8%; }
.margin-nine-left { margin-left:9%; }
.margin-ten-left { margin-left:10%; }
.margin-eleven-left { margin-left:11%; }
.margin-twelve-left { margin-left:12%; }
.margin-thirteen-left { margin-left:13%; }
.margin-fourteen-left { margin-left:14%; }
.margin-fifteen-left { margin-left:15%; }
.margin-sixteen-left { margin-left:16%; }
.margin-seventeen-left { margin-left:17%; }
.margin-eighteen-left { margin-left:18%; }
.margin-nineteen-left { margin-left:19%; }
.margin-twenty-left { margin-left:20%; }
.margin-5px-left { margin-left:5px; }
.margin-10px-left { margin-left:10px; }
.margin-15px-left { margin-left:15px; }
.margin-20px-left { margin-left:20px; }
.margin-25px-left { margin-left:25px; }
.margin-30px-left { margin-left:30px; }
.margin-35px-left { margin-left:35px; }
.margin-40px-left { margin-left:40px; }
.margin-45px-left { margin-left:45px; }
.margin-50px-left { margin-left:50px; }
.margin-55px-left { margin-left:55px; }
.margin-60px-left { margin-left:60px; }
.margin-65px-left { margin-left:65px; }
.margin-70px-left { margin-left:70px; }
.margin-75px-left { margin-left:75px; }
.margin-80px-left { margin-left:80px; }
.margin-85px-left { margin-left:85px; }
.margin-90px-left { margin-left:90px; }
.margin-95px-left { margin-left:95px; }
.margin-100px-left { margin-left:100px; }
.margin-1-rem-left { margin-left: 1rem; }
.margin-1-half-rem-left { margin-left: 1.5rem; }
.margin-2-rem-left { margin-left: 2rem; }
.margin-2-half-rem-left { margin-left: 2.5rem; }
.margin-3-rem-left { margin-left: 3rem; }
.margin-3-half-rem-left { margin-left: 3.5rem; }
.margin-4-rem-left { margin-left: 4rem; }
.margin-4-half-rem-left { margin-left: 4.5rem; }
.margin-5-rem-left { margin-left: 5rem; }
.margin-5-half-rem-left { margin-left: 5.5rem; }
.margin-6-rem-left { margin-left: 6rem; }
.margin-6-half-rem-left { margin-left: 6.5rem; }
.margin-7-rem-left { margin-left: 7rem; }
.margin-7-half-rem-left { margin-left: 7.5rem; }
.margin-8-rem-left { margin-left: 8rem; }
.margin-8-half-rem-left { margin-left: 8.5rem; }
.margin-9-rem-left { margin-left: 9rem; }
.margin-9-half-rem-left { margin-left: 9.5rem; }
.margin-10-rem-left { margin-left: 10rem; }
.margin-10-half-rem-left { margin-left: 10.5rem; }

/* margin left right */
.margin-one-lr { margin-left:1%; margin-right:1%; }
.margin-two-lr { margin-left:2%; margin-right:2%; }
.margin-three-lr { margin-left:3%; margin-right:3%; }
.margin-four-lr { margin-left:4%; margin-right:4%; }
.margin-five-lr { margin-left:5%; margin-right:5%; }
.margin-six-lr { margin-left:6%; margin-right:6%; }
.margin-seven-lr { margin-left:7%; margin-right:7%; }
.margin-eight-lr { margin-left:8%; margin-right:8%; }
.margin-nine-lr { margin-left:9%; margin-right:9%; }
.margin-ten-lr { margin-left:10%; margin-right:10%; }
.margin-eleven-lr { margin-left:11%; margin-right:11%; }
.margin-twelve-lr { margin-left:12%; margin-right:12%; }
.margin-thirteen-lr { margin-left:13%; margin-right:13%; }
.margin-fourteen-lr { margin-left:14%; margin-right:14%; }
.margin-fifteen-lr { margin-left:15%; margin-right:15%; }
.margin-sixteen-lr { margin-left:16%; margin-right:16%; }
.margin-seventeen-lr { margin-left:17%; margin-right:17%; }
.margin-eighteen-lr { margin-left:18%; margin-right:18%; }
.margin-nineteen-lr { margin-left:19%; margin-right:19%; }
.margin-twenty-lr { margin-left:20%; margin-right:20%; }
.margin-5px-lr { margin-left:5px; margin-right:5px; }
.margin-10px-lr { margin-left:10px; margin-right:10px; }
.margin-15px-lr { margin-left:15px; margin-right:15px; }
.margin-20px-lr { margin-left:20px; margin-right:20px; }
.margin-25px-lr { margin-left:25px; margin-right:25px; }
.margin-30px-lr { margin-left:30px; margin-right:30px; }
.margin-35px-lr { margin-left:35px; margin-right:35px; }
.margin-40px-lr { margin-left:40px; margin-right:40px; }
.margin-45px-lr { margin-left:45px; margin-right:45px; }
.margin-50px-lr { margin-left:50px; margin-right:50px; }
.margin-55px-lr { margin-left:55px; margin-right:55px; }
.margin-60px-lr { margin-left:60px; margin-right:60px; }
.margin-65px-lr { margin-left:65px; margin-right:65px; }
.margin-70px-lr { margin-left:70px; margin-right:70px; }
.margin-75px-lr { margin-left:75px; margin-right:75px; }
.margin-80px-lr { margin-left:80px; margin-right:80px; }
.margin-85px-lr { margin-left:85px; margin-right:85px; }
.margin-90px-lr { margin-left:90px; margin-right:90px; }
.margin-95px-lr { margin-left:95px; margin-right:95px; }
.margin-100px-lr { margin-left:100px; margin-right:100px; }
.margin-1-rem-lr { margin-left: 1rem; margin-right: 1rem; }
.margin-1-half-rem-lr { margin-left: 1.5rem; margin-right: 1.5rem; }
.margin-2-rem-lr { margin-left: 2rem; margin-right: 2rem; }
.margin-2-half-rem-lr { margin-left: 2.5rem; margin-right: 2.5rem; }
.margin-3-rem-lr { margin-left: 3rem; margin-right: 3rem; }
.margin-3-half-rem-lr { margin-left: 3.5rem; margin-right: 3.5rem; }
.margin-4-rem-lr { margin-left: 4rem; margin-right: 4rem; }
.margin-4-half-rem-lr { margin-left: 4.5rem; margin-right: 4.5rem; }
.margin-5-rem-lr { margin-left: 5rem; margin-right: 5rem; }
.margin-5-half-rem-lr { margin-left: 5.5rem; margin-right: 5.5rem; }
.margin-6-rem-lr { margin-left: 6rem; margin-right: 6rem; }
.margin-6-half-rem-lr { margin-left: 6.5rem; margin-right: 6.5rem; }
.margin-7-rem-lr { margin-left: 7rem; margin-right: 7rem; }
.margin-7-half-rem-lr { margin-left: 7.5rem; margin-right: 7.5rem; }
.margin-8-rem-lr { margin-left: 8rem; margin-right: 8rem; }
.margin-8-half-rem-lr { margin-left: 8.5rem; margin-right: 8.5rem; }
.margin-9-rem-lr { margin-left: 9rem; margin-right: 9rem; }
.margin-9-half-rem-lr { margin-left: 9.5rem; margin-right: 9.5rem; }
.margin-10-rem-lr { margin-left: 10rem; margin-right: 10rem; }
.margin-10-half-rem-lr { margin-left: 10.5rem; margin-right: 10.5rem; }

/* margin top bottom */
.margin-one-tb { margin-top:1%; margin-bottom:1%; }
.margin-two-tb { margin-top:2%; margin-bottom:2%; }
.margin-three-tb { margin-top:3%; margin-bottom:3%; }
.margin-four-tb { margin-top:4%; margin-bottom:4%; }
.margin-five-tb { margin-top:5%; margin-bottom:5%; }
.margin-six-tb { margin-top:6%; margin-bottom:6%; }
.margin-seven-tb { margin-top:7%; margin-bottom:7%; }
.margin-eight-tb { margin-top:8%; margin-bottom:8%; }
.margin-nine-tb { margin-top:9%; margin-bottom:9%; }
.margin-ten-tb { margin-top:10%; margin-bottom:10%; }
.margin-eleven-tb { margin-top:11%; margin-bottom:11%; }
.margin-twelve-tb { margin-top:12%; margin-bottom:12%; }
.margin-thirteen-tb { margin-top:13%; margin-bottom:13%; }
.margin-fourteen-tb { margin-top:14%; margin-bottom:14%; }
.margin-fifteen-tb { margin-top:15%; margin-bottom:15%; }
.margin-sixteen-tb { margin-top:16%; margin-bottom:16%; }
.margin-seventeen-tb { margin-top:17%; margin-bottom:17%; }
.margin-eighteen-tb { margin-top:18%; margin-bottom:18%; }
.margin-nineteen-tb { margin-top:19%; margin-bottom:19%; }
.margin-twenty-tb { margin-top:20%; margin-bottom:20%; }
.margin-5px-tb { margin-top:5px; margin-bottom:5px; }
.margin-10px-tb { margin-top:10px; margin-bottom:10px; }
.margin-15px-tb { margin-top:15px; margin-bottom:15px; }
.margin-20px-tb { margin-top:20px; margin-bottom:20px; }
.margin-25px-tb { margin-top:25px; margin-bottom:25px; }
.margin-30px-tb { margin-top:30px; margin-bottom:30px; }
.margin-35px-tb { margin-top:35px; margin-bottom:35px; }
.margin-40px-tb { margin-top:40px; margin-bottom:40px; }
.margin-45px-tb { margin-top:45px; margin-bottom:45px; }
.margin-50px-tb { margin-top:50px; margin-bottom:50px; }
.margin-55px-tb { margin-top:55px; margin-bottom:55px; }
.margin-60px-tb { margin-top:60px; margin-bottom:60px; }
.margin-65px-tb { margin-top:65px; margin-bottom:65px; }
.margin-70px-tb { margin-top:70px; margin-bottom:70px; }
.margin-75px-tb { margin-top:75px; margin-bottom:75px; }
.margin-80px-tb { margin-top:80px; margin-bottom:80px; }
.margin-85px-tb { margin-top:85px; margin-bottom:85px; }
.margin-90px-tb { margin-top:90px; margin-bottom:90px; }
.margin-95px-tb { margin-top:95px; margin-bottom:95px; }
.margin-100px-tb { margin-top:100px; margin-bottom:100px; }
.margin-1-rem-tb { margin-top: 1rem; margin-bottom: 1rem; }
.margin-1-half-rem-tb { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.margin-2-rem-tb { margin-top: 2rem; margin-bottom: 2rem; }
.margin-2-half-rem-tb { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.margin-3-rem-tb { margin-top: 3rem; margin-bottom: 3rem; }
.margin-3-half-rem-tb { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.margin-4-rem-tb { margin-top: 4rem; margin-bottom: 4rem; }
.margin-4-half-rem-tb { margin-top: 4.5rem; margin-bottom: 4.5rem; }
.margin-5-rem-tb { margin-top: 5rem; margin-bottom: 5rem; }
.margin-5-half-rem-tb { margin-top: 5.5rem; margin-bottom: 5.5rem; }
.margin-6-rem-tb { margin-top: 6rem; margin-bottom: 6rem; }
.margin-6-half-rem-tb { margin-top: 6.5rem; margin-bottom: 6.5rem; }
.margin-7-rem-tb { margin-top: 7rem; margin-bottom: 7rem; }
.margin-7-half-rem-tb { margin-top: 7.5rem; margin-bottom: 7.5rem; }
.margin-8-rem-tb { margin-top: 8rem; margin-bottom: 8rem; }
.margin-8-half-rem-tb { margin-top: 8.5rem; margin-bottom: 8.5rem; }
.margin-9-rem-tb { margin-top: 9rem; margin-bottom: 9rem; }
.margin-9-half-rem-tb { margin-top: 9.5rem; margin-bottom: 9.5rem; }
.margin-10-rem-tb { margin-top: 10rem; margin-bottom: 10rem; }
.margin-10-half-rem-tb { margin-top: 10.5rem; margin-bottom: 10.5rem; }

.margin-auto-lr { margin: 0 auto; }
.margin-auto { margin: auto; }
.no-margin { margin: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-left { margin-left: 0 !important; }
.no-margin-right { margin-right: 0 !important; }
.no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }

/* ===================================
    11. Padding
====================================== */

.padding-one-all { padding:1%; }
.padding-two-all { padding:2%; }
.padding-three-all { padding:3%; }
.padding-four-all { padding:4%; }
.padding-five-all { padding:5%; }
.padding-six-all { padding:6%; }
.padding-seven-all { padding:7%; }
.padding-eight-all { padding:8%; }
.padding-nine-all { padding:9%; }
.padding-ten-all { padding:10%; }
.padding-eleven-all { padding:11%; }
.padding-twelve-all { padding:12%; }
.padding-thirteen-all { padding:13%; }
.padding-fourteen-all { padding:14%; }
.padding-fifteen-all { padding:15%; }
.padding-sixteen-all { padding:16%; }
.padding-seventeen-all { padding:17%; }
.padding-eighteen-all { padding:18%; }
.padding-nineteen-all { padding:19%; }
.padding-twenty-all { padding:20%; }
.padding-5px-all { padding:5px; }
.padding-10px-all { padding:10px; }
.padding-15px-all { padding:15px; }
.padding-20px-all { padding:20px; }
.padding-25px-all { padding:25px; }
.padding-30px-all { padding:30px; }
.padding-35px-all { padding:35px; }
.padding-40px-all { padding:40px; }
.padding-45px-all { padding:45px; }
.padding-50px-all { padding:50px; }
.padding-55px-all { padding:55px; }
.padding-60px-all { padding:60px; }
.padding-65px-all { padding:65px; }
.padding-70px-all { padding:70px; }
.padding-75px-all { padding:75px; }
.padding-80px-all { padding:80px; }
.padding-85px-all { padding:85px; }
.padding-90px-all { padding:90px; }
.padding-95px-all { padding:95px; }
.padding-100px-all { padding:100px; }
.padding-1-rem-all { padding: 1rem; }
.padding-1-half-rem-all { padding: 1.5rem; }
.padding-2-rem-all { padding: 2rem; }
.padding-2-half-rem-all { padding: 2.5rem; }
.padding-3-rem-all { padding: 3rem; }
.padding-3-half-rem-all { padding: 3.5rem; }
.padding-4-rem-all { padding: 4rem; }
.padding-4-half-rem-all { padding: 4.5rem; }
.padding-5-rem-all { padding: 5rem; }
.padding-5-half-rem-all { padding: 5.5rem; }
.padding-6-rem-all { padding: 6rem; }
.padding-6-half-rem-all { padding: 6.5rem; }
.padding-7-rem-all { padding: 7rem; }
.padding-7-half-rem-all { padding: 7.5rem; }
.padding-8-rem-all { padding: 8rem; }
.padding-8-half-rem-all { padding: 8.5rem; }
.padding-9-rem-all { padding: 9rem; }
.padding-9-half-rem-all { padding: 9.5rem; }
.padding-10-rem-all { padding: 10rem; }
.padding-10-half-rem-all { padding: 10.5rem; }

/* padding top */
.padding-one-top { padding-top:1%; }
.padding-two-top { padding-top:2%; }
.padding-three-top { padding-top:3%; }
.padding-four-top { padding-top:4%; }
.padding-five-top { padding-top:5%; }
.padding-six-top { padding-top:6%; }
.padding-seven-top { padding-top:7%; }
.padding-eight-top { padding-top:8%; }
.padding-nine-top { padding-top:9%; }
.padding-ten-top { padding-top:10%; }
.padding-eleven-top { padding-top:11%; }
.padding-twelve-top { padding-top:12%; }
.padding-thirteen-top { padding-top:13%; }
.padding-fourteen-top { padding-top:14%; }
.padding-fifteen-top { padding-top:15%; }
.padding-sixteen-top { padding-top:16%; }
.padding-seventeen-top { padding-top:17%; }
.padding-eighteen-top { padding-top:18%; }
.padding-nineteen-top { padding-top:19%; }
.padding-twenty-top { padding-top:20%; }
.padding-5px-top { padding-top:5px; }
.padding-10px-top { padding-top:10px; }
.padding-15px-top { padding-top:15px; }
.padding-20px-top { padding-top:20px; }
.padding-25px-top { padding-top:25px; }
.padding-30px-top { padding-top:30px; }
.padding-35px-top { padding-top:35px; }
.padding-40px-top { padding-top:40px; }
.padding-45px-top { padding-top:45px; }
.padding-50px-top { padding-top:50px; }
.padding-55px-top { padding-top:55px; }
.padding-60px-top { padding-top:60px; }
.padding-65px-top { padding-top:65px; }
.padding-70px-top { padding-top:70px; }
.padding-75px-top { padding-top:75px; }
.padding-80px-top { padding-top:80px; }
.padding-85px-top { padding-top:85px; }
.padding-90px-top { padding-top:90px; }
.padding-95px-top { padding-top:95px; }
.padding-100px-top { padding-top:100px; }
.padding-1-rem-top { padding-top: 1rem; }
.padding-1-half-rem-top { padding-top: 1.5rem; }
.padding-2-rem-top { padding-top: 2rem; }
.padding-2-half-rem-top { padding-top: 2.5rem; }
.padding-3-rem-top { padding-top: 3rem; }
.padding-3-half-rem-top { padding-top: 3.5rem; }
.padding-4-rem-top { padding-top: 4rem; }
.padding-4-half-rem-top { padding-top: 4.5rem; }
.padding-5-rem-top { padding-top: 5rem; }
.padding-5-half-rem-top { padding-top: 5.5rem; }
.padding-6-rem-top { padding-top: 6rem; }
.padding-6-half-rem-top { padding-top: 6.5rem; }
.padding-7-rem-top { padding-top: 7rem; }
.padding-7-half-rem-top { padding-top: 7.5rem; }
.padding-8-rem-top { padding-top: 8rem; }
.padding-8-half-rem-top { padding-top: 8.5rem; }
.padding-9-rem-top { padding-top: 9rem; }
.padding-9-half-rem-top { padding-top: 9.5rem; }
.padding-10-rem-top { padding-top: 10rem; }
.padding-10-half-rem-top { padding-top: 10.5rem; }

/* padding bottom */
.padding-one-bottom { padding-bottom:1%; }
.padding-two-bottom { padding-bottom:2%; }
.padding-three-bottom { padding-bottom:3%; }
.padding-four-bottom { padding-bottom:4%; }
.padding-five-bottom { padding-bottom:5%; }
.padding-six-bottom { padding-bottom:6%; }
.padding-seven-bottom { padding-bottom:7%; }
.padding-eight-bottom { padding-bottom:8%; }
.padding-nine-bottom { padding-bottom:9%; }
.padding-ten-bottom { padding-bottom:10%; }
.padding-eleven-bottom { padding-bottom:11%; }
.padding-twelve-bottom { padding-bottom:12%; }
.padding-thirteen-bottom { padding-bottom:13%; }
.padding-fourteen-bottom { padding-bottom:14%; }
.padding-fifteen-bottom { padding-bottom:15%; }
.padding-sixteen-bottom { padding-bottom:16%; }
.padding-seventeen-bottom { padding-bottom:17%; }
.padding-eighteen-bottom { padding-bottom:18%; }
.padding-nineteen-bottom { padding-bottom:19%; }
.padding-twenty-bottom { padding-bottom:20%; }
.padding-5px-bottom { padding-bottom:5px; }
.padding-10px-bottom { padding-bottom:10px; }
.padding-15px-bottom { padding-bottom:15px; }
.padding-20px-bottom { padding-bottom:20px; }
.padding-25px-bottom { padding-bottom:25px; }
.padding-30px-bottom { padding-bottom:30px; }
.padding-35px-bottom { padding-bottom:35px; }
.padding-40px-bottom { padding-bottom:40px; }
.padding-45px-bottom { padding-bottom:45px; }
.padding-50px-bottom { padding-bottom:50px; }
.padding-55px-bottom { padding-bottom:55px; }
.padding-60px-bottom { padding-bottom:60px; }
.padding-65px-bottom { padding-bottom:65px; }
.padding-70px-bottom { padding-bottom:70px; }
.padding-75px-bottom { padding-bottom:75px; }
.padding-80px-bottom { padding-bottom:80px; }
.padding-85px-bottom { padding-bottom:85px; }
.padding-90px-bottom { padding-bottom:90px; }
.padding-95px-bottom { padding-bottom:95px; }
.padding-100px-bottom { padding-bottom:100px; }
.padding-1-rem-bottom { padding-bottom: 1rem; }
.padding-1-half-rem-bottom { padding-bottom: 1.5rem; }
.padding-2-rem-bottom { padding-bottom: 2rem; }
.padding-2-half-rem-bottom { padding-bottom: 2.5rem; }
.padding-3-rem-bottom { padding-bottom: 3rem; }
.padding-3-half-rem-bottom { padding-bottom: 3.5rem; }
.padding-4-rem-bottom { padding-bottom: 4rem; }
.padding-4-half-rem-bottom { padding-bottom: 4.5rem; }
.padding-5-rem-bottom { padding-bottom: 5rem; }
.padding-5-half-rem-bottom { padding-bottom: 5.5rem; }
.padding-6-rem-bottom { padding-bottom: 6rem; }
.padding-6-half-rem-bottom { padding-bottom: 6.5rem; }
.padding-7-rem-bottom { padding-bottom: 7rem; }
.padding-7-half-rem-bottom { padding-bottom: 7.5rem; }
.padding-8-rem-bottom { padding-bottom: 8rem; }
.padding-8-half-rem-bottom { padding-bottom: 8.5rem; }
.padding-9-rem-bottom { padding-bottom: 9rem; }
.padding-9-half-rem-bottom { padding-bottom: 9.5rem; }
.padding-10-rem-bottom { padding-bottom: 10rem; }
.padding-10-half-rem-bottom { padding-bottom: 10.5rem; }

/* padding right */
.padding-one-right { padding-right:1%; }
.padding-two-right { padding-right:2%; }
.padding-three-right { padding-right:3%; }
.padding-four-right { padding-right:4% }
.padding-five-right { padding-right:5%; }
.padding-six-right { padding-right:6%; }
.padding-seven-right { padding-right:7%; }
.padding-eight-right { padding-right:8%; }
.padding-nine-right { padding-right:9%; }
.padding-ten-right { padding-right:10%; }
.padding-eleven-right { padding-right:11%; }
.padding-twelve-right { padding-right:12%; }
.padding-thirteen-right { padding-right:13%; }
.padding-fourteen-right { padding-right:14%; }
.padding-fifteen-right { padding-right:15%; }
.padding-sixteen-right { padding-right:16%; }
.padding-seventeen-right { padding-right:17%; }
.padding-eighteen-right { padding-right:18%; }
.padding-nineteen-right { padding-right:19%; }
.padding-twenty-right { padding-right:20%; }
.padding-5px-right { padding-right:5px; }
.padding-10px-right { padding-right:10px; }
.padding-15px-right { padding-right:15px; }
.padding-20px-right { padding-right:20px; }
.padding-25px-right { padding-right:25px; }
.padding-30px-right { padding-right:30px; }
.padding-35px-right { padding-right:35px; }
.padding-40px-right { padding-right:40px; }
.padding-45px-right { padding-right:45px; }
.padding-50px-right { padding-right:50px; }
.padding-55px-right { padding-right:55px; }
.padding-60px-right { padding-right:60px; }
.padding-65px-right { padding-right:65px; }
.padding-70px-right { padding-right:70px; }
.padding-75px-right { padding-right:75px; }
.padding-80px-right { padding-right:80px; }
.padding-85px-right { padding-right:85px; }
.padding-90px-right { padding-right:90px; }
.padding-95px-right { padding-right:95px; }
.padding-100px-right { padding-right:100px; }
.padding-1-rem-right { padding-right: 1rem; }
.padding-1-half-rem-right { padding-right: 1.5rem; }
.padding-2-rem-right { padding-right: 2rem; }
.padding-2-half-rem-right { padding-right: 2.5rem; }
.padding-3-rem-right { padding-right: 3rem; }
.padding-3-half-rem-right { padding-right: 3.5rem; }
.padding-4-rem-right { padding-right: 4rem; }
.padding-4-half-rem-right { padding-right: 4.5rem; }
.padding-5-rem-right { padding-right: 5rem; }
.padding-5-half-rem-right { padding-right: 5.5rem; }
.padding-6-rem-right { padding-right: 6rem; }
.padding-6-half-rem-right { padding-right: 6.5rem; }
.padding-7-rem-right { padding-right: 7rem; }
.padding-7-half-rem-right { padding-right: 7.5rem; }
.padding-8-rem-right { padding-right: 8rem; }
.padding-8-half-rem-right { padding-right: 8.5rem; }
.padding-9-rem-right { padding-right: 9rem; }
.padding-9-half-rem-right { padding-right: 9.5rem; }
.padding-10-rem-right { padding-right: 10rem; }
.padding-10-half-rem-right { padding-right: 10.5rem; }

/* padding left */
.padding-one-left { padding-left:1%; }
.padding-two-left { padding-left:2%; }
.padding-three-left { padding-left:3%; }
.padding-four-left { padding-left:4%; }
.padding-five-left { padding-left:5%; }
.padding-six-left { padding-left:6%; }
.padding-seven-left { padding-left:7%; }
.padding-eight-left { padding-left:8%; }
.padding-nine-left { padding-left:9%; }
.padding-ten-left { padding-left:10%; }
.padding-eleven-left { padding-left:11%; }
.padding-twelve-left { padding-left:12%; }
.padding-thirteen-left { padding-left:13%; }
.padding-fourteen-left { padding-left:14%; }
.padding-fifteen-left { padding-left:15%; }
.padding-sixteen-left { padding-left:16%; }
.padding-seventeen-left { padding-left:17%; }
.padding-eighteen-left { padding-left:18%; }
.padding-nineteen-left { padding-left:19%; }
.padding-twenty-left { padding-left:20%; }
.padding-5px-left { padding-left:5px; }
.padding-10px-left { padding-left:10px; }
.padding-15px-left { padding-left:15px; }
.padding-20px-left { padding-left:20px; }
.padding-25px-left { padding-left:25px; }
.padding-30px-left { padding-left:30px; }
.padding-35px-left { padding-left:35px; }
.padding-40px-left { padding-left:40px; }
.padding-45px-left { padding-left:45px; }
.padding-50px-left { padding-left:50px; }
.padding-55px-left { padding-left:55px; }
.padding-60px-left { padding-left:60px; }
.padding-65px-left { padding-left:65px; }
.padding-70px-left { padding-left:70px; }
.padding-75px-left { padding-left:75px; }
.padding-80px-left { padding-left:80px; }
.padding-85px-left { padding-left:85px; }
.padding-90px-left { padding-left:90px; }
.padding-95px-left { padding-left:95px; }
.padding-100px-left { padding-left:100px; }
.padding-1-rem-left { padding-left: 1rem; }
.padding-1-half-rem-left { padding-left: 1.5rem; }
.padding-2-rem-left { padding-left: 2rem; }
.padding-2-half-rem-left { padding-left: 2.5rem; }
.padding-3-rem-left { padding-left: 3rem; }
.padding-3-half-rem-left { padding-left: 3.5rem; }
.padding-4-rem-left { padding-left: 4rem; }
.padding-4-half-rem-left { padding-left: 4.5rem; }
.padding-5-rem-left { padding-left: 5rem; }
.padding-5-half-rem-left { padding-left: 5.5rem; }
.padding-6-rem-left { padding-left: 6rem; }
.padding-6-half-rem-left { padding-left: 6.5rem; }
.padding-7-rem-left { padding-left: 7rem; }
.padding-7-half-rem-left { padding-left: 7.5rem; }
.padding-8-rem-left { padding-left: 8rem; }
.padding-8-half-rem-left { padding-left: 8.5rem; }
.padding-9-rem-left { padding-left: 9rem; }
.padding-9-half-rem-left { padding-left: 9.5rem; }
.padding-10-rem-left { padding-left: 10rem; }
.padding-10-half-rem-left { padding-left: 10.5rem; }

/* padding top bottom */
.padding-one-tb { padding-top:1%; padding-bottom:1%; }
.padding-two-tb { padding-top:2%; padding-bottom:2%; }
.padding-three-tb { padding-top:3%; padding-bottom:3%; }
.padding-four-tb { padding-top:4%; padding-bottom:4%; }
.padding-five-tb { padding-top:5%; padding-bottom:5%; }
.padding-six-tb { padding-top:6%; padding-bottom:6%; }
.padding-seven-tb { padding-top:7%; padding-bottom:7%; }
.padding-eight-tb { padding-top:8%; padding-bottom:8%; }
.padding-nine-tb { padding-top:9%; padding-bottom:9%; }
.padding-ten-tb { padding-top:10%; padding-bottom:10%; }
.padding-eleven-tb { padding-top:11%; padding-bottom:11%; }
.padding-twelve-tb { padding-top:12%; padding-bottom:12%; }
.padding-thirteen-tb { padding-top:13%; padding-bottom:13%; }
.padding-fourteen-tb { padding-top:14%; padding-bottom:14%; }
.padding-fifteen-tb { padding-top:15%; padding-bottom:15%; }
.padding-sixteen-tb { padding-top:16%; padding-bottom:16%; }
.padding-seventeen-tb { padding-top:17%; padding-bottom:17%; }
.padding-eighteen-tb { padding-top:18%; padding-bottom:18%; }
.padding-nineteen-tb { padding-top:19%; padding-bottom:19%; }
.padding-twenty-tb { padding-top:20%; padding-bottom:20%; }
.padding-5px-tb { padding-top:5px; padding-bottom:5px; }
.padding-10px-tb { padding-top:10px; padding-bottom:10px; }
.padding-15px-tb { padding-top:15px; padding-bottom:15px; }
.padding-20px-tb { padding-top:20px; padding-bottom:20px; }
.padding-25px-tb { padding-top:25px; padding-bottom:25px; }
.padding-30px-tb { padding-top:30px; padding-bottom:30px; }
.padding-35px-tb { padding-top:35px; padding-bottom:35px; }
.padding-40px-tb { padding-top:40px; padding-bottom:40px; }
.padding-45px-tb { padding-top:45px; padding-bottom:45px; }
.padding-50px-tb { padding-top:50px; padding-bottom:50px; }
.padding-55px-tb { padding-top:55px; padding-bottom:55px; }
.padding-60px-tb { padding-top:60px; padding-bottom:60px; }
.padding-65px-tb { padding-top:65px; padding-bottom:65px; }
.padding-70px-tb { padding-top:70px; padding-bottom:70px; }
.padding-75px-tb { padding-top:75px; padding-bottom:75px; }
.padding-80px-tb { padding-top:80px; padding-bottom:80px; }
.padding-85px-tb { padding-top:85px; padding-bottom:85px; }
.padding-90px-tb { padding-top:90px; padding-bottom:90px; }
.padding-95px-tb { padding-top:95px; padding-bottom:95px; }
.padding-100px-tb { padding-top:100px; padding-bottom:100px; }
.padding-1-rem-tb { padding-top: 1rem; padding-bottom: 1rem; }
.padding-1-half-rem-tb { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.padding-2-rem-tb { padding-top: 2rem; padding-bottom: 2rem; }
.padding-2-half-rem-tb { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.padding-3-rem-tb { padding-top: 3rem; padding-bottom: 3rem; }
.padding-3-half-rem-tb { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
.padding-4-half-rem-tb { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.padding-5-rem-tb { padding-top: 5rem; padding-bottom: 5rem; }
.padding-5-half-rem-tb { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.padding-6-rem-tb { padding-top: 6rem; padding-bottom: 6rem; }
.padding-6-half-rem-tb { padding-top: 6.5rem; padding-bottom: 6.5rem; }
.padding-7-rem-tb { padding-top: 7rem; padding-bottom: 7rem; }
.padding-7-half-rem-tb { padding-top: 7.5rem; padding-bottom: 7.5rem; }
.padding-8-rem-tb { padding-top: 8rem; padding-bottom: 8rem; }
.padding-8-half-rem-tb { padding-top: 8.5rem; padding-bottom: 8.5rem; }
.padding-9-rem-tb { padding-top: 9rem; padding-bottom: 9rem; }
.padding-9-half-rem-tb { padding-top: 9.5rem; padding-bottom: 9.5rem; }
.padding-10-rem-tb { padding-top: 10rem; padding-bottom: 10rem; }
.padding-10-half-rem-tb { padding-top: 10.5rem; padding-bottom: 10.5rem; }

/* padding left right */
.padding-one-lr { padding-left:1%; padding-right:1%; }
.padding-two-lr { padding-left:2%; padding-right:2%; }
.padding-three-lr { padding-left:3%; padding-right:3%; }
.padding-four-lr { padding-left:4%; padding-right:4%; }
.padding-five-lr { padding-left:5%; padding-right:5%; }
.padding-six-lr { padding-left:6%; padding-right:6%; }
.padding-seven-lr { padding-left:7%; padding-right:7%; }
.padding-eight-lr { padding-left:8%; padding-right:8%; }
.padding-nine-lr { padding-left:9%; padding-right:9%; }
.padding-ten-lr { padding-left:10%; padding-right:10%; }
.padding-eleven-lr { padding-left:11%; padding-right:11%; }
.padding-twelve-lr { padding-left:12%; padding-right:12%; }
.padding-thirteen-lr { padding-left:13%; padding-right:13%; }
.padding-fourteen-lr { padding-left:14%; padding-right:14%; }
.padding-fifteen-lr { padding-left:15%; padding-right:15%; }
.padding-sixteen-lr { padding-left:16%; padding-right:16%; }
.padding-seventeen-lr { padding-left:17%; padding-right:17%; }
.padding-eighteen-lr { padding-left:18%; padding-right:18%; }
.padding-nineteen-lr { padding-left:19%; padding-right:19%; }
.padding-twenty-lr { padding-left:20%; padding-right:20%; }
.padding-5px-lr { padding-left:5px; padding-right:5px; }
.padding-10px-lr { padding-left:10px; padding-right:10px; }
.padding-15px-lr { padding-left:15px; padding-right:15px; }
.padding-20px-lr { padding-left:20px; padding-right:20px; }
.padding-25px-lr { padding-left:25px; padding-right:25px; }
.padding-30px-lr { padding-left:30px; padding-right:30px; }
.padding-35px-lr { padding-left:35px; padding-right:35px; }
.padding-40px-lr { padding-left:40px; padding-right:40px; }
.padding-45px-lr { padding-left:45px; padding-right:45px; }
.padding-50px-lr { padding-left:50px; padding-right:50px; }
.padding-55px-lr { padding-left:55px; padding-right:55px; }
.padding-60px-lr { padding-left:60px; padding-right:60px; }
.padding-65px-lr { padding-left:65px; padding-right:65px; }
.padding-70px-lr { padding-left:70px; padding-right:70px; }
.padding-75px-lr { padding-left:75px; padding-right:75px; }
.padding-80px-lr { padding-left:80px; padding-right:80px; }
.padding-85px-lr { padding-left:85px; padding-right:85px; }
.padding-90px-lr { padding-left:90px; padding-right:90px; }
.padding-95px-lr { padding-left:95px; padding-right:95px; }
.padding-100px-lr { padding-left:100px; padding-right:100px; }
.padding-1-rem-lr { padding-left: 1rem; padding-right: 1rem; }
.padding-1-half-rem-lr { padding-left: 1.5rem; padding-right: 1.5rem; }
.padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
.padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
.padding-3-rem-lr { padding-left: 3rem; padding-right: 3rem; }
.padding-3-half-rem-lr { padding-left: 3.5rem; padding-right: 3.5rem; }
.padding-4-rem-lr { padding-left: 4rem; padding-right: 4rem; }
.padding-4-half-rem-lr { padding-left: 4.5rem; padding-right: 4.5rem; }
.padding-5-rem-lr { padding-left: 5rem; padding-right: 5rem; }
.padding-5-half-rem-lr { padding-left: 5.5rem; padding-right: 5.5rem; }
.padding-6-rem-lr { padding-left: 6rem; padding-right: 6rem; }
.padding-6-half-rem-lr { padding-left: 6.5rem; padding-right: 6.5rem; }
.padding-7-rem-lr { padding-left: 7rem; padding-right: 7rem; }
.padding-7-half-rem-lr { padding-left: 7.5rem; padding-right: 7.5rem; }
.padding-8-rem-lr { padding-left: 8rem; padding-right: 8rem; }
.padding-8-half-rem-lr { padding-left: 8.5rem; padding-right: 8.5rem; }
.padding-9-rem-lr { padding-left: 9rem; padding-right: 9rem; }
.padding-9-half-rem-lr { padding-left: 9.5rem; padding-right: 9.5rem; }
.padding-10-rem-lr { padding-left: 10rem; padding-right: 10rem; }
.padding-10-half-rem-lr { padding-left: 10.5rem; padding-right: 10.5rem; }

.no-padding { padding:0 !important; }
.no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
.no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
.no-padding-top { padding-top:0 !important; }
.no-padding-bottom { padding-bottom:0 !important; }
.no-padding-left { padding-left:0 !important; }
.no-padding-right { padding-right:0 !important; }

/* ===================================
    12. Display and overflow
====================================== */

.d-initial { display: initial !important; }
.overflow-hidden { overflow:hidden !important; }
.overflow-visible { overflow:visible !important; }
.overflow-auto { overflow:auto !important; }

/* ===================================
    13. Position
====================================== */

.position-inherit { position: inherit !important; }

/* top */
.top-0px { top: 0; }
.top-1px { top: 1px; }
.top-2px { top: 2px; }
.top-3px { top: 3px; }
.top-4px { top: 4px; }
.top-5px { top: 5px; }
.top-6px { top: 6px; }
.top-7px { top: 7px; }
.top-8px { top: 8px; }
.top-9px { top: 9px; }
.top-10px { top: 10px; }
.top-15px { top: 15px; }
.top-20px { top: 20px; }
.top-25px { top: 25px; }
.top-30px { top: 30px; }
.top-35px { top: 35px; }
.top-40px { top: 40px; }
.top-45px { top: 45px; }
.top-50px { top: 50px; }
.top-60px { top: 60px; }
.top-70px { top: 70px; }
.top-80px { top: 80px; }
.top-90px { top: 90px; }
.top-100px { top: 100px; }
.top-auto { top:auto; }
.top-inherit { top:inherit; }

/* top minus */
.top-minus-1px { top: -1px; }
.top-minus-2px { top: -2px; }
.top-minus-3px { top: -3px; }
.top-minus-4px { top: -4px; }
.top-minus-5px { top: -5px; }
.top-minus-6px { top: -6px; }
.top-minus-7px { top: -7px; }
.top-minus-8px { top: -8px; }
.top-minus-9px { top: -9px; }
.top-minus-10px { top: -10px; }
.top-minus-15px { top: -15px; }
.top-minus-20px { top: -20px; }
.top-minus-25px { top: -25px; }
.top-minus-30px { top: -30px; }
.top-minus-35px { top: -35px; }
.top-minus-40px { top: -40px; }
.top-minus-45px { top: -45px; }
.top-minus-50px { top: -50px; }
.top-minus-60px { top: -60px; }
.top-minus-70px { top: -70px; }

/* bottom */
.bottom-0px { bottom:0; }
.bottom-1px { bottom:1px; }
.bottom-2px { bottom:2px; }
.bottom-3px { bottom:3px; }
.bottom-4px { bottom:4px; }
.bottom-5px { bottom:5px; }
.bottom-6px { bottom:6px; }
.bottom-7px { bottom:7px; }
.bottom-8px { bottom:8px; }
.bottom-9px { bottom:9px; }
.bottom-10px { bottom:10px; }
.bottom-15px { bottom:15px; }
.bottom-20px { bottom:20px; }
.bottom-25px { bottom:25px; }
.bottom-30px { bottom:30px; }
.bottom-35px { bottom:35px; }
.bottom-40px { bottom:40px; }
.bottom-45px { bottom:45px; }
.bottom-50px { bottom:50px; }
.bottom-55px { bottom:55px; }
.bottom-60px { bottom:60px; }
.bottom-65px { bottom:65px; }
.bottom-70px { bottom:70px; }
.bottom-75px { bottom:75px; }
.bottom-80px { bottom:80px; }
.bottom-85px { bottom:85px; }
.bottom-90px { bottom:90px; }
.bottom-95px { bottom:95px; }
.bottom-100px { bottom:100px; }
.bottom-auto { bottom: auto; }
.bottom-inherit { bottom: inherit; }

/* bottom minus */
.bottom-minus-1px { bottom: -1px; }
.bottom-minus-2px { bottom: -2px; }
.bottom-minus-3px { bottom: -3px; }
.bottom-minus-4px { bottom: -4px; }
.bottom-minus-5px { bottom: -5px; }
.bottom-minus-6px { bottom: -6px; }
.bottom-minus-7px { bottom: -7px; }
.bottom-minus-8px { bottom: -8px; }
.bottom-minus-9px { bottom: -9px; }
.bottom-minus-10px { bottom: -10px; }
.bottom-minus-15px { bottom: -15px; }
.bottom-minus-20px { bottom: -20px; }
.bottom-minus-25px { bottom: -25px; }
.bottom-minus-30px { bottom: -30px; }
.bottom-minus-35px { bottom: -35px; }
.bottom-minus-40px { bottom: -40px; }
.bottom-minus-45px { bottom: -45px; }
.bottom-minus-50px { bottom: -50px; }

/* right */
.right-0px { right: 0; }
.right-1px { right: 1px; }
.right-2px { right: 2px; }
.right-3px { right: 3px; }
.right-4px { right: 4px; }
.right-5px { right: 5px; }
.right-6px { right: 6px; }
.right-7px { right: 7px; }
.right-8px { right: 8px; }
.right-9px { right: 9px; }
.right-10px { right: 10px; }
.right-15px { right: 15px; }
.right-20px { right: 20px; }
.right-25px { right: 25px; }
.right-30px { right: 30px; }
.right-35px { right: 35px; }
.right-40px { right: 40px; }
.right-45px { right: 45px; }
.right-50px { right: 50px; }
.right-55px { right: 55px; }
.right-60px { right: 60px; }
.right-auto { right: auto; }
.right-inherit { right: inherit; }

/* right minus */
.right-minus-1px { right: -1px; }
.right-minus-2px { right: -2px; }
.right-minus-3px { right: -3px; }
.right-minus-4px { right: -4px; }
.right-minus-5px { right: -5px; }
.right-minus-6px { right: -6px; }
.right-minus-7px { right: -7px; }
.right-minus-8px { right: -8px; }
.right-minus-9px { right: -9px; }
.right-minus-10px { right: -10px; }
.right-minus-15px { right: -15px; }
.right-minus-20px { right: -20px; }
.right-minus-25px { right: -25px; }
.right-minus-30px { right: -30px; }
.right-minus-35px { right: -35px; }
.right-minus-40px { right: -40px; }
.right-minus-45px { right: -45px; }
.right-minus-50px { right: -50px; }
.right-minus-60px { right: -60px; }
.right-minus-70px { right: -70px; }

/* left */
.left-0px { left: 0; }
.left-1px { left: 1px; }
.left-2px { left: 2px; }
.left-3px { left: 3px; }
.left-4px { left: 4px; }
.left-5px { left: 5px; }
.left-6px { left: 6px; }
.left-7px { left: 7px; }
.left-8px { left: 8px; }
.left-9px { left: 9px; }
.left-10px { left: 10px; }
.left-15px { left: 15px; }
.left-20px { left: 20px; }
.left-25px { left: 25px; }
.left-30px { left: 30px; }
.left-35px { left: 35px; }
.left-40px { left: 40px; }
.left-45px { left: 45px; }
.left-50px { left: 50px; }
.left-auto { left: auto; }
.left-inherit { left: inherit; }

/* left minus */
.left-0px { left: 0; }
.left-minus-1px { left: -1px; }
.left-minus-2px { left: -2px; }
.left-minus-3px { left: -3px; }
.left-minus-4px { left: -4px; }
.left-minus-5px { left: -5px; }
.left-minus-6px { left: -6px; }
.left-minus-7px { left: -7px; }
.left-minus-8px { left: -8px; }
.left-minus-9px { left: -9px; }
.left-minus-10px { left: -10px; }
.left-minus-15px { left: -15px; }
.left-minus-20px { left: -20px; }
.left-minus-25px { left: -25px; }
.left-minus-30px { left: -30px; }
.left-minus-35px { left: -35px; }
.left-minus-40px { left: -40px; }
.left-minus-45px { left: -45px; }
.left-minus-50px { left: -50px; }

/* ===================================
    14. Width
====================================== */

.w-1px { width:1px; }
.w-2px { width:2px; }
.w-3px { width:3px; }
.w-4px { width:4px; }
.w-5px { width:5px; }
.w-6px { width:6px; }
.w-7px { width:7px; }
.w-8px { width:8px; }
.w-9px { width:9px; }
.w-10px { width:10px; }
.w-15px { width:15px; }
.w-20px { width:20px; }
.w-25px { width:25px; }
.w-30px { width:30px; }
.w-35px { width:35px; }
.w-40px { width:40px; }
.w-45px { width:45px; }
.w-50px { width:50px; }
.w-55px { width:55px; }
.w-60px { width:60px; }
.w-65px { width:65px; }
.w-70px { width:70px; }
.w-75px { width:75px; }
.w-80px { width:80px; }
.w-85px { width:85px; }
.w-90px { width:90px; }
.w-95px { width:95px; }
.w-100px { width:100px; }
.w-110px { width:110px; }
.w-120px { width:120px; }
.w-130px { width:130px; }
.w-140px { width:140px; }
.w-150px { width:150px; }
.w-160px { width:160px; }
.w-170px { width:170px; }
.w-180px { width:180px; }
.w-190px { width:190px; }
.w-200px { width:200px; }
.w-250px { width:250px; }
.w-300px { width:300px; }
.w-350px { width:350px; }
.w-400px { width:400px; }
.w-450px { width:450px; }
.w-500px { width:500px; }
.w-550px { width:550px; }
.w-600px { width:600px; }
.w-650px { width:650px; }
.w-700px { width:700px; }
.w-750px { width:750px; }
.w-800px { width:800px; }
.w-850px { width:850px; }
.w-900px { width:900px; }
.w-950px { width:950px; }
.w-1000px { width:1000px; }

.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-57 { width: 57%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }
.w-auto { width:auto; }

/* ===================================
    15. Height
====================================== */

.swiper-container { width: 100%; height: 100%; }
.h-1px { height: 1px; }
.h-2px { height: 2px; }
.h-3px { height: 3px; }
.h-4px { height: 4px; }
.h-5px { height: 5px; }
.h-6px { height: 6px; }
.h-7px { height: 7px; }
.h-8px { height: 8px; }
.h-9px { height: 9px; }
.h-10px { height: 10px; }
.h-15px { height: 15px; }
.h-20px { height: 20px; }
.h-25px { height: 25px; }
.h-30px { height: 30px; }
.h-35px { height: 35px; }
.h-40px { height: 40px; }
.h-42px { height: 42px; }
.h-45px { height: 45px; }
.h-50px { height: 50px; }
.h-55px { height: 55px; }
.h-60px { height: 60px; }
.h-65px { height: 65px; }
.h-70px { height: 70px; }
.h-75px { height: 75px; }
.h-80px { height: 80px; }
.h-85px { height: 85px; }
.h-90px { height: 90px; }
.h-95px { height: 95px; }
.h-100px { height: 100px; }
.h-110px { height: 110px; }
.h-120px { height: 120px; }
.h-130px { height: 130px; }
.h-140px { height: 140px; }
.h-150px { height: 150px; }
.h-160px { height: 160px; }
.h-170px { height: 170px; }
.h-180px { height: 180px; }
.h-190px { height: 190px; }
.h-200px { height: 200px; }
.h-250px { height: 250px; }
.h-300px { height: 300px; }
.h-350px { height: 350px; }
.h-400px { height: 400px; }
.h-450px { height: 450px; }
.h-480px { height: 490px; }
.h-500px { height: 500px; }
.h-520px { height: 520px; }
.h-550px { height: 550px; }
.h-580px { height: 580px; }
.h-600px { height: 600px; }
.h-650px { height: 650px; }
.h-700px { height: 700px; }
.h-720px { height: 720px; }
.h-750px { height: 750px; }
.h-800px { height: 800px; }
.h-820px { height: 820px; }
.h-830px { height: 830px; }
.h-850px { height: 850px; }

.h-50 { height: 50%; }
.h-100 { height: 100% !important; }
.h-auto { height:auto !important; }
.max-h-100 { max-height: 100%; }
.max-h-inherit { max-height: inherit !important; }
.full-screen, .mobileoff-fullscreen-top-space, .fullscreenabanner { height: 980px; }

/* min height */
.min-h-100px { min-height: 100px; }
.min-h-200px { min-height: 200px; }
.min-h-300px { min-height: 300px; }
.min-h-400px { min-height: 400px; }
.min-h-500px { min-height: 500px; }
.min-h-600px { min-height: 600px; }
.min-h-700px { min-height: 700px; }
.min-h-100vh { min-height: 100vh; }

/* screen height */
.extra-small-screen { height:300px; }
.small-screen { height:400px; }
.one-half-screen { height:600px; }
.one-third-screen { height:700px; }
.one-fourth-screen { height:800px; }
.one-fifth-screen { height:900px; }

/* content box image */
.content-box-image { width: 100%; height: -webkit-calc(100% / 3); height: -moz-calc(100% / 3); height: calc(100% / 3); }

/* ===================================
    16. Icon
====================================== */

[class^="ti-"], [class*=" ti-"], [class^="line-icon"], [class*=" line-icon"], [class^="solid-icon"], [class*=" solid-icon"] { display: inline-block; }

/* video icons */
.video-icon-box { z-index: 1; }
.video-icon-box > span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -ms-flex-direction: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.video-icon-box .video-icon { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; }
.video-icon-box .video-icon i { margin-left: 5px; line-height: normal; }
.video-icon-large.video-icon-box .video-icon i { margin-left: 8px;}
.video-icon-double-large.video-icon-box .video-icon i { margin-left: 10px;}
.video-icon .video-icon-sonar { position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; z-index: -10; -webkit-animation: video-icon-sonar 2s linear infinite; animation: video-icon-sonar 2s linear infinite; }
.video-icon .video-icon-sonar .video-icon-sonar-bfr { position: absolute; border-radius: 50%; content: ''; top: -25px; left: -25px; z-index: -100; }
.video-icon .video-icon-sonar .video-icon-sonar-afr { position: absolute; border-radius: 50%; content: ''; top: -10px; left: -10px; z-index: -50; }
.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -15px; left: -15px; }
.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-afr { top: 0px; left: 0px; }

/* video icon size */
.video-icon-small .video-icon { width: 40px; height: 40px; font-size: 14px; }
.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 70px; height: 70px; }
.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 40px; height: 40px; }
.video-icon-medium .video-icon { width: 50px; height: 50px; font-size: 18px; }
.video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 100px; height: 100px; }
.video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 70px; height: 70px; }
.video-icon-large .video-icon { width: 75px; height: 75px; font-size: 26px; }
.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 125px; height: 125px; }
.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 95px; height: 95px; }
.video-icon-extra-large .video-icon { width: 100px; height: 100px; font-size: 25px; }
.video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 150px; height: 150px; }
.video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 120px; height: 120px; }
.video-icon-double-large .video-icon { width: 120px; height: 120px; font-size: 34px; }
.video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 170px; height: 170px; }
.video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 140px; height: 140px; }

/* icon size */
.icon-extra-large { font-size:60px; }
.icon-large { font-size:50px; }
.icon-medium { font-size:40px; }
.icon-very-medium { font-size:35px; }
.icon-extra-medium { font-size:32px; }
.icon-small { font-size:28px; }
.icon-extra-small { font-size:18px; }
.icon-very-small { font-size:13px; }
.icon-country { width: 16px; height: 16px; display: inline-block; margin:0 10px 0 5px; }

/* social media icon */
.extra-small-icon, .small-icon, .medium-icon, .large-icon, .extra-large-icon { list-style: none; padding: 0; }
.extra-small-icon li, .small-icon li, .medium-icon li, .large-icon li, .extra-large-icon li { display: inline-block; }
.extra-small-icon li:first-child, .small-icon li:first-child, .medium-icon li:first-child, .large-icon li:first-child, .extra-large-icon li:first-child { margin-left: 0; }
.extra-small-icon li:last-child, .small-icon li:last-child, .medium-icon li:last-child, .large-icon li:last-child, .extra-large-icon li:last-child { margin-right: 0; }
.extra-small-icon li { margin: 0 2px; }
.small-icon li { margin: 0 5px; }
.medium-icon li { margin: 0 8px; }
.large-icon li { margin: 0 10px; }
.extra-large-icon li { margin: 0 12px; }
.extra-small-icon a { font-size: 14px; width:30px; height:30px;line-height:30px; }
.small-icon a { font-size: 16px; width: 40px; height:40px;line-height: 40px; }
.medium-icon a { font-size: 20px; width: 50px; height:50px;line-height: 50px; }
.large-icon a { font-size: 24px; width: 60px; height: 60px;line-height: 60px; }
.extra-large-icon a { font-size: 30px; width: 70px; height: 70px;line-height: 70px; }
.social-icon a { margin: 0 15px; }
.social-icon a:first-child { margin-left: 0; }
.social-icon a:last-child { margin-right: 0; }
[class^="social-icon-"] ul, [class*=" social-icon-"] ul { list-style: none; }

/* icon like counter */
a.likes-count { width: auto; border: 1px solid #e4e4e4; font-size: 12px; border-radius: 4px; padding:5px 18px 6px; line-height: 20px; margin: 0 0 10px 0; display: inline-block }
a.likes-count i { margin-right: 8px; color: #fa5c47 }
a.likes-count:hover {box-shadow: 0 0 10px rgba(23,23,23,.1); color: #232323}

/* social icon style 01 */
.social-icon-style-01 ul li a { text-align: center; display: inline-block }
.social-icon-style-01 a:hover { color: #0038e3; }

/* social icon style 02 */
.social-icon-style-02 ul li a { text-align: center; display: inline-block; color: #232323}
.social-icon-style-02.icon-with-animation a { display: inline-block;  }
.social-icon-style-02.icon-with-animation a:hover { transform: translateY(-8px); }
.social-icon-style-02 ul.light li a {color: #fff}
.social-icon-style-02 ul.dark li a {color: #232323}

.social-icon-style-02 a.facebook:hover, .social-icon-style-04 a.facebook:hover, .social-icon-style-07 a.facebook, .social-icon-style-08 a.facebook, .social-icon-style-10 a.facebook, .social-icon-style-11 a.facebook .social-front i, .menu-sidebar a .facebook { color: #3b5998; }
.social-icon-style-02 a.twitter:hover, .social-icon-style-04 a.twitter:hover, .social-icon-style-07 a.twitter, .social-icon-style-08 a.twitter, .social-icon-style-10 a.twitter, .social-icon-style-11 a.twitter .social-front i, .menu-sidebar a .twitter { color: #00aced; }
.social-icon-style-02 a.google:hover, .social-icon-style-04 a.google:hover, .social-icon-style-07 a.google, .social-icon-style-08 a.google, .social-icon-style-10 a.google, .social-icon-style-11 a.google .social-front i, .menu-sidebar a .google { color: #dc4a38; }
.social-icon-style-02 a.dribbble:hover, .social-icon-style-04 a.dribbble:hover, .social-icon-style-07 a.dribbble, .social-icon-style-08 a.dribbble, .social-icon-style-10 a.dribbble, .social-icon-style-11 a.dribbble .social-front i, .menu-sidebar a .dribbble { color: #ea4c89; }
.social-icon-style-02 a.youtube:hover, .social-icon-style-04 a.youtube:hover, .social-icon-style-07 a.youtube, .social-icon-style-08 a.youtube, .social-icon-style-10 a.youtube, .social-icon-style-11 a.youtube .social-front i, .menu-sidebar a .youtube { color: #bb0000; }
.social-icon-style-02 a.linkedin:hover, .social-icon-style-04 a.linkedin:hover, .social-icon-style-07 a.linkedin, .social-icon-style-08 a.linkedin, .social-icon-style-10 a.linkedin, .social-icon-style-11 a.linkedin .social-front i, .menu-sidebar a .linkedin { color: #0077b5; }
.social-icon-style-02 a.instagram:hover, .social-icon-style-04 a.instagram:hover, .social-icon-style-07 a.instagram, .social-icon-style-08 a.instagram, .social-icon-style-10 a.instagram, .social-icon-style-11 a.instagram .social-front i, .menu-sidebar a .instagram { color: #FE1F49; }
.social-icon-style-02 a.pinterest:hover, .social-icon-style-04 a.pinterest:hover, .social-icon-style-07 a.pinterest, .social-icon-style-08 a.pinterest, .social-icon-style-10 a.pinterest, .social-icon-style-11 a.pinterest .social-front i, .menu-sidebar a .pinterest { color: #CB2027; }
.social-icon-style-02 a.flickr:hover, .social-icon-style-04 a.flickr:hover, .social-icon-style-07 a.flickr, .social-icon-style-08 a.flickr, .social-icon-style-10 a.flickr, .social-icon-style-11 a.flickr .social-front i, .menu-sidebar a .flickr { color: #ff0084; }
.social-icon-style-02 a.rss:hover, .social-icon-style-04 a.rss:hover, .social-icon-style-07 a.rss, .social-icon-style-08 a.rss, .social-icon-style-10 a.rss, .social-icon-style-11 a.rss .social-front i, .menu-sidebar a .rss { color: #f2890a; }
.social-icon-style-02 a.behance:hover, .social-icon-style-04 a.behance:hover, .social-icon-style-07 a.behance, .social-icon-style-08 a.behance, .social-icon-style-10 a.behance, .social-icon-style-11 a.behance .social-front i, .menu-sidebar a .behance { color: #1769ff; }
.social-icon-style-02 a.vine:hover, .social-icon-style-04 a.vine:hover, .social-icon-style-07 a.vine, .social-icon-style-08 a.vine, .social-icon-style-10 a.vine, .social-icon-style-11 a.vine .social-front i, .menu-sidebar a .vine { color: #00bf8f; }
.social-icon-style-02 a.email:hover, .social-icon-style-04 a.email:hover, .social-icon-style-07 a.email, .social-icon-style-08 a.email, .social-icon-style-10 a.email, .social-icon-style-11 a.email .social-front i, .menu-sidebar a .email { color: #7d7d7d; }
.social-icon-style-02 a.sms:hover, .social-icon-style-04 a.sms:hover, .social-icon-style-07 a.sms, .social-icon-style-08 a.sms, .social-icon-style-10 a.sms, .social-icon-style-11 a.sms .social-front i, .menu-sidebar a .sms { color: #ffbd00; }
.social-icon-style-02 a.sharethis:hover, .social-icon-style-04 a.sharethis:hover, .social-icon-style-07 a.sharethis, .social-icon-style-08 a.sharethis, .social-icon-style-10 a.sharethis, .social-icon-style-11 a.sharethis .social-front i, .menu-sidebar a .sharethis { color: #95D03A; }
.social-icon-style-02 a.reddit:hover, .social-icon-style-04 a.reddit:hover, .social-icon-style-07 a.reddit, .social-icon-style-08 a.reddit, .social-icon-style-10 a.reddit, .social-icon-style-11 a.reddit .social-front i, .menu-sidebar a .reddit { color: #ff4500; }
.social-icon-style-02 a.tumblr:hover, .social-icon-style-04 a.tumblr:hover, .social-icon-style-07 a.tumblr, .social-icon-style-08 a.tumblr, .social-icon-style-10 a.tumblr, .social-icon-style-11 a.tumblr .social-front i, .menu-sidebar a .tumblr { color: #32506d; }
.social-icon-style-02 a.digg:hover, .social-icon-style-04 a.digg:hover, .social-icon-style-07 a.digg, .social-icon-style-08 a.digg, .social-icon-style-10 a.digg, .social-icon-style-11 a.digg .social-front i, .menu-sidebar a .digg { color: #262626; }
.social-icon-style-02 a.stumbleupon:hover, .social-icon-style-04 a.stumbleupon:hover, .social-icon-style-07 a.stumbleupon, .social-icon-style-08 a.stumbleupon, .social-icon-style-10 a.stumbleupon, .social-icon-style-11 a.stumbleupon .social-front i, .menu-sidebar a .stumbleupon { color: #eb4924; }
.social-icon-style-02 a.whatsapp:hover, .social-icon-style-04 a.whatsapp:hover, .social-icon-style-07 a.whatsapp, .social-icon-style-08 a.whatsapp, .social-icon-style-10 a.whatsapp, .social-icon-style-11 a.whatsapp .social-front i, .menu-sidebar a .whatsapp { color: #25d366; }
.social-icon-style-02 a.vk:hover, .social-icon-style-04 a.vk:hover, .social-icon-style-07 a.vk, .social-icon-style-08 a.vk, .social-icon-style-10 a.vk, .social-icon-style-11 a.vk .social-front i, .menu-sidebar a .vk { color: #4c6c91; }
.social-icon-style-02 a.weibo:hover, .social-icon-style-04 a.weibo:hover, .social-icon-style-07 a.weibo, .social-icon-style-08 a.weibo, .social-icon-style-10 a.weibo, .social-icon-style-11 a.weibo .social-front i, .menu-sidebar a .weibo { color: #ff9933; }
.social-icon-style-02 a.odnoklassniki:hover, .social-icon-style-04 a.odnoklassniki:hover, .social-icon-style-07 a.odnoklassniki, .social-icon-style-08 a.odnoklassniki, .social-icon-style-10 a.odnoklassniki, .social-icon-style-11 a.odnoklassniki .social-front i, .menu-sidebar a .odnoklassniki { color: #d7772d; }
.social-icon-style-02 a.xing:hover, .social-icon-style-04 a.xing:hover, .social-icon-style-07 a.xing, .social-icon-style-08 a.xing, .social-icon-style-10 a.xing, .social-icon-style-11 a.xing .social-front i, .menu-sidebar a .xing { color: #1a7576; }
.social-icon-style-02 a.print:hover, .social-icon-style-04 a.print:hover, .social-icon-style-07 a.print, .social-icon-style-08 a.print, .social-icon-style-10 a.print, .social-icon-style-11 a.print .social-front i, .menu-sidebar a .print { color: #222222; }
.social-icon-style-02 a.blogger:hover, .social-icon-style-04 a.blogger:hover, .social-icon-style-07 a.blogger, .social-icon-style-08 a.blogger, .social-icon-style-10 a.blogger, .social-icon-style-11 a.blogger .social-front i, .menu-sidebar a .blogger { color: #ff8000; }
.social-icon-style-02 a.flipboard:hover, .social-icon-style-04 a.flipboard:hover, .social-icon-style-07 a.flipboard, .social-icon-style-08 a.flipboard, .social-icon-style-10 a.flipboard, .social-icon-style-11 a.flipboard .social-front i, .menu-sidebar a .flipboard { color: #e12828; }
.social-icon-style-02 a.meneame:hover, .social-icon-style-04 a.meneame:hover, .social-icon-style-07 a.meneame, .social-icon-style-08 a.meneame, .social-icon-style-10 a.meneame, .social-icon-style-11 a.meneame .social-front i, .menu-sidebar a .meneame { color: #ff6400; }
.social-icon-style-02 a.mailru:hover, .social-icon-style-04 a.mailru:hover, .social-icon-style-07 a.mailru, .social-icon-style-08 a.mailru, .social-icon-style-10 a.mailru, .social-icon-style-11 a.mailru .social-front i, .menu-sidebar a .mailru { color: #168de2; }
.social-icon-style-02 a.delicious:hover, .social-icon-style-04 a.delicious:hover, .social-icon-style-07 a.delicious, .social-icon-style-08 a.delicious, .social-icon-style-10 a.delicious, .social-icon-style-11 a.delicious .social-front i, .menu-sidebar a .delicious { color: #205cc0; }
.social-icon-style-02 a.livejournal:hover, .social-icon-style-04 a.livejournal:hover, .social-icon-style-07 a.livejournal, .social-icon-style-08 a.livejournal, .social-icon-style-10 a.livejournal, .social-icon-style-11 a.livejournal .social-front i, .menu-sidebar a .livejournal { color: #00b0ea; }

/* social icon style 03 */
.social-icon-style-03 a { text-align: center; display:inline-block; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; color: #fff; }
.social-icon-style-03 a:hover { border-radius: 100%; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
.social-icon-style-03 a.facebook,.social-icon-style-05 a.facebook span,.social-icon-style-04 a.facebook,.social-icon-style-09 a.facebook:hover, .social-icon-style-10 a.facebook span, .social-icon-style-11 a.facebook .social-back { background-color: #3b5998; }
.social-icon-style-03 a.twitter,.social-icon-style-05 a.twitter span,.social-icon-style-04 a.twitter,.social-icon-style-09 a.twitter:hover, .social-icon-style-10 a.twitter span, .social-icon-style-11 a.twitter .social-back { background-color: #00aced; }
.social-icon-style-03 a.google,.social-icon-style-05 a.google span,.social-icon-style-04 a.google,.social-icon-style-09 a.google:hover, .social-icon-style-10 a.google span, .social-icon-style-11 a.google .social-back { background-color: #dc4a38; }
.social-icon-style-03 a.dribbble,.social-icon-style-05 a.dribbble span,.social-icon-style-04 a.dribbble,.social-icon-style-09 a.dribbble:hover, .social-icon-style-10 a.dribbble span, .social-icon-style-11 a.dribbble .social-back { background-color: #ea4c89; }
.social-icon-style-03 a.youtube,.social-icon-style-05 a.youtube span,.social-icon-style-04 a.youtube,.social-icon-style-09 a.youtube:hover, .social-icon-style-10 a.youtube span, .social-icon-style-11 a.youtube .social-back { background-color: #bb0000; }
.social-icon-style-03 a.linkedin,.social-icon-style-05 a.linkedin span,.social-icon-style-04 a.linkedin,.social-icon-style-09 a.linkedin:hover, .social-icon-style-10 a.linkedin span, .social-icon-style-11 a.linkedin .social-back { background-color: #007bb6; }
.social-icon-style-03 a.instagram,.social-icon-style-05 a.instagram span,.social-icon-style-04 a.instagram,.social-icon-style-09 a.instagram:hover, .social-icon-style-10 a.instagram span, .social-icon-style-11 a.instagram .social-back { background-color: #FE1F49; }
.social-icon-style-03 a.pinterest,.social-icon-style-05 a.pinterest span,.social-icon-style-04 a.pinterest,.social-icon-style-09 a.pinterest:hover, .social-icon-style-10 a.pinterest span, .social-icon-style-11 a.pinterest .social-back { background-color: #CB2027; }
.social-icon-style-03 a.flickr,.social-icon-style-05 a.flickr span,.social-icon-style-04 a.flickr,.social-icon-style-09 a.flickr:hover, .social-icon-style-10 a.flickr span, .social-icon-style-11 a.flickr .social-back { background-color: #ff0084; }
.social-icon-style-03 a.rss,.social-icon-style-05 a.rss span,.social-icon-style-04 a.rss,.social-icon-style-09 a.rss:hover, .social-icon-style-10 a.rss span, .social-icon-style-11 a.rss .social-back { background-color: #f2890a; }
.social-icon-style-03 a.behance,.social-icon-style-05 a.behance span,.social-icon-style-04 a.behance,.social-icon-style-09 a.behance:hover, .social-icon-style-10 a.behance span, .social-icon-style-11 a.behance .social-back { background-color: #1769ff; }
.social-icon-style-03 a.vine,.social-icon-style-05 a.vine span,.social-icon-style-04 a.vine,.social-icon-style-09 a.vine:hover, .social-icon-style-10 a.vine span, .social-icon-style-11 a.vine .social-back { background-color: #00bf8f; }
.social-icon-style-03 a.email,.social-icon-style-05 a.email span,.social-icon-style-04 a.email,.social-icon-style-09 a.email:hover, .social-icon-style-10 a.email span, .social-icon-style-11 a.email .social-back { background-color: #7d7d7d; }
.social-icon-style-03 a.sms,.social-icon-style-05 a.sms span,.social-icon-style-04 a.sms,.social-icon-style-09 a.sms:hover, .social-icon-style-10 a.sms span, .social-icon-style-11 a.sms .social-back { background-color: #ffbd00; }
.social-icon-style-03 a.sharethis,.social-icon-style-05 a.sharethis span,.social-icon-style-04 a.sharethis,.social-icon-style-09 a.sharethis:hover, .social-icon-style-10 a.sharethis span, .social-icon-style-11 a.sharethis .social-back { background-color: #95D03A; }
.social-icon-style-03 a.reddit,.social-icon-style-05 a.reddit span,.social-icon-style-04 a.reddit,.social-icon-style-09 a.reddit:hover, .social-icon-style-10 a.reddit span, .social-icon-style-11 a.reddit .social-back { background-color: #ff4500; }
.social-icon-style-03 a.tumblr,.social-icon-style-05 a.tumblr span,.social-icon-style-04 a.tumblr,.social-icon-style-09 a.tumblr:hover, .social-icon-style-10 a.tumblr span, .social-icon-style-11 a.tumblr .social-back { background-color: #32506d; }
.social-icon-style-03 a.digg,.social-icon-style-05 a.digg span,.social-icon-style-04 a.digg,.social-icon-style-09 a.digg:hover, .social-icon-style-10 a.digg span, .social-icon-style-11 a.digg .social-back { background-color: #262626; }
.social-icon-style-03 a.stumbleupon,.social-icon-style-05 a.stumbleupon span,.social-icon-style-04 a.stumbleupon,.social-icon-style-09 a.stumbleupon:hover, .social-icon-style-10 a.stumbleupon span, .social-icon-style-11 a.stumbleupon .social-back { background-color: #eb4924; }
.social-icon-style-03 a.whatsapp,.social-icon-style-05 a.whatsapp span,.social-icon-style-04 a.whatsapp,.social-icon-style-09 a.whatsapp:hover, .social-icon-style-10 a.whatsapp span, .social-icon-style-11 a.whatsapp .social-back { background-color: #25d366; }
.social-icon-style-03 a.vk,.social-icon-style-05 a.vk span,.social-icon-style-04 a.vk,.social-icon-style-09 a.vk:hover, .social-icon-style-10 a.vk span, .social-icon-style-11 a.vk .social-back { background-color: #4c6c91; }
.social-icon-style-03 a.weibo,.social-icon-style-05 a.weibo span,.social-icon-style-04 a.weibo,.social-icon-style-09 a.weibo:hover, .social-icon-style-10 a.weibo span, .social-icon-style-11 a.weibo .social-back { background-color: #ff9933; }
.social-icon-style-03 a.odnoklassniki,.social-icon-style-05 a.odnoklassniki span,.social-icon-style-04 a.odnoklassniki,.social-icon-style-09 a.odnoklassniki:hover, .social-icon-style-10 a.odnoklassniki span, .social-icon-style-11 a.odnoklassniki .social-back { background-color: #d7772d; }
.social-icon-style-03 a.xing,.social-icon-style-05 a.xing span,.social-icon-style-04 a.xing,.social-icon-style-09 a.xing:hover, .social-icon-style-10 a.xing span, .social-icon-style-11 a.xing .social-back { background-color: #1a7576; }
.social-icon-style-03 a.print,.social-icon-style-05 a.print span,.social-icon-style-04 a.print,.social-icon-style-09 a.print:hover, .social-icon-style-10 a.print span, .social-icon-style-11 a.print .social-back { background-color: #222222; }
.social-icon-style-03 a.blogger,.social-icon-style-05 a.blogger span,.social-icon-style-04 a.blogger,.social-icon-style-09 a.blogger:hover, .social-icon-style-10 a.blogger span, .social-icon-style-11 a.blogger .social-back { background-color: #ff8000; }
.social-icon-style-03 a.flipboard,.social-icon-style-05 a.flipboard span,.social-icon-style-04 a.flipboard,.social-icon-style-09 a.flipboard:hover, .social-icon-style-10 a.flipboard span, .social-icon-style-11 a.flipboard .social-back { background-color: #e12828; }
.social-icon-style-03 a.meneame,.social-icon-style-05 a.meneame span,.social-icon-style-04 a.meneame,.social-icon-style-09 a.meneame:hover, .social-icon-style-10 a.meneame span, .social-icon-style-11 a.meneame .social-back { background-color: #ff6400; }
.social-icon-style-03 a.mailru,.social-icon-style-05 a.mailru span,.social-icon-style-04 a.mailru,.social-icon-style-09 a.mailru:hover, .social-icon-style-10 a.mailru span, .social-icon-style-11 a.mailru .social-back { background-color: #168de2; }
.social-icon-style-03 a.delicious,.social-icon-style-05 a.delicious span,.social-icon-style-04 a.delicious,.social-icon-style-09 a.delicious:hover, .social-icon-style-10 a.delicious span, .social-icon-style-11 a.delicious .social-back { background-color: #205cc0; }
.social-icon-style-03 a.livejournal,.social-icon-style-05 a.livejournal span,.social-icon-style-04 a.livejournal,.social-icon-style-09 a.livejournal:hover, .social-icon-style-10 a.livejournal span, .social-icon-style-11 a.livejournal .social-back { background-color: #00b0ea; }

/* social icon style 04 */
.social-icon-style-04 a { text-align: center; display:inline-block; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; border-radius: 100%; color: #fff; }
.social-icon-style-04 a:hover { background: #fff; box-shadow: 0 0 30px rgba(23,23,23,.25); -moz-transform: translate3d(0, -3px, 0); -o-transform: translate3d(0, -3px, 0); -ms-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); }

/* social icon style 05 */
.social-icon-style-05 a { text-align: center; display:inline-block; border-radius: 100%; position: relative; color: #232323; text-align: center; z-index: 1; }
.social-icon-style-05 a:hover { color: #fff; }
.social-icon-style-05 a span { border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; width: 0;z-index: -1; }
.social-icon-style-05 a:hover span { width:100%; height:100%; border-radius: 100%; top: 0; left: 0; }

/* social icon style 06 */
.social-icon-style-06 a { text-align: center; display:inline-block; color: #232323; }
.social-icon-style-06 a:hover { color: #fff; border-radius: 100%; background-color: #0038e3; }

/* social icon style 07 */
.social-icon-style-07 { position: relative; }
.social-icon-style-07 a { text-align: center; border-radius: 100%; position: relative; display: inline-block; }
.social-icon-style-07 a:hover { color: #fff; }
.social-icon-style-07.dark a:hover, .social-icon-style-07 .dark a:hover { color: #000; }

/* social icon style 08 */
.social-icon-style-08 a { color: #fff; display: inline-block; height: auto; width: auto; padding: 0 24px; position: relative; overflow: hidden; }
.social-icon-style-08 a .brand-icon { position: absolute; height: 100%; width: 100%; left: 0; top: 100%; display: flex; justify-content: center; align-items: center; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.social-icon-style-08 a:hover .brand-icon { top: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.social-icon-style-08 a > span {line-height: inherit; font-weight: 500; top: 0px; position: relative; -webkit-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -ms-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -o-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; }
.social-icon-style-08 a:hover > span.brand-label { top: -50px; -webkit-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -ms-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -o-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; }

/* social icon style 09 */
.social-icon-style-09 a { text-align: center; display:inline-block; border-radius: 100%; color: #232323; position: relative; text-align: center; }
.social-icon-style-09 a:hover { color: #fff;  }
.social-icon-style-09 a:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); border: 1px solid; border-radius: 100%; opacity: 0; -webkit-transition: all .5s cubic-bezier(0,0,.2,1); transition: all .5s cubic-bezier(0,0,.2,1); }
.social-icon-style-09 a:hover:after { opacity: .4; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);}

.social-icon-style-09 a.facebook:after { border-color: #3b5998; color: #3b5998; }
.social-icon-style-09 a.twitter:after { border-color: #00aced; color: #00aced; }
.social-icon-style-09 a.google:after { border-color: #dc4a38; color: #dc4a38; }
.social-icon-style-09 a.dribbble:after { border-color: #ea4c89; color: #ea4c89; }
.social-icon-style-09 a.youtube:after { border-color: #bb0000; color: #bb0000; }
.social-icon-style-09 a.linkedin:after { border-color: #0077b5; color: #0077b5; }
.social-icon-style-09 a.instagram:after { border-color: #FE1F49; color: #FE1F49; }
.social-icon-style-09 a.pinterest:after { border-color: #CB2027; color: #CB2027; }
.social-icon-style-09 a.flickr:after { border-color: #ff0084; color: #ff0084; }
.social-icon-style-09 a.rss:after { border-color: #f2890a; color: #f2890a; }
.social-icon-style-09 a.behance:after { border-color: #1769ff; color: #1769ff; }
.social-icon-style-09 a.vine:after { border-color: #00bf8f; color: #00bf8f; }
.social-icon-style-09 a.email:after { border-color: #7d7d7d; color: #7d7d7d; }
.social-icon-style-09 a.sms:after { border-color: #ffbd00; color: #ffbd00; }
.social-icon-style-09 a.sharethis:after { border-color: #95D03A; color: #95D03A; }
.social-icon-style-09 a.reddit:after { border-color: #ff4500; color: #ff4500; }
.social-icon-style-09 a.tumblr:after { border-color: #32506d; color: #32506d; }
.social-icon-style-09 a.digg:after { border-color: #262626; color: #262626; }
.social-icon-style-09 a.stumbleupon:after { border-color: #eb4924; color: #eb4924; }
.social-icon-style-09 a.whatsapp:after { border-color: #25d366; color: #25d366; }
.social-icon-style-09 a.vk:after { border-color: #4c6c91; color: #4c6c91; }
.social-icon-style-09 a.weibo:after { border-color: #ff9933; color: #ff9933; }
.social-icon-style-09 a.odnoklassniki:after { border-color: #d7772d; color: #d7772d; }
.social-icon-style-09 a.xing:after { border-color: #1a7576; color: #1a7576; }
.social-icon-style-09 a.print:after { border-color: #222222; color: #222222; }
.social-icon-style-09 a.blogger:after { border-color: #ff8000; color: #ff8000; }
.social-icon-style-09 a.flipboard:after { border-color: #e12828; color: #e12828; }
.social-icon-style-09 a.meneame:after { border-color: #ff6400; color: #ff6400; }
.social-icon-style-09 a.mailru:after { border-color: #168de2; color: #168de2; }
.social-icon-style-09 a.delicious:after { border-color: #205cc0; color: #205cc0; }
.social-icon-style-09 a.livejournal:after { border-color: #00b0ea; color: #00b0ea; }

/* social icon style 10 */
.social-icon-style-10 a { display: inline-block; position: relative; z-index: 3; overflow: hidden; text-align: center; }
.social-icon-style-10 a > span { position: absolute; top: -100%; left: 0; height: 100%; width: 100%; z-index: -1; -webkit-transition: all .5s cubic-bezier(0,0,.2,1); transition: all .5s cubic-bezier(0,0,.2,1); }
.social-icon-style-10 a:hover > span { top: 0; z-index: -1; }
.social-icon-style-10 a:hover { color: #fff; }

/* social icon style 11 */
.social-icon-style-11 a { display: inline-block; vertical-align: middle; height: 160px; width: 160px; position: relative; margin: 0 15px; }
.social-icon-style-11 a .social-front, .social-icon-style-11 a .social-back { height: 140px; width: 140px; padding: 30px; position: absolute; top: 30px; left: 30px; }
.social-icon-style-11 a .social-front i { display: block; margin:0 0 20px 0; font-size: 28px; }
.social-icon-style-11 a .social-front .social-count { display: block;}
.social-icon-style-11 a .social-front { background-color: #fff; text-align: center; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;transition-duration: 0.3s; -webkit-box-shadow: 0 0 35px rgba(23,23,23,0.06); -moz-box-shadow: 0 0 35px rgba(23,23,23,0.06); box-shadow: 0 0 35px rgba(23,23,23,0.06); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content:center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;  }
.social-icon-style-11 a .social-back { background-color: #ddd; position: relative; }
.social-icon-style-11 a .social-back span { position: absolute; bottom: 3px; right: 30px; text-transform: uppercase; color: #fff; font-size: 11px; }
.social-icon-style-11 a.move-up .social-back span, .social-icon-style-11.small-box a.move-up .social-back span { width: 100%; right: 0; text-align: center; }
.social-icon-style-11 a.move-right .social-back span { left: 30px; right: auto; }
.social-icon-style-11.small-box a { height: 100px; width: 100px; }
.social-icon-style-11.small-box a .social-front, .social-icon-style-11.small-box a .social-back { height: 85px; width: 85px; }
.social-icon-style-11.small-box a .social-front i { margin: 6px 0; font-size: 22px; }
.social-icon-style-11.small-box a .social-front, .social-icon-style-11.small-box a .social-back { padding: 15px; top: 18px; left: 18px; }
.social-icon-style-11.small-box a .social-back span { bottom: 2px; right: 5px; line-height: normal; font-size: 10px; }
.social-icon-style-11.small-box a.move-right .social-back span { left: 18px; right: auto; }
.social-icon-style-11 a:hover .social-front { top: 0; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;transition-duration: 0.3s; }
.social-icon-style-11 a.move-up:hover .social-front { top: 0; left: 30px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;transition-duration: 0.3s; }
.social-icon-style-11.small-box a.move-up:hover .social-front { top: 0; left: 18px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;transition-duration: 0.3s; }
.social-icon-style-11 a.move-right:hover .social-front { top: 0; left: 60px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;transition-duration: 0.3s; }

/* social icon style 12 */
.social-icon-style-12 li a { color: #232323; display: inline-block; }
.social-icon-style-12 .light li a { color: #fff; display: inline-block; }
.social-icon-style-12 li a:hover { opacity: .5; }

/* icon box */
.icon-box i { margin:25px; }
.icon-box-circled { border-radius: 50%; }
.icon-box-large { width:100px; height:100px; line-height:98px; text-align:center; font-size:40px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.icon-box-medium { width:80px; height:80px; line-height:80px; text-align:center; font-size:30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.icon-box-small { width:60px; height:60px; line-height:60px; text-align:center; font-size:22px; }
.icon-box-extra-small { width:40px; height:40px; line-height:40px; text-align:center; font-size:15px; }
.icon-box-very-small { width:30px; height:30px; line-height:28px; text-align:center; font-size:18px; }

/* ===================================
    17. Magnific popup
====================================== */

.mfp-bg { background: #000000; opacity: 0.85; }
.mfp-bg, .mfp-wrap { z-index: 10007; }
#popup-form { cursor:default; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color:#fff; background: transparent; }
.mfp-close,.mfp-close:active {opacity: 1; background-color:transparent; right: 30px; top: 30px;}
.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active { right: 0; top: 0;}
.mfp-close-btn-in .modal-popup-main .mfp-close { position: absolute; }
.mfp-removing .mfp-close { display: none;}

.subscribe-popup .modal-popup-main .mfp-close, .subscribe-popup .modal-popup-main .mfp-close:active { position: absolute; color: #fff}

.lightbox-gallery a{position: relative; display:block}
.lightbox-gallery .gallary-over-layer{position: absolute; top: 0; left:0;}

.mfp-arrow-right:after, .mfp-arrow-left:after { display: none; }
.mfp-arrow-right:before { border-left: none; content: "\e628"; font-size: 18px; font-family: 'themify'; color: #fff; line-height: 60px; background: #232323; width: 100%; height: 100%; border-radius: 100%; border: none}
.mfp-arrow-left:before { border-right: none; content: "\e629"; font-size: 18px; font-family: 'themify'; color: #fff; line-height: 60px; background: #232323; width: 100%; height: 100%; border-radius: 100%; border: none}
.mfp-bottom-bar { margin-top: -24px; font-size: 12px }
.mfp-close { font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: 300; }
.mfp-figure { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -ms-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; webkit-backface-visibility: hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; }
.mfp-ajax-holder { width: 70%; height: calc(100% - 100px); margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
button.mfp-close,.mfp-image-holder button.mfp-close, .mfp-iframe-holder button.mfp-close { position: fixed; top: 30px; right: 30px; }

.my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }

.my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.93; }
.my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }

.my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); }
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); }
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); }

.my-mfp-slide-bottom.mfp-bg { opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.93; }
.my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; }

.mfp-fade.mfp-bg { background-color: #000000;opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.85; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.mfp-iframe-holder .mfp-content { max-width: 1020px; }

/* notify popup */
.show-notify-popup > section {filter: grayscale(100%);}
.show-notify-popup .mfp-notify.mfp-bg.mfp-ready { opacity: 0.8; background-color: #000000;}
.show-notify-popup .mfp-close, .show-notify-popup .mfp-close:active { color: #fff; }
.show-notify-popup .notify-form .notify-input { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.show-notify-popup .mfp-container { position: fixed; padding-top: 100px; height: auto; background-color: #fff; animation-name: comingsoonpopup; -webkit-animation-name: comingsoonpopup; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; -o-animation-duration: 0.2s; animation-duration: 0.2s; }
.show-notify-popup .mfp-removing .mfp-container { animation-name: comingsoonpopupclose; -webkit-animation-name: comingsoonpopupclose; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; -o-animation-duration: 0.2s; animation-duration: 0.2s; }
.mfp-notify .mfp-container { top: auto; bottom: 0;}

/* ===================================
    18. Header
====================================== */
/*@import url('menu.css');*/


/* ===================================
    19. Page title
====================================== */

.page-fts-xxs h1 { font-size: 16px; line-height: 20px; }
.page-fts-xs h1 { font-size: 18px; line-height: 20px; }
.page-title-medium h1 { font-size: 28px; line-height: 32px; }
.page-fts-l h1 { font-size: 42px; line-height: 49px; }
.page-fts-xl h1 { font-size: 55px; line-height: 62px; }

.page-fts-xs span { padding-left: 25px; margin-left: 25px; position: relative; top: -1px; }
.page-fts-xs span:before { position: absolute; border-left: 2px solid #232323; content: ""; height: 12px; top: 4px; left: 0 }

.page-title-separator-line { height: 1px; position: absolute; top: 9px; left: 0; }
.page-title-separator-line:before { display: none; }

/* colorfull background page title */
.page-title-colorful { -webkit-transition-duration: 3s; -moz-transition-duration: 3s; -ms-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s;  -webkit-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; }

/* breadcrumb */
.breadcrumb { background-color: transparent; padding-top: 0; padding-bottom: 0; margin: 0;}
.breadcrumb ul li { display: inline-block; }
.breadcrumb ul li:last-child { margin-right: 0; }
.breadcrumb ul > li:after { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding:0 10px 0 11px; display: inline-block; vertical-align: middle; font-size: 4px; opacity: .6; }
.breadcrumb ul > li:last-child:after { border-right: 0; content: ""; padding: 0 }

/* down scroll */
.down-section { position: absolute; width: 100%; bottom:50px; left: 0; right: 0; }
.down-section-arrow { border-radius: 100%; height: 45px; width: 45px; line-height: 50px; display: inline-block; vertical-align: middle; position: relative; }
.scroll-down-bottom { position: absolute; bottom: 30px; width: auto; left: 0; right: 0; z-index: 99;}
.scroll-down-bottom .scroll-down-text { position: absolute; bottom: 25px; transform: rotate(-90deg); width: 100px; height: auto; transform-origin: 0; }
.scroll-down { position: absolute; bottom: 60px; text-align: center; width: auto; left: 0; right: 0; z-index: 99; }

/* ===================================
    20. Swiper carousel
====================================== */
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-fraction { bottom: 45px; }
.swiper-pagination-bullet { background: transparent; vertical-align: middle; border-radius: 100%; display: inline-block; height: 12px; margin: 0 7px; width: 12px; border: 2px solid #232323; outline: none; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #232323; }
.swiper-pagination-bullets { width: 100%; left: 0; }
.swiper-pagination-custom { bottom: 0; }

/* slides auto slide */
.swiper-container.swiper-auto-slide { width: 100%; height: 100%; }
.swiper-container.swiper-auto-slide .swiper-slide { width: auto; }
.swiper-container.swiper-auto-slide .swiper-slide:nth-child(2n) { width: auto !important; }
.swiper-container.swiper-auto-slide .swiper-slide:nth-child(3n) { width: auto !important; }

/* swiper vertical */
.slider-vertical { width: 100%; height: 100%; position: absolute; }
.slider-vertical .swiper-slide { text-align: center; background: #fff; }
.slider-vertical >.swiper-pagination-bullets { right: 60px; }
.slider-vertical .swiper-pagination { width: auto; left: inherit; bottom: inherit !important; }
.slider-vertical .swiper-slide .swiper-bottom-content { opacity: 0;  transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.slider-vertical .swiper-slide-active .swiper-bottom-content { opacity: 1; transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; -ms-transition: all 0.3s ease-in-out 0.3s; -o-transition: all 0.3s ease-in-out 0.3s; }
.slider-vertical .swiper-slide .swiper-right-content { opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.slider-vertical .swiper-slide-active .swiper-right-content { opacity: 1; transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; -ms-transition: all 0.3s ease-in-out 0.3s; -o-transition: all 0.3s ease-in-out 0.3s; }
.slider-vertical .swiper-number-pagination { position: absolute; display: -webkit-box;display: -ms-flexbox;display: flex; z-index: 1; font-family: 'Poppins', sans-serif; color: #fff; font-size: 18px; line-height: 22px; left: 105px; bottom: 125px; }
.slider-vertical .swiper-number-pagination .swiper-pagination-current:after { content: '/'; margin: 0 5px; }

/* swiper thumb */
.swiper-thumb-next-prev { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 15px; z-index: 1; }
.swiper-thumb-next-prev .swiper-thumb-prev, .swiper-thumb-next-prev .swiper-thumb-next { position: relative; top: inherit; left: inherit; transform: translate(0); width: 48%; display: inline-block; background: #232323; color: #fff; }
.single-product-thumb .swiper-slide { height: auto !important; cursor: pointer; }

/* swiper zoom slide */
.slider-zoom-slide { position: relative; }
.slider-zoom-slide .swiper-slide { opacity : 0.3; transform: scale(1); }
.slider-zoom-slide .swiper-slide.swiper-slide-active { opacity : 1; transform: scale(1); }
.slider-zoom-slide .swiper-slide .slider-zoom-content { opacity: 0}
.slider-zoom-slide .swiper-slide.swiper-slide-active .slider-zoom-content { opacity: 1}
.slider-zoom-content .slider-zoom-label { margin-top: -70px; margin-right: -25px; width: 75px; text-align: center; }
.slider-zoom-slide.slider-zoom-slide-dark .swiper-slide.swiper-slide-prev,
.slider-zoom-slide.slider-zoom-slide-dark .swiper-slide.swiper-slide-next { opacity: 1; }
.slider-zoom-slide.slider-zoom-slide-dark .swiper-slide.swiper-slide-prev .slider-zoom-slide-dark-overlay,
.slider-zoom-slide.slider-zoom-slide-dark .swiper-slide.swiper-slide-next .slider-zoom-slide-dark-overlay { opacity: .6; }

/* caption slider */
.slider-caption-blog-caption { position: absolute; bottom: 0; height: auto; width: 100%; left: 0;}
.slider-caption-blog-caption .swiper-slide { padding: 55px 60px; }
.slider-caption-blog-caption .swiper-slide h6 {font-size: 24px}
.caption-blog-next, .caption-blog-prev { background-color: #000; color: #fff; position: absolute; bottom: 0; border: 0; right: 0; font-size: 20px; width: 50px; display: flex; height: 50%; text-align: center; justify-content: center; align-items: center; z-index: 1; cursor: pointer; }
.caption-blog-next { top: 0; height: calc(50% - 2px); }
.caption-blog-next:focus,.caption-blog-prev:focus  { outline: none; }

/* product and portfolio slider */
.product-slider .swiper-slide .portfolio-box:hover .portfolio-image img {opacity: 0.5;}

/* horizontal portfolio slider */
.horizontal-portfolio-slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.horizontal-portfolio-slider .swiper-slide .slider-title { position: relative; display: inline-block;}
.horizontal-portfolio-slider .swiper-slide .slider-title .slider-title-hover { position: absolute; top: 52%; left: 0; width: 100%; height: 4px; z-index: 1; opacity: 0; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.horizontal-portfolio-slider .swiper-slide:hover .slider-title-hover { opacity: 1; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

/* swiper horizontal 3d */
.swiper-horizontal-3d.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-horizontal-3d .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; }
.swiper-horizontal-3d.swiper-pagination-bottom .swiper-wrapper { margin-bottom: 0; }
.swiper-horizontal-3d .swiper-slide { filter: grayscale(100%);  opacity: 0; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-horizontal-3d .swiper-slide.swiper-slide-prev, .swiper-horizontal-3d .swiper-slide.swiper-slide-next {opacity: .7}
.swiper-horizontal-3d .swiper-slide.swiper-slide-active { opacity: 1; filter: grayscale(0); box-shadow: 0 0 60px rgba(0,0,0,.17); }
.swiper-horizontal-3d.swiper-container { width: 100%; padding-bottom: 60px; }
.swiper-horizontal-3d .swiper-slide.swiper-slide-active .slider-image:hover .preview-icon { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 1; }
.swiper-horizontal-3d.swiper-container-3d .swiper-slide-shadow-left, .swiper-horizontal-3d.swiper-container-3d .swiper-slide-shadow-right { background-image: none; }
.swiper-horizontal-3d .swiper-slide img { opacity: 0; }
.swiper-horizontal-3d .swiper-slide-active img { opacity: 1; }

/* tilt box style */
.tilt-box { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; }
.tilt-box .tilt-box-content { -webkit-transform: translateZ(150px); -moz-transform: translateZ(150px); -ms-transform: translateZ(150px); -o-transform: translateZ(150px); transform: translateZ(150px); position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 34px; }

/* split slider */
.home-split-portfolio .swiper-slide .swiper-slide-l { -webkit-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease; -webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%); z-index: 1; min-height: 600px; }
.home-split-portfolio .swiper-slide .swiper-slide-r { -webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%); -webkit-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease; min-height: 600px; }
.home-split-portfolio .swiper-slide-active .swiper-slide-l, .home-split-portfolio .swiper-slide-active .swiper-slide-r, .home-split-portfolio .swiper-slide-duplicate-active .swiper-slide-l, .home-split-portfolio .swiper-slide-duplicate-active .swiper-slide-r { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.home-split-portfolio .slider-split-scroll > .swiper-pagination-bullets { right: 60px; width: auto; left: auto; }

/* blog banner slider */
.slider-blog-banner .swiper-slide { opacity: 0.6; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.slider-blog-banner .swiper-slide.swiper-slide-active { opacity: 1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.slider-blog-banner .swiper-bottom-content { opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
.slider-blog-banner .swiper-slide-active .swiper-bottom-content { opacity: 1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.slider-blog-banner .swiper-slide .btn-fancy {padding: 6px 16px; font-size: 12px}

/* swiper custom image bullets */
.slider-custom-image-pagination .swiper-pagination-bullet { background-size: cover; border: 0; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .8; width: 60px; height: 60px; margin: 0 12px !important; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .slider-custom-image-pagination .swiper-pagination-bullet:hover {transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}

/*.white-move .swiper-slide, .white-move .swiper-wrapper { cursor: url("../images/icon-move-light.png"), move; }*/
/*.black-move .swiper-slide, .black-move .swiper-wrapper { cursor: url("../images/icon-move-black.png"), move; }*/

.vertical-white-move .swiper-slide, .vertical-white-move .swiper-wrapper { cursor: url("../images/vertical-icon-move-light.png"), move; }
.vertical-black-move .swiper-slide, .vertical-black-move .swiper-wrapper { cursor: url("../images/vertical-icon-move-black.png"), move; }

.swiper-pagination-medium .swiper-pagination-bullet{ width: 10px; height: 10px; }
.swiper-pagination-medium .swiper-pagination-bullet-active{ width: 16px; height: 16px; }
.swiper-pagination-big .swiper-pagination-bullet { width: 14px; height: 14px; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; }
.slider-custom-image > .swiper-button-next, .slider-custom-image > .swiper-button-prev  { bottom: 0; top: inherit; left: inherit }

/* swiper vertical pagination */
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 10px 0}

/* swiper pagination bottom */
.swiper-pagination-bottom .swiper-wrapper { margin-bottom: 65px; }
.swiper-pagination-bottom.small-bottom .swiper-wrapper { margin-bottom: 50px; }
.swiper-pagination-bottom > .swiper-pagination-bullets { bottom: 0; }
.swiper-pagination-bottom > .swiper-button-next, .swiper-pagination-bottom > .swiper-button-prev  { bottom: 0; top: inherit; left: inherit }

/* swiper pagination light */
.swiper-light-pagination .swiper-pagination-bullet { border: 2px solid #fff; opacity: 0.5; }
.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; opacity: 1; }
.swiper-pagination-medium.swiper-light-pagination .swiper-pagination-bullet { border: 2px solid #fff; background-color: #fff; opacity: 1; }
.swiper-pagination-medium.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #fff; background-color: transparent; }

/* dot pagination dark */
.swiper-pagination-dot .swiper-pagination-bullet { background:#000; border-color: #000; opacity: 0.4; }
.swiper-pagination-dot .swiper-pagination-bullet-active { background:#000; border-color: #000; opacity: 1; }

/* dot pagination light */
.swiper-pagination-dot.swiper-light-pagination .swiper-pagination-bullet { background:#fff; border-color: #fff; opacity: 0.5; }
.swiper-pagination-dot.swiper-light-pagination .swiper-pagination-bullet-active { background:#fff; border-color: #fff; opacity: 1; }

/* square pagination */
.swiper-pagination-square .swiper-pagination-bullet { height:3px; width:30px; border-radius: 0;opacity: 0.3; cursor: pointer; }
.swiper-pagination-square .swiper-pagination-bullet-active { opacity: 1; }

/* slider navigation */
.swiper-next.swiper-button-disabled, .swiper-prev.swiper-button-disabled { opacity: 0.6; }
.swiper-button-next, .swiper-button-prev { height: 40px; width: 40px; line-height: 40px; margin: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; outline: none; }
.swiper-button-next.large, .swiper-button-prev.large { height: 62px; width: 62px; line-height: 62px; font-size: 18px; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }
.swiper-button-next:hover, .swiper-button-prev:hover { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

.swiper-button-next { right: 0; }
.swiper-button-prev { left: 0; }

/* slider navigation style 01 */
.slider-navigation-style-01.swiper-button-next, .slider-navigation-style-01.swiper-button-prev { background-color: rgba(0,0,0,.5); color: #fff; }
.slider-navigation-style-01.swiper-button-next:hover, .slider-navigation-style-01.swiper-button-prev:hover { background-color: #fff; color: #232323; }
.slider-navigation-style-01.swiper-button-next.light, .slider-navigation-style-01.swiper-button-prev.light { background-color: #fff; color: #232323; }
.slider-navigation-style-01.swiper-button-next.light:hover, .slider-navigation-style-01.swiper-button-prev.light:hover { background-color: #232323; color: #fff; }
.slider-navigation-style-01.swiper-button-next.dark, .slider-navigation-style-01.swiper-button-prev.dark { background-color: #232323; color: #fff; }
.slider-navigation-style-01.swiper-button-next.dark:hover, .slider-navigation-style-01.swiper-button-prev.dark:hover { background-color: #fff; color: #232323; }
.slider-navigation-style-01.swiper-button-next.rounded-circle { right: 40px;}
.slider-navigation-style-01.swiper-button-prev.rounded-circle { left: 40px;}

/* slider navigation style 02 */
.slider-navigation-style-02.swiper-button-next { right: -90px; }
.slider-navigation-style-02.swiper-button-prev { left: -90px; }
.slider-navigation-style-02.swiper-button-next, .slider-navigation-style-02.swiper-button-prev { border: 2px solid rgba(0,0,0,.15); font-size: 16px; color: #232323; height: 45px; width: 45px; line-height: 45px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.slider-navigation-style-02.swiper-button-prev:hover, .slider-navigation-style-02.swiper-button-next:hover { background: #232323; color: #fff; border: 1px solid #fff;}
.slider-navigation-style-02.swiper-button-next.light, .slider-navigation-style-02.swiper-button-prev.light { border-color: rgba(255,255,255,0.3); color: #fff; font-size: 12px; line-height: 42px }
.slider-navigation-style-02.swiper-button-next.light:hover, .slider-navigation-style-02.swiper-button-prev.light:hover { background-color: #fff; color: #232323;}

/* slider navigation style 03 */
.slider-navigation-style-03.swiper-button-next, .slider-navigation-style-03.swiper-button-prev { border: 1px solid #e4e4e4; font-size: 16px; color: #232323; line-height: 40px; transform: none; top: inherit; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.slider-navigation-style-03.swiper-button-next:hover, .slider-navigation-style-03.swiper-button-prev:hover { box-shadow: 0 0 20px rgba(0,0,0,.15); border-color: #ffffff; background: #ffffff; }
.slider-navigation-style-03.swiper-button-next.dark, .slider-navigation-style-03.swiper-button-prev.dark { border: 1px solid #fff; font-size: 16px; color: #fff; line-height: 38px }
.slider-navigation-style-03.swiper-button-next.dark:hover, .slider-navigation-style-03.swiper-button-prev.dark:hover { background-color: #fff; color: #232323; }
.slider-navigation-style-03.swiper-button-next.white-transparent, .slider-navigation-style-03.swiper-button-prev.white-transparent { box-shadow: 0 0 10px rgba(0,0,0,.15); border: 0 solid #fff; background-color: rgba(255, 255, 255, 0.3); color: #828282; }
.slider-navigation-style-03.swiper-button-next.white-transparent:hover, .slider-navigation-style-03.swiper-button-prev.white-transparent:hover { background-color: #fff; color: #232323; }
.slider-navigation-style-03.swiper-button-next { right: inherit; left: 65px; }
.slider-navigation-style-03.swiper-button-prev { left: 15px; }
.slider-navigation-style-03.swiper-button-next.center-next { left: calc(50% + 5px); bottom: 15px; }
.slider-navigation-style-03.swiper-button-prev.center-prev { left: calc(50% - 45px); bottom: 15px; }
.slider-navigation-style-03.swiper-button-next.white, .slider-navigation-style-03.swiper-button-prev.white { box-shadow: 0 0 10px rgba(0,0,0,.07); border:none; background-color: #fff; color: #232323; }
.slider-navigation-style-03.swiper-button-next.white:hover, .slider-navigation-style-03.swiper-button-prev.white:hover { background-color: #fff; color: #232323;  box-shadow: 0 0 20px rgba(0,0,0,.15);}

/* slider navigation style 04 */
.slider-navigation-style-04.swiper-button-prev { left: -30%; }
.slider-navigation-style-04.swiper-button-next { right: -30%; }

/* slider navigation style 05 */
.slider-navigation-style-05.swiper-button-next, .slider-navigation-style-05.swiper-button-prev { font-size: 40px; color: #fff; height: 50px; width: 50px; line-height: 50px; }
.slider-navigation-style-05.swiper-button-next:hover, .slider-navigation-style-05.swiper-button-prev:hover { opacity: 0.5}
.slider-navigation-style-05.swiper-button-next { right: 40px;}
.slider-navigation-style-05.swiper-button-prev { left: 40px;}

/* slider navigation style 06 */
.slider-navigation-style-06.swiper-button-next, .slider-navigation-style-06.swiper-button-prev { font-size: 40px; color: #828282; line-height: 40px; transform: none; top: inherit; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; width: auto; height: 40px; }
.slider-navigation-style-06.swiper-button-next:hover, .slider-navigation-style-06.swiper-button-prev:hover { color: #232323;}
.slider-navigation-style-06.swiper-button-next { right: inherit; left: 80px; }
.slider-navigation-style-06.swiper-button-prev { left: 15px; }

/* slider navigation style 07 */
.slider-navigation-style-07.swiper-button-next, .slider-navigation-style-07.swiper-button-prev { background-color: rgba(23,23,23,.5); color: #fff; }
.slider-navigation-style-07.swiper-button-next:hover, .slider-navigation-style-07.swiper-button-prev:hover { background-color: #fff; color: #232323; }
.slider-navigation-style-07.swiper-button-next.light, .slider-navigation-style-07.swiper-button-prev.light { background-color: #fff; color: #232323; }
.slider-navigation-style-07.swiper-button-next.light:hover, .slider-navigation-style-07.swiper-button-prev.light:hover { background-color: #232323; color: #fff; }
.slider-navigation-style-07.swiper-button-next.light { right: -70px;}
.slider-navigation-style-07.swiper-button-prev.light { left: -70px;}
.slider-navigation-style-07.swiper-button-next { right: 40px;}
.slider-navigation-style-07.swiper-button-prev { left: 40px;}

/* slider navigation style 08 */
.slider-navigation-style-08.swiper-button-next, .slider-navigation-style-08.swiper-button-prev { background-color: rgba(0,0,0,.5); color: #fff; }
.slider-navigation-style-08.swiper-button-next:hover, .slider-navigation-style-08.swiper-button-prev:hover { background-color: #fff; color: #232323; }
.slider-navigation-style-08.swiper-button-next.light, .slider-navigation-style-08.swiper-button-prev.light { background-color: #fff; color: #232323; }
.slider-navigation-style-08.swiper-button-next.light:hover, .slider-navigation-style-08.swiper-button-prev.light:hover { background-color: #232323; color: #fff; }
.slider-navigation-style-08.swiper-button-next.dark, .slider-navigation-style-08.swiper-button-prev.dark { background-color: #232323; color: #fff; }
.slider-navigation-style-08.swiper-button-next.dark:hover, .slider-navigation-style-08.swiper-button-prev.dark:hover { background-color: #fff; color: #232323; }
.slider-navigation-style-08.swiper-button-next { width: 50px; height: 50px; right: 15px;}
.slider-navigation-style-08.swiper-button-prev { width: 50px; height: 50px; left: 15px;}
.slider-navigation-style-08.swiper-button-next.rounded-circle { right: 40px;}
.slider-navigation-style-08.swiper-button-prev.rounded-circle { left: 40px;}

/* slider arrow right bottom */
.slider-arrow-rb { position: absolute; bottom: 0; right: 100%; z-index: 1; }
.slider-arrow-rb .swiper-button-next, .slider-arrow-rb .swiper-button-prev { transform: none; position: static; margin-top: 1px; }

/* swiper custom text */
.slider-custom-text-next.swiper-button-next, .slider-custom-text-prev.swiper-button-prev { padding: 25px 0 25px 0; width: auto; height: auto;}
.slider-custom-text-next.swiper-button-next:hover, .slider-custom-text-prev.swiper-button-prev:hover {opacity: .7}
.slider-custom-text-next.swiper-button-next { border-left:  1px solid #E4E4E4; padding-left: 45px;}
.slider-custom-text-prev.swiper-button-prev { border-right:  1px solid #E4E4E4; padding-right: 45px;}

/* slider image thumbs */
.slider-review-image-thumbs { height: auto; }
.slider-review-image-thumbs .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) { visibility: hidden; opacity: 0; }
.slider-review-image-thumbs .swiper-slide:not(.swiper-slide-active) img { transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); }
.slider-review-image-thumbs img { border: 6px solid transparent; margin: 0 auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.slider-review-image-thumbs .swiper-slide-active img { box-shadow: 0 0 20px rgba(0,0,0,.14); border: 6px solid #fff; }
.slider-review-image-thumbs .swiper-slide { cursor: pointer; }

/* ===================================
    21. Grid
====================================== */

.blog-post-image img, .portfolio-image img { width: 100%; }
.grid { list-style: none; }
.grid-sizer { padding: 0 !important; margin: 0 !important; }

/* gutter size */
.grid.gutter-very-small li { padding: 3px 3px; }
.grid.gutter-small li { padding:5px 5px; }
.grid.gutter-medium li { padding:7px 7px; }
.grid.gutter-large li { padding:10px 10px; }
.grid.gutter-extra-large li { padding:15px; }
.grid.gutter-double-extra-large li { padding:20px; }
.grid.gutter-triple-extra-large li { padding:30px; }

/* grid 6 column */
.grid.grid-6col li { width: 16.67%; list-style: none; }
.grid.grid-6col li.grid-item-double { width: 33.33%; }

/* grid 5 column */
.grid.grid-5col li { width: 20%; list-style: none; }
.grid.grid-5col li.grid-item-double { width: 40%; }

/* grid 4 column */
.grid.grid-4col li { width: 25%; list-style: none; }
.grid.grid-4col li.grid-item-double { width: 50%; }

/* grid 3 column */
.grid.grid-3col li { width: 33.33%; float: left; list-style: none; }
.grid.grid-3col li.grid-item-double { width: 66.67%; }

/* grid 2 column */
.grid.grid-2col li { width: 50%; list-style: none; }
.grid.grid-2col li.grid-item-double { width: 100%; }

/* grid 1 column */
.grid.grid-1col li { width: 100%;  list-style: none; }

/* grid filter */
.grid-filter li { display: inline-block; float: none; padding: 0 20px; border: 0; position: relative; }
.grid-filter li:first-child { padding-left: 0; }
.grid-filter li:last-child { padding-right: 0; }
.grid-filter li a { border: 0; border-bottom: 1px solid; border-color: transparent; color:#828282; padding-bottom: 2px; }
.grid-filter > li.active > a, .grid-filter > li.active > a:focus, .grid-filter > li.active > a:hover, .grid-filter > li > a:hover { border: 0; color: inherit; border-bottom: 1px solid; color: #232323 }

/* ===================================
    22. Portfolio
====================================== */

.portfolio-box .portfolio-image { position: relative; overflow: hidden; }
.portfolio-box .portfolio-hover { position: absolute; width:100%; height:100%; left: 0; top: 0; opacity: 0; }
.portfolio-box:hover .portfolio-hover { opacity: 1; }
.portfolio-box .portfolio-hover .portfolio-icon { line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; margin: 0 5px; }
.portfolio-box *, .portfolio-box:hover * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.portfolio-box .move-top-bottom { opacity: 0; transform: translateY(-15px); -moz-transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; }
.portfolio-box .move-bottom-top { opacity: 0; transform: translateY(15px); -moz-transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; }
.portfolio-box:hover .move-top-bottom, .portfolio-box:hover .move-bottom-top { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); }
.portfolio-box .move-left-right { opacity: 0; transform: translateX(-15px); -moz-transform: translateX(-15px); -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; }
.portfolio-box .move-right-left { opacity: 0; transform: translateX(15px); -moz-transform: translateX(15px); -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; }
.portfolio-box:hover .move-left-right, .portfolio-box:hover .move-right-left { opacity: 1; transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); }
.portfolio-classic .portfolio-box:hover .portfolio-image img, .portfolio-overlay .portfolio-box:hover .portfolio-image img { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); opacity: 0.15; }
.portfolio-box .move-bottom-top-self {overflow: hidden}
.portfolio-box .move-bottom-top-self span { opacity: 0; display: block; will-change: transform; -moz-transform: translateY(200%); -ms-transform: translateY(200%); -webkit-transform: translateY(200%); transform: translateY(200%); -moz-transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85); -o-transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85); -webkit-transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85);}
.portfolio-box:hover .move-bottom-top-self span {opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
.portfolio-box .move-top-bottom-self {overflow: hidden}
.portfolio-box .move-top-bottom-self span { opacity: 0; display: block; will-change: transform; -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -webkit-transform: translateY(-200%); transform: translateY(-200%); -moz-transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85); -o-transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85); -webkit-transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85);}
.portfolio-box:hover .move-top-bottom-self span {opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
.portfolio-box .scale {opacity: 0; -moz-transform: scale3d(0.8, 0.8, 1); -o-transform: scale3d(0.8, 0.8, 1); -ms-transform: scale3d(0.8, 0.8, 1); -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1);}
.portfolio-box:hover .scale {opacity: 1; -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/* portfolio classic */
.portfolio-classic .portfolio-box .portfolio-image > a { position: relative; height: 100%; z-index: 1; }
.portfolio-classic .portfolio-icon a { width: 40px; height: 40px; display: inline-block; vertical-align: middle; line-height: 40px; text-align: center; margin: 0 3px; position: relative; z-index: 3;}
.portfolio-classic .portfolio-box {overflow: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.portfolio-classic .portfolio-box:hover {transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); }
.portfolio-classic .portfolio-box:hover .portfolio-image img { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); }
.portfolio-classic .portfolio-icon a:hover { box-shadow: 0 0 25px rgba(0,0,0,.3);}
.portfolio-classic .portfolio-box .portfolio-icon a { opacity: 0; transform: translateY(15px); -moz-transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px);}
.portfolio-classic .portfolio-box:hover .portfolio-icon a {opacity: 1; transition-delay: .1s;  transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); }
.portfolio-classic .portfolio-box:hover .portfolio-icon a:last-child {transition-delay: .2s;}

/* portfolio bordered */
.portfolio-bordered .portfolio-box .portfolio-hover { opacity: 0; }
.portfolio-bordered .portfolio-box:hover .portfolio-hover { left: 20px; opacity: 1; top: 20px; width: calc(100% - 40px); height: calc(100% - 40px); }
.portfolio-bordered .portfolio-box:hover .portfolio-image img { opacity: .5; -webkit-filter: blur(5px); filter: blur(5px); transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); }

/* portfolio boxed */
.portfolio-boxed .portfolio-box .portfolio-hover { opacity: 0; left: 20px; bottom: 20px; width: calc(100% - 40px); height:auto; top: inherit; transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%);  }
.portfolio-boxed .portfolio-box:hover .portfolio-hover { box-shadow: 0 0 15px rgba(0,0,0,.20); transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1;  }
.portfolio-boxed .portfolio-box .portfolio-hover:hover i {transform: translateX(5px); -moz-transform: translateX(5px); -webkit-transform: translateX(5px); -ms-transform: translateX(5px);}
.portfolio-boxed .portfolio-box:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 3s cubic-bezier(.165,.84,.44,1); -moz-transition: -moz-transform 3s cubic-bezier(.165,.84,.44,1); transition: transform 3s cubic-bezier(.165,.84,.44,1); }

/* portfolio switch image */
.portfolio-switch-image .portfolio-image .portfolio-switch-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -moz-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
.portfolio-switch-image .portfolio-box:hover .portfolio-switch-image { opacity: 1; -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
.portfolio-switch-image .portfolio-box:hover .portfolio-image{ -moz-transform: translate3d(0, -5px, 0); -o-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);  }
.portfolio-switch-image .portfolio-box:hover .portfolio-caption {transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px);}

/* portfolio scattered */
.portfolio-scattered .portfolio-image { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
.portfolio-scattered .portfolio-box:hover .portfolio-image { -webkit-clip-path: inset(5% 5% 5% 5%); clip-path: inset(5% 5% 5% 5%); }
.portfolio-scattered.row-cols-lg-2 .col:nth-child(4n+0) .portfolio-box, .portfolio-scattered.row-cols-lg-2 .col:nth-child(4n+1) .portfolio-box { padding: 15% 0; }
.portfolio-scattered.row-cols-lg-2 .col:nth-child(4n+2) .portfolio-box, .portfolio-scattered.row-cols-lg-2 .col:nth-child(4n+3) .portfolio-box { padding: 0 15%; }
.portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+0) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+1) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+3) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+5) .portfolio-box { padding: 15% 0; }
.portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+2) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+4) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+6) .portfolio-box { padding: 0 15%; }
.pagination-style-01 .page-link.portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+0) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+1) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+3) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+6) .portfolio-box{ padding: 25% 0; }
.portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+2) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+4) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+5) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+7) .portfolio-box { padding: 0 15%; }

/* portfolio overlay */
.portfolio-overlay .portfolio-box .portfolio-image img { opacity: 1;}

/* portfolio justified gallery */
.justified-gallery > a > .jg-caption.jg-caption-visible, .justified-gallery > div > .jg-caption.jg-caption-visible, .justified-gallery > figure > .jg-caption.jg-caption-visible { display: none; filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; }
.justified-gallery > a > .jg-caption, .justified-gallery > div > .jg-caption, .justified-gallery > figure > .jg-caption { display: none; position: absolute; left: 0; right: 0; bottom: 0; margin: 0; background-color: #fff; color: inherit; padding: 15px 25px 12px; box-shadow: 0 5px 20px rgba(23,23,23,.2); white-space: nowrap; z-index: 1; font-family: inherit; }

/* ===================================
    23. Blog
====================================== */

.blog-post { position: relative; overflow: hidden; }
.blog-post .blog-post-image img { -webkit-transition: all 1s cubic-bezier(0,0,.2,1); -moz-transition: all 1s cubic-bezier(0,0,.2,1); -ms-transition: all 1s cubic-bezier(0,0,.2,1); transition: all 1s cubic-bezier(0,0,.2,1); }
.blog-post .blog-post-image { overflow: hidden; position: relative; }
.blog-post:hover .blog-post-image img { opacity: 0.6; -webkit-transform: scale3d(1.1,1.1,1.1); -moz-transform: scale3d(1.1,1.1,1.1); -ms-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }

/* blog grid */
.blog-grid .blog-post-image .blog-category { position: absolute; top: 23px; right: 23px; font-size: 11px; line-height: 14px; background: rgba(23,23,23,.75); color: #fff; text-transform: uppercase; border-radius: 2px; padding: 6px 13px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.blog-grid .blog-post:hover .blog-post-image .blog-category { background: #fff; color: #232323; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; box-shadow: 0 0 10px rgba(0,0,0,.2) }
.blog-grid .avtar-image {width: 30px; border-radius: 100%; margin-right: 10px;}
.blog-grid .blog-like {display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;}
.blog-grid .blog-like i {margin-right: 4px;}

/* blog masonry */
.blog-masonry .blog-post { box-shadow: 0 0 15px rgba(0,0,0,.06); -webkit-transition: all 1.5s cubic-bezier(0,0,.2,1); -moz-transition: all 1.5s cubic-bezier(0,0,.2,1); -ms-transition: all 1.5s cubic-bezier(0,0,.2,1); transition: all 1.5s cubic-bezier(0,0,.2,1); }
.blog-masonry .blog-post:hover { box-shadow: 0 0 30px rgba(0,0,0,.15); -webkit-transform: translate3d(0, 0, 0); }
.blog-masonry .blog-post:hover .blog-post-image img {opacity: 1}
.blog-masonry .blog-post-image .blog-category {position: absolute; background: #fff; left: 0; bottom: 0; top: auto; right: auto; border-radius: 0px;  padding: 13px 25px; font-size: 13px; line-height: 13px; font-weight: 500}
.blog-masonry .blog-post:hover .blog-post-image .blog-category {box-shadow: none}
.blog-masonry .blog-post p {margin-bottom: 5px}
.blog-masonry .blog-like span, .blog-masonry .blog-comment span {position: relative; top:0}
.blog-masonry .blog-like, .blog-masonry .blog-comment {display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;}
.blog-masonry .blog-like i, .blog-masonry .blog-comment i { margin-right: 4px; }
.blog-masonry .blog-comment { margin-left: 13px; }

/* blog classic */
.blog-classic .blog-post:hover { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.blog-classic .blog-post-image { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.blog-classic .blog-post:hover .blog-post-image img { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);  }
.blog-classic .separator { width: 28px; height: 1px;display: inline-block; vertical-align: middle; margin-right: 8px; -webkit-transition: all 1s cubic-bezier(0,0,.2,1); transition: all 1s cubic-bezier(0,0,.2,1); }
.blog-classic .blog-post:hover .separator { width: 50px; }
.blog-classic .blog-post p { margin-bottom: 20px}

/* blog simple */
.blog-simple .blog-post { display: -webkit-box; display: -ms-flexbox; display: flex; }
.blog-simple .blog-post-image, .blog-simple .post-details { width: 50%; }
.blog-simple .post-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.blog-simple .blog-post .blog-category {  font-size: 11px; line-height: 14px; box-shadow: 0 0 20px rgba(23,23,23,.08); border-radius: 20px; border: 1px solid; padding: 6px 16px; text-transform: uppercase; font-weight: 500}
.blog-simple .blog-post:hover .blog-category {box-shadow: 0 0 0 rgba(23,23,23,.08);}
.blog-simple .blog-post .blog-post-image .blog-post-image-overlay { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.blog-simple .blog-post .cover-background {background-position: right center !important; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.blog-simple .blog-post:hover .cover-background {background-position: left center !important; }
.blog-simple .blog-post:hover .blog-post-image .blog-post-image-overlay { opacity: .3;}

/* blog side image */
.blog-side-image .blog-post { padding: 28px; }
.blog-side-image .blog-post:nth-child(odd) { padding-right: 0; }
.blog-side-image .blog-post:nth-child(even) { padding-left: 0; }
.blog-side-image .blog-post-image { width: 55%; }
.blog-side-image .post-details { width: 45%; }
.blog-side-image .post-details i {margin-right: 7px;}
.blog-side-image .post-details i:last-of-type {margin-left: 20px;}
.blog-side-image .blog-post:hover .blog-post-image img {opacity: 1}
.blog-side-image .blog-post:nth-child(even) .post-details { -ms-flex-order: 1; order: 1; }
.blog-side-image .blog-post:nth-child(even) .blog-post-image { -ms-flex-order: 2; order: 2; }
.blog-side-image .avtar-image { width: 25px; border-radius: 100%; margin-right: 10px; }
.blog-side-image .separator {margin-left: 15px; margin-right: 15px; width: 30px; display: inline-block; vertical-align: middle; height: 1px }

/* blog metro */
.blog-metro .blog-post:hover { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.blog-metro .blog-post:hover .blog-post-image img { opacity: .6; }
.blog-metro .blog-post .blog-post-image .blog-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgb(31,35,44); background: linear-gradient(0deg, rgba(23,23,23,0.95) 0%, rgba(23,23,23,0) 88%); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.blog-metro .blog-post .post-details { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.blog-metro .post-details .blog-category { font-size: 12px; line-height: 20px; font-weight: 500; text-transform: uppercase; color: #fff; padding: 6px 13px; background: rgba(20,21,22,.7); border-radius: 2px; }
.blog-metro .post-details:hover .blog-category {background: #fff; color: #232323; box-shadow: 0 0 20px rgba(23,23,23,.2);}

/* blog overlay image */
.blog-overlay-image { z-index: 1; }
.blog-overlay-image .blog-post { z-index: 1; }
.blog-overlay-image .post-details { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; position: relative; }
.blog-overlay-image .blog-post .blog-post-image, .blog-overlay-image .blog-post .blog-post-image .blog-overlay-image { transform: scale(1.1,1.1); opacity: 0; z-index: -1; position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.blog-overlay-image .blog-post .blog-post-image .blog-overlay-image { z-index: 1; }
.blog-overlay-image .blog-post:hover .blog-post-image, .blog-overlay-image .blog-post:hover .blog-post-image .blog-overlay-image { transform: scale(1,1); opacity: 1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.blog-overlay-image .blog-post:hover .post-details * { color: #fff; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.blog-overlay-image .blog-category, .blog-overlay-image .blog-post .post-details .post-date, .blog-overlay-image .blog-post .post-details .post-read, .blog-overlay-image .blog-post .post-details .post-title { transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; }
.blog-overlay-image .blog-category { border-radius: 2px; padding: 6px 13px; border:1px solid; text-transform: uppercase; display: inline-block; font-size: 11px; line-height: 14px;  }
.blog-overlay-image .blog-post:hover .blog-category { background: #232323; color: #fff !important; border-color: #232323 !important  }
.blog-overlay-image .blog-post .post-details .post-date { opacity: 0; margin-bottom: -20px; transform: scale(1,0); }
.blog-overlay-image .blog-post:hover .post-details .post-date { opacity: .75; margin-bottom: 15px; transform: scale(1,1); }
.blog-overlay-image .blog-post .post-details .post-read { opacity: 1; transform: scale(1,1); }
.blog-overlay-image .blog-post:hover .post-details .post-read { opacity: 0; transform: scale(1,0); }
.blog-overlay-image .blog-post:hover .post-details .post-title { margin-bottom: -20px; position: relative; z-index: 4 }

/* blog modern */
.blog-modern .blog-category { display: inline-block;}
.blog-modern .blog-post:hover .blog-post-image img { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);  }
.blog-modern .blog-post { overflow: visible; }
.blog-modern .blog-post-image { margin-bottom: 150px; }
.blog-modern .post-details { position: absolute; bottom: -100px; left: 30px; width: calc(100% - 60px); box-shadow: 0 0 30px rgba(0,0,0,.08); -webkit-transition: all 0.5s cubic-bezier(0,0,.2,1); transition: all 0.5s cubic-bezier(0,0,.2,1);}
.blog-modern .grid-item:hover .post-details { transform: translateY(-20px);  }
.blog-modern .grid-item:hover .post-details {box-shadow: 0 0 40px rgba(0,0,0,.08);}

/* blog standard */
.blog-hover-btn *{ transition-duration: 0.35s; -moz-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; -ms-transition-duration: 0.35s; }
.blog-hover-btn a { position: relative; padding-left: 19px; }
.blog-hover-btn .blog-icon{ position: absolute; left: 0; top: 2px; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); }
.blog-hover-btn .blog-icon-hover{ opacity: 0; transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); -ms-transform: translateY(10px); }
.blog-hover-btn:hover .blog-icon{ opacity: 0; transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); }
.blog-hover-btn:hover .blog-icon-hover{ opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); }

/* blog widget */
.blog-widget { list-style: none; padding: 0; margin: 0; }
.blog-widget li figure { height:auto; width: 140px; margin-bottom: 0; }
.blog-widget li .media-body { line-height: normal; padding-left: 30px; position: relative; top: -1px; }

.gadget { list-style: none; padding: 0; margin: 0; }
.gadget li figure { height:auto; width: 140px; margin-bottom: 0; }
.gadget li .media-body { line-height: normal; padding-left: 30px; position: relative; top: -1px; }

.blog-post-image .blog-plus-icon { opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.blog-post:hover .blog-plus-icon { opacity: 1; }
.blog-post-image .blog-rounded-icon { width: 46px; height: 46px; line-height: 48px; border: 1px solid; border-radius: 100%; text-align: center; opacity: 0; margin-top: 15px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.blog-post:hover .blog-rounded-icon { opacity: 1; margin-top: 0; }
.blog-image img { width: 100%; }
.blog-text .blog-details-overlap { position: absolute; transform: translate(-50% , -50%); left: 50%; top: 0; padding: 6px 20px 5px; white-space: nowrap; }

.to-top { animation: toTop 0.3s linear forwards; }
.to-right { animation: toRight 0.3s linear forwards; }
.to-bottom { animation: toBottom 0.3s linear forwards; }
.to-left { animation: toLeft 0.3s linear forwards; }

/* sidebar */
.blog-left-side-bar .blog-content, .blog-right-side-bar .blog-sidebar { float: right; }
.blog-left-side-bar .blog-sidebar, .blog-right-side-bar .blog-content { float: left; }
.aside-title { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-50%); }
.aside-title span { padding: 2px 20px; }
.shopping-left-side-bar .shopping-content, .shopping-right-side-bar .shopping-sidebar, .blog-left-side-bar .blog-content, .blog-right-side-bar .blog-sidebar { order: 13; -ms-flex-order: 13; }
.shopping-left-side-bar .shopping-sidebar, .shopping-right-side-bar .shopping-content, .blog-right-side-bar .blog-content, .blog-left-side-bar .blog-sidebar { order: 1; -ms-flex-order: 1; }

/* blog tag */
.blog-tag { font-size: 10px; padding: 6px 14px; text-transform: uppercase; margin-right: 3px; text-align: center; vertical-align: middle }
.blog-tag:hover { border-color: #0038e3 !important; color: #fff; background-color: #0038e3; }
.blog-tag:last-child { margin-right: 0; }
.blog-auther-tag { font-size: 11px; line-height: 11px; padding: 5px 10px; text-transform: uppercase; position: absolute; }
.blog-auther-tag:hover { border-color: transparent; color: #232323 !important; background-color: #fff; }

/* blog category style 01 */
.blog-category-style-01 { overflow: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.blog-category-style-01 .blog-image{ width: calc(100% + 50px); transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -ms-transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; transform: translate3d(-40px, 0, 0); -moz-transform: translate3d(-40px, 0, 0); -webkit-transform: translate3d(-40px, 0, 0); -ms-transform: translate3d(-40px, 0, 0); }
.blog-category-style-01:hover .blog-image{ width: calc(100% + 0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.blog-category-style-01 img { transition-duration: 0.35s; -moz-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; -ms-transition-duration: 0.35s; }
.blog-category-style-01:hover img { opacity: 0.5; transition-duration: 0.35s; -moz-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; -ms-transition-duration: 0.35s; }
.blog-category-style-01 .blog-post-details { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.blog-category-style-01 .post-details {padding: 8px 22px}

/* author */
.about-author-img { float: left; max-width: 100px; margin-right: 35px; margin-bottom: 15px; }
.about-author-text { top: -5px; }
.author-sharing a { margin-right: 15px; color: #737373; }
.author-sharing a:hover { color: #000; }
.alignnone { margin: 5px 30px 40px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 30px 40px; }
.alignleft { float: left; margin: 5px 40px 30px 0; }
a img.alignright { float: right; margin: 5px 0 40px 30px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #f7f7f7; padding:17px; text-align: center; border: 1px solid rgba(0,0,0,.1); max-width: 50%; }
.wp-caption figcaption { padding: 18px 25px 0 25px; }
.wp-caption img { width: 100%; }
.wp-caption.alignnone { margin: 5px 30px 40px 0; }
.wp-caption.alignleft { margin: 5px 40px 30px 0; }
.wp-caption.alignright { margin: 5px 0 40px 30px; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 1; }

/* blog comments */
.blog-comment li { padding-bottom: 65px; position: relative; list-style: none; }
.blog-comment li .user-comment { overflow: hidden; flex: 1; max-width: 100%; }
.blog-comment > li:first-child { padding-top: 0; }
.blog-comment li:last-child { border-bottom: medium none; padding-bottom: 0; }
.blog-comment li .blog-comment-box { padding: 40px 50px; border-radius: 10px;}
.blog-comment li .btn-reply { float: right; font-size: 11px; line-height: initial; padding: 7px 16px 6px; border-radius: 50px; border: 1px solid rgba(43.9, 43.9, 43.9, 0.25); background-color: #ffffff; }
.blog-comment li .btn-reply:hover { border-color: #0038e3; background: #0038e3; color: #fff; }
.blog-comment li ul.child-comment { list-style: outside none none; margin-left:70px;}
.blog-comment li ul.child-comment li { margin-top: 60px; padding-bottom: 0;}

/* sidebar latest post */
.latest-post-sidebar { list-style: none; padding: 0; margin: 0; }
.latest-post-sidebar li { margin-bottom: 45px; }
.latest-post-sidebar li:last-child { margin-bottom: 0; }
.latest-post-sidebar li figure { height:65px; width: 80px; margin: 0; }
.latest-post-sidebar li .media-body { line-height: normal; padding-left: 30px; position: relative; top: -3px; }

/* pagination style 01 */
.pagination-style-01 .page-link { border: 0; padding:12px 5px; margin: 0 10px; background: transparent; color: #828282; min-width: 40px; text-align: center; border-radius: 100% }
.pagination-style-01 .page-item:first-child .page-link, .pagination-style-01 .page-item:last-child .page-link { padding: 0; }
.pagination-style-01 .page-item:last-child .page-link { margin-right: 0; }
.pagination-style-01 .page-item:first-child .page-link:hover, .pagination-style-01 .page-item:last-child .page-link:hover { background: transparent; color: #232323; box-shadow: none }
.pagination-style-01 .page-link:hover, .pagination-style-01 .active .page-link { background: #fff; color: #232323; box-shadow: 0 0 10px rgba(23,23,23,.15) }

/* ===================================
    24. Shop
====================================== */

.product-box, .product-box .product-image { position: relative; overflow: hidden; }
.product-box, .product-box .product-image img { width: 100%; }
.product-image .product-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.product-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.product-image:hover .product-hover{ opacity: 1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.product-price del { margin-right: 8px }

.product-box .product-hover-right { position: absolute; top: 0; right: 0; opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.product-box:hover .product-hover-right { opacity: 1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

.product-image .hover-image { position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.product-box:hover .hover-image { display: block; opacity: 1; visibility: visible; }
.product-box:hover .default-image { opacity: 0 !important; visibility: hidden; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.product-box .product-hover-bottom { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.product-box:hover .product-hover-bottom { opacity: 1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.product-box:hover .hover-img { opacity: 1; }
.product-box .product-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.product-box:hover .product-overlay { opacity: 1; visibility: visible; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.product-box .move-top-bottom { opacity: 0; transform: translateY(-15px); -moz-transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; }
.product-box .move-bottom-top { opacity: 0; transform: translateY(15px); -moz-transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; }
.product-box:hover .move-top-bottom, .product-box:hover .move-bottom-top { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); }

.product-box .move-left-right { opacity: 0; transform: translateX(-15px); -moz-transform: translateX(-15px); -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; }
.product-box .move-right-left { opacity: 0; transform: translateX(15px); -moz-transform: translateX(15px); -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; }
.product-box:hover .move-left-right, .product-box:hover .move-right-left { opacity: 1; transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); }

.product-image .product-link-icon:nth-child(1), .product-image:hover .product-link-icon:nth-child(1) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.product-image .product-link-icon:nth-child(2), .product-image:hover .product-link-icon:nth-child(2) { -webkit-transition-delay: 0.05s; -moz-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; }
.product-image .product-link-icon:nth-child(3), .product-image:hover .product-link-icon:nth-child(3) { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
.product-image .product-link-icon:nth-child(4), .product-image:hover .product-link-icon:nth-child(4) { -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; }
.product-image .product-link-icon:nth-child(5), .product-image:hover .product-link-icon:nth-child(5) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.tooltip-inner {font-size: 11px; padding: 4px 13px 5px; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 500; border-radius: 2px;}

.product-link-icon { position: relative; border-radius: 100%; background-color: #fff; color: #232323; display: inline-block; margin: 5px; height: 40px; width: 40px; line-height: 42px; box-shadow: 0 0 30px rgba(0,0,0,.2); text-align: center; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.product-link-icon:hover { color: #232323; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.product-link-icon i { margin: 0; font-size: 15px; }

.product-badge { position: absolute; top: 25px; left: 25px; font-size: 10px; font-weight: 600; color: #fff; line-height: 11px; text-align: center; text-transform: uppercase; display: block; padding: 5px 8px; border-radius: 2px; }
.product-badge.green { background-color: #21b375; }
.product-badge.red { background-color: #f34a53; }
.product-badge.orange { background-color: #f36e4a; }

.product-image .product-hover-details a { background: #232323; bottom: -50px; left: 0; width: 100%; text-align: center; position: absolute; padding: 12px 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; z-index: 1; }
.product-image .product-hover-details a:hover { color: #fff; }
.product-image .product-hover-details a:after { content: "/"; color: #545553; font-size: 11px; position: absolute; right: -5px; top: 2px; }
.product-image .product-hover-details a:last-child:after { content: ""; }
.product-image .hover-img { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.product-box:hover .product-hover-details a{ bottom: 0; }
.product-box:hover .hover-img { opacity: 1; visibility: visible; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; }

/* shop detail color */
.shop-color { display: inline-block; }
.shop-color li { display: inline-block;}
.shop-color li > input[type="radio"] + label span { height: 32px; width: 32px; border-radius: 100%; margin-right: 8px;}
.shop-color li > input[type="radio"] + label span:after { line-height: 32px; font-size: 10px }
.shop-color li > input[type="radio"]:checked + label span:after { color: #fff}

/* shop detail size */
.shop-size { display: inline-block; }
.shop-size li { display: inline-block;}
.shop-size li > input[type="radio"] + label span { height: 32px; width: 32px; line-height: 30px; border-radius: 100%; background: #f7f7f7; border: 1px solid transparent; text-align: center; margin-right: 10px;}
.shop-size li > input[type="radio"]:checked + label span { border: 1px solid rgba(35,35,35,.25); color: #232323}
.shop-size li > input[type="radio"] + label span:after { height: 100%; width: 100%; top: 0; left: 0; content: ""; }
.shop-size li > input[type="radio"]:checked + label span:after { display: none; }

/* shop category style 01 */
.shop-category-style-01 .shop-product, .shop-category-style-01 .shop-product-image { position: relative; overflow: hidden; }
.shop-category-style-01 .shop-product-image .shop-product-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.shop-category-style-01 .shop-product .shop-product-content { position: absolute; bottom: 25px; left: 25px; width: calc(100% - 50px); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.shop-category-style-01 .shop-product-content a, .shop-category-style-01 .shop-product-content i { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.shop-category-style-01 .shop-product:hover .shop-product-content a, .shop-category-style-01 .shop-product:hover .shop-product-content i { color: #fff !important; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.shop-category-style-01 .shop-product:hover .shop-product-overlay { opacity: 1; visibility: visible; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.shop-category-style-01 .shop-product:hover .shop-product-content { background-color: #232323 !important; border-radius: 4px; bottom: 25px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
.shop-category-style-01 .shop-product-image img { width: 100%;}

/* shop category style 02 */
.shop-category-style-02 .shop-product-image { margin-right: -25px; width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative }
.shop-category-style-02 .shop-product-image img { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
.shop-category-style-02:hover .shop-product-image img { opacity: .3; padding: 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
.shop-category-style-02 .shop-product-image .product-view-link { opacity: 0; transform: scale(1,1); -webkit-transform: scale(1,1) translate(-50%, -50%); -moz-transform: scale(1,1) translate(-50%, -50%); -ms-transform: scale(1,1) translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; top: 50%; left: 50%; }
.shop-category-style-02:hover .shop-product-image a.product-view-link { opacity: 1; transform: scale(1.1,1.1) translate(-50%, -50%); -webkit-transform: scale(1.1,1.1) translate(-50%, -50%); -moz-transform: scale(1.1,1.1) translate(-50%, -50%); -ms-transform: scale(1.1,1.1) translate(-50%, -50%); }

/* products details page */
.product-image-slider img {cursor: crosshair;}
.product-images-box .slider-product-next, .product-images-box .slider-product-prev {width: 65px; height: 65px}

/* other */
.cart-products td { color: #828282; vertical-align: middle; border-bottom: 1px solid #e4e4e4; border-top: 0; padding: 25px 10px; line-height: 28px; }
.cart-products th { border-top: 0; border-bottom: 1px solid #e4e4e4!important; padding: 15px 10px; font-weight: 500; text-transform: capitalize; }
.cart-products .product-remove{ width: 25px; }
.cart-products .cart-product-image { max-width: 75px; }
.cart-products .product-thumbnail{ width: 110px; }
.cart-products .product-name .variation{ float: left; width: 100%; }
.cart-products .product-name .variation .variation-Size{ float: left; margin-right: .25em; display: inline-block; list-style: none outside; font-weight: normal;}
.cart-products .product-name .variation .variation-Size p{ margin: 0; }

.quantity{ position: relative; display: inline-block; vertical-align: middle; }
.qty-btn{ width: 22px; height: 19px; line-height: 19px; border: 0; border-left: 1px solid #e8e8e8; padding: 0; margin: 0; position: absolute; background: transparent;}
.qty-btn:focus { border: none; border-left: 1px solid #e8e8e8;}
.qty-plus:focus{ border:none; border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8;}
.qty-minus{ right: 1px; top: 20px; padding-left: 2px; border-radius: 0;}
.qty-plus{ top: 1px; right: 1px; border-bottom: 1px solid #e8e8e8; height: 20px; line-height: 20px; padding-left: 1px; border-radius: 0;}
.qty-text { margin: 0; padding: 0 24px 0 0; width: 65px; line-height: 40px; height: 40px; outline: none; border-radius: 0; outline: none; text-align: center; -webkit-appearance: textfield; -moz-appearance: textfield; }

.coupon-code-panel{ position: relative; }
.coupon-code-panel input{ margin: 0; border: none; border: 1px dashed #e4e4e4; padding: 10px 70px 11px 45px; width: 100%; position: relative}
.coupon-code-panel:before {position: absolute; content: "\e8bf"; font-family: 'feather'; position: absolute; left: 20px; z-index: 2; line-height: 44px}
.coupon-code-panel .apply-coupon-btn{ position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #232323; font-weight: 500; font-size: 12px; line-height: 20px; text-transform: capitalize; }
.cart-btn{ position: relative; font-size: 12px; line-height: 20px; }
.cart-btn:after{ content: ''; position: absolute; width: 90%; height: 2px; bottom: 0; left: 50%; background: #000; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.total-price-table td,.total-price-table th{ border: none; border-bottom: 1px solid #e4e4e4; padding-top: 20px; padding-bottom: 20px; }
.total-price-table tr:last-child th, .total-price-table tr:last-child td{ border: none; }
.total-price-table .calculate-shipping th .calculate-shipping-title{ position: relative; color: #212529; }
.total-price-table .calculate-shipping th .calculate-shipping-title:after{ font-family: 'feather'; content: "\e842"; position: absolute; right: 0; top: 0; font-weight: 700;}
.total-price-table .calculate-shipping th .calculate-shipping-title:hover{ outline: none; color: #212529; }

.price-filter.ui-widget.ui-widget-content { border-radius: 0; background-color: #dfdfdf; border: 1px solid #fff; height: 5px; margin: 25px 3px 30px 8px; }
.price-filter .ui-slider-range { background-color: #232323; height: 3px; }
.price-filter .ui-slider-handle { background-color: #fff; width: 13px; height: 13px; top: -5px; border: 1px solid #bbb; border-radius: 100%; cursor: ew-resize; outline: 0; }
.price-filter-details .btn-filter { font-size: 10px; color: #101010; background-color: transparent; float: right; padding: 1px 12px; outline: none; font-weight: 500; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #d6d6d6; line-height: 19px; }
.price-filter-details .btn-filter:hover { color: #fff; background-color: #232323; border: 1px solid #232323; }
.price-filter-details .price-filter-amount .price-amount { border: none; padding: 0; max-width: 115px; background-color: transparent; }

/* ===================================
    25. Elements
====================================== */

/* client logo style 01 */
.client-logo-style-01 .client-box { position: relative; width: 100%; height: 100%; display: inline-block; z-index: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; opacity: 1; }
.client-logo-style-01 .client-box:hover { z-index: 10; }
.client-logo-style-01 .client-box:before, .client-logo-style-01 .client-box:after { content: ""; display: block; position: absolute; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; opacity: 1; }
.client-logo-style-01 .client-box:before { width: calc(100% + 3px); height: calc(100% + 4px); z-index: 1; transition: height 1s ease, opacity .8s ease; -webkit-transition: height 1s ease, opacity .8s ease; -moz-transition: height 1s ease, opacity .8s ease; -ms-transition: height 1s ease, opacity .8s ease; -o-transition: height 1s ease, opacity .8s ease; }
.client-logo-style-01 .client-box:after { height: calc(100% + 4px); width: 100%; z-index: 1; transition: width 1s ease, opacity .8s ease; }
.client-logo-style-01 .client-box:hover:before { transition: height .2s ease, opacity .3s ease; -webkit-transition: height .2s ease, opacity .3s ease; -moz-transition: height .2s ease, opacity .3s ease; -ms-transition: height .2s ease, opacity .3s ease; -o-transition: height .2s ease, opacity .3s ease; height: calc(100% - 20px); opacity: .7; }
.client-logo-style-01 .client-box:hover:after { transition: width .2s ease, opacity .3s ease; -webkit-transition: width .2s ease, opacity .3s ease; -moz-transition: width .2s ease, opacity .3s ease; -ms-transition: width .2s ease, opacity .3s ease; -o-transition: width .2s ease, opacity .3s ease; width: calc(100% - 20px); opacity: .8; }
.client-logo-style-01 .client-box .client-box-image { z-index: 2; position: relative; }

/* client logo style 02 */
.client-logo-style-02 .client-logo {opacity: 0.6; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s;  }
.client-logo-style-02 .client-logo:hover {opacity: 1; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; }

/* client logo style 03 */
.client-logo-style-03 img { filter: grayscale(1); transition-property: filter; -webkit-transition-property: filter; -moz-transition-property: filter; -ms-transition-property: filter; -o-transition-property: filter; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
.client-logo-style-03 a:hover img { filter: grayscale(0); transition-property: filter; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; }

/* client logo style 04 */
.client-logo-style-04 .client-box { position: relative; width: 100%; height: 100%; display: inline-block; z-index: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.client-logo-style-04 .client-box .client-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; transform: scale(0.8); transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.client-logo-style-04 .client-box:hover .client-overlay { opacity: 1; transform: scale(1); }

/* client logo style 05 */
.client-logo-style-05 a {display: block}
.client-logo-style-05 a img { position: relative; top:0; -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);  }
.client-logo-style-05 a:hover img { transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px);  }

/* client logo style 06 */
.client-logo-style-06 .client-box { opacity: .5; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex!important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; }
.client-logo-style-06 .client-box:hover { opacity: 1; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; }

/* client logo style 07 */
.client-logo-style-07 .client-logo {opacity: 1; -webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); -moz-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); -ms-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); -o-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);  }
.client-logo-style-07:hover .client-logo { -webkit-filter: blur(2px); filter: blur(2px); opacity: .6; }
.client-logo-style-07 .client-logo:hover {opacity: 1; -webkit-filter: blur(0); filter: blur(0); }

/* interactive banner style 01 */
.interactive-banners-style-01 * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.interactive-banners-style-01 { display: inline-block; float: none; border: 0; position: relative; }
.interactive-banners-style-01 .interactive-banners-image { position: relative; overflow: hidden; }
.interactive-banners-style-01 .interactive-banners-image img { width: 100%;}
.interactive-banners-style-01 .interactive-banners-hover { position: absolute; width:100%; height:100%; left: 0; top: 0; }
.interactive-banners-style-01:hover .interactive-banners-hover { opacity: 1; }
.interactive-banners-style-01 .interactive-banners-icon { width: 35px; height: 35px; line-height: 36px; border-radius: 100%; text-align: center; opacity: 0; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 0; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity;}
.interactive-banners-style-01:hover .rounded-icon { opacity: 1; transform: translateX(-18px); -moz-transform: translateX(-18px); -webkit-transform: translateX(-18px); -ms-transform: translateX(-18px); }
.interactive-banners-style-01 .interactive-banners-title { opacity: 1; transform: translateY(35px); -moz-transform: translateY(35px); -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; }
.interactive-banners-style-01:hover .interactive-banners-title { opacity: 0; transform: translateY(70px); -moz-transform: translateY(70px); -webkit-transform: translateY(70px); -ms-transform: translateY(70px);}
.interactive-banners-style-01 .interactive-banners-sub-title { opacity: 0; transform: translateY(70px); -moz-transform: translateY(70px); -webkit-transform: translateY(70px); -ms-transform: translateY(70px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; }
.interactive-banners-style-01:hover .interactive-banners-sub-title { opacity: 1; transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); -ms-transform: translateY(10px);}
.interactive-banners-style-01 .scale {-moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
.interactive-banners-style-01:hover .scale { -moz-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
.interactive-banners-style-01:hover img {opacity: .5}

/* interactive banner style 02 */
.interactive-banners-style-02 .category-name { position: absolute; top: 40px; left: 50px; line-height: 14px; background: #fff; color: #232323; text-transform: uppercase; padding: 8px 15px; -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); }
.interactive-banners-style-02 > a { position: relative; display: block;}
.interactive-banners-style-02:hover .category-name { background: #232323; color: #fff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; box-shadow: 0 0 10px rgba(0,0,0,.2) }
.interactive-banners-style-02 .category-content { position: absolute; bottom: 0; left: 0; padding: 20px 50px 40px; width: 100%;  }
.interactive-banners-style-02 .interactive-banners-icon { opacity: 0; transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); }
.interactive-banners-style-02:hover .interactive-banners-icon { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); }

/* interactive banner style 03 */
.interactive-banners-style-03 * { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.interactive-banners-style-03 { z-index: 0; position: relative; }
.interactive-banners-style-03 .interactive-banners-image { width: 100%; height: 100%; left: 0; z-index: -1; opacity: 0; top:0; }
.interactive-banners-style-03:hover .interactive-banners-image { opacity: 1; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
.interactive-banners-style-03:hover span a, .interactive-banners-style-03:hover i, .interactive-banners-style-03:hover h6 a, .interactive-banners-style-03:hover span { color: #fff !important; }
.interactive-banners-style-03:hover .interactive-banners-name { border-color: #fff !important; }

/* interactive banner style 04 */
.interactive-banners-style-04 .interactive-banners-content .btn { position: absolute; bottom: -30px; opacity: 0; margin: 0 auto; left: 0; right: 0 }
.interactive-banners-style-04 .interactive-banners-content:hover .btn { bottom:0; opacity: 1 }

/* interactive banner style 05 */
.interactive-banners-style-05 * {-webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); -moz-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); -ms-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); -o-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); }
.interactive-banners-style-05 { position: relative; overflow: hidden; }
.interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer { position: absolute; bottom: 0; left: 0; width:100%; z-index: 1; transform: translateY(calc(100% - 130px)); -webkit-transform: translateY(calc(100% - 130px)); -moz-transform: translateY(calc(100% - 130px)); -ms-transform: translateY(100%) translateY(-130px); }
.interactive-banners-style-05:hover .interactive-banners-content, .interactive-banners-style-05:hover .interactive-banners-overlayer {  transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px);  }
.interactive-banners-style-05 .interactive-banners-content .interactive-banners-content-text { opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.interactive-banners-style-05:hover .interactive-banners-content .interactive-banners-content-text { opacity: 1; visibility: visible; }
.interactive-banners-style-05 .overlayer-box { height: 0; z-index: -1; }
.interactive-banners-style-05:hover .overlayer-box { height: 100%; }
.interactive-banners-style-05:hover .section-link { transform: translateY(0); }
.interactive-banners-style-05:hover .section-link { opacity: 0; transform: translateY(100%);}

/* interactive banner style 06 */
.interactive-banners-style-06 { display: inline-block; position: relative; }
.interactive-banners-style-06 .interactive-banners-text { -webkit-transform: translateX(20%); transform: translateX(20%); transition: -webkit-transform .3s cubic-bezier(.2,.95,.25,1); transition: transform .3s cubic-bezier(.2,.95,.25,1); transition: transform .3s cubic-bezier(.2,.95,.25,1),-webkit-transform .3s cubic-bezier(.2,.95,.25,1); -webkit-transform-origin: left center; transform-origin: left center; }
.interactive-banners-style-06 a:hover .interactive-banners-text { -webkit-transform: translateX(0); transform: translateX(0); }
.interactive-banners-style-06 .interactive-banners-icon { -webkit-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0); transition: -webkit-transform .3s cubic-bezier(.2,.95,.25,1); transition: transform .3s cubic-bezier(.2,.95,.25,1); transition: transform .3s cubic-bezier(.2,.95,.25,1),-webkit-transform .3s cubic-bezier(.2,.95,.25,1); -webkit-transform-origin: left center; transform-origin: left center; }
.interactive-banners-style-06 a:hover .interactive-banners-icon { -webkit-transform: scaleX(1) translateX(-3.727em); transform: scaleX(1) translateX(0); }

/* interactive banner style 07 */
.interactive-banners-style-07 .interactive-banners-box, .interactive-banners-style-07 .interactive-banners-box .interactive-banners-box-image { position: relative; overflow: hidden; }
.interactive-banners-style-07 .interactive-banners-box-image .fancy-text-overlay, .interactive-banners-style-07 .interactive-banners-box .fancy-text-content, .interactive-banners-style-07 .interactive-banners-box img { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.interactive-banners-style-07 .interactive-banners-box .fancy-text-content { position: absolute; width: 100%; left: 0px; top: auto; z-index: 9; bottom: 0px; height: auto; transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); }
.interactive-banners-style-07 .interactive-banners-box:hover .fancy-text-content { transform: translateY(-50px); -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); }
.interactive-banners-style-07 .interactive-banners-box .fancy-text-content span { opacity: 1; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.interactive-banners-style-07 .interactive-banners-box:hover .fancy-text-content span { opacity: 0;}
.interactive-banners-style-07 .interactive-banners-box .fancy-text-content .btn { opacity: 0; white-space: nowrap; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); }
.interactive-banners-style-07 .interactive-banners-box:hover .fancy-text-content .btn { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); }
.interactive-banners-style-07 .interactive-banners-box:hover img { opacity: .7}

/* interactive banner style 08 */
.interactive-banners-style-08 .interactive-banners-box-image { position: relative; overflow: hidden; }
.interactive-banners-style-08 .interactive-banners-box-image img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.interactive-banners-style-08:hover .interactive-banners-box-image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.interactive-banners-style-08 .interactive-banners-box-image .btn { z-index: 1; position: absolute; top: 50%; left: 50%; height: 44px; width: 44px; line-height: 40px; padding: 0; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.interactive-banners-style-08:hover .interactive-banners-box-image .btn { opacity: 1; }
.interactive-banners-style-08 span { opacity: 1; transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity;  transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.interactive-banners-style-08:hover span { opacity: 0; }
.interactive-banners-style-08 .interactive-banners-box-sub-title { position: absolute; bottom: 0; width: 100%; opacity: 0; transform: translateY(20px); -moz-transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity;  transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.interactive-banners-style-08:hover .interactive-banners-box-sub-title { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); }
.interactive-banners-style-08 .interactive-banners-box-hover { opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.interactive-banners-style-08:hover .interactive-banners-box-hover { opacity: 1;}

/* interactive banner style 09 */
.interactive-banners-style-09 figure { position: relative; overflow: hidden; }
.interactive-banners-style-09 figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { position: absolute; left: 60px; bottom: 60px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.interactive-banners-style-09 figcaption:hover .interactive-banners-content .interactive-banners-hover-icon { opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.interactive-banners-style-09 .interactive-banners-hover-action { opacity: 0; position: absolute; bottom:-25px; height: 100%; width: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.interactive-banners-style-09 .interactive-banners-action-content { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; min-height: 75px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.interactive-banners-style-09 figcaption:hover .interactive-banners-hover-action { opacity: 1; bottom:0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.interactive-banners-style-09 figure img { -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s; }
.interactive-banners-style-09 figure:hover img { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); -o-transform: scale(1.4); -webkit-transition-duration: 4s; transition-duration: 4s; }
.interactive-banners-style-09 .interactive-banners-overlay { opacity: 0.1; position: absolute; bottom:0; height: 100%; width: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.interactive-banners-style-09 figure:hover .interactive-banners-overlay { opacity: 1; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }

/* interactive banner style 10 */
.interactive-banners-style-10 figure { position: relative; margin-bottom: 0; }
.interactive-banners-style-10 figcaption { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.interactive-banners-style-10 figcaption a {top:-15px; position: relative}
.interactive-banners-style-10 figure:hover figcaption { opacity: 1; }
.interactive-banners-style-10 figure:hover figcaption a {top: 0}

/* interactive banner style 11 */
.interactive-banners-style-11 .interactive-banners-box, .interactive-banners-style-11 .interactive-banners-box .interactive-banners-box-image { position: relative; overflow: hidden; }
.interactive-banners-style-11 .interactive-banners-box-image .interactive-banners-text-overlay, .interactive-banners-style-11 .interactive-banners-box .interactive-banners-text-content, .interactive-banners-style-11 .interactive-banners-box .interactive-banners-box-image img { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.interactive-banners-style-11 .interactive-banners-box-image .interactive-banners-text-overlay { opacity: .3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; }
.interactive-banners-style-11 .interactive-banners-box:hover .interactive-banners-text-overlay { opacity: .77; }
.interactive-banners-style-11 .interactive-banners-box:hover .interactive-banners-box-image img { -webkit-filter: blur(3px); filter: blur(3px); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.interactive-banners-style-11 .interactive-banners-box .interactive-banners-text-content { position: absolute; width: 100%; left: 0px; top: auto; z-index: 9; bottom: 0px; height: auto; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); }
.interactive-banners-style-11 .interactive-banners-box:hover .interactive-banners-text-content { transform: translateY(-65px); -webkit-transform: translateY(-65px); -moz-transform: translateY(-65px); -ms-transform: translateY(-65px); }
.interactive-banners-style-11 .interactive-banners-box .interactive-banners-text-content .btn { opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); }
.interactive-banners-style-11 .interactive-banners-box:hover .interactive-banners-text-content .btn { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); }

/* interactive banner style 12 */
.interactive-banners-style-12 figure { margin: 0; }
.interactive-banners-style-12 figure .interactive-banners-image { position: relative; overflow: hidden;  }
.interactive-banners-style-12 figure .interactive-banners-image img { transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; }
.interactive-banners-style-12 figure:hover img { opacity: 0.4; }
.interactive-banners-style-12 figure .interactive-banners-details { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; }
.interactive-banners-style-12 figure .interactive-banners-details a { transform: scale(.9, .9); -webkit-transform: scale(.9, .9); -moz-transform: scale(.9, .9); -ms-transform: scale(.9, .9); -o-transform: scale(.9, .9); opacity: 0; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; }
.interactive-banners-style-12 figure:hover .interactive-banners-details a { transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); opacity: 1; }
.interactive-banners-style-12 figure figcaption { position: absolute; bottom: 0; left: 0; width: 100%; transform: translateY(50%); transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; }
.interactive-banners-style-12 figure:hover figcaption { transform: translateY(30px); opacity: 0 }

/* interactive banner style 13 */
.interactive-banners-style-13 * { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s;  }
.interactive-banners-style-13 { overflow: hidden; position: relative; }
.interactive-banners-style-13 .interactive-banners-content { position: absolute; top: 0; right: 0; height: 100%; width: 35%; display: -webkit-box; display: -ms-flexbox; display: flex!important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.interactive-banners-style-13 .interactive-banners-content .interactive-banners-title { margin-bottom: -20px; }
.interactive-banners-style-13:hover .interactive-banners-title { margin-bottom: 10px; }
.interactive-banners-style-13 .interactive-banners-content .interactive-banners-link { opacity: 0; transform: scale(1,1); }
.interactive-banners-style-13:hover .interactive-banners-link { opacity: 1; transform: scale(1,1); }
.interactive-banners-style-13 .interactive-banners-image { position: relative; left: 0; width: 75%; }
.interactive-banners-style-13:hover .interactive-banners-image { left: -20%; filter: grayscale(100%); opacity: .8 }

/* interactive banner style 14 */
.interactive-banners-style-14 * { transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; }
.interactive-banners-style-14 figure { position: relative; overflow: hidden; }
.interactive-banners-style-14 figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.interactive-banners-style-14 figcaption .hover-show-content { opacity: 0; visibility: hidden; margin-bottom: -40px; }
.interactive-banners-style-14 figure figcaption .hover-content-detail { opacity: 0; min-height: 50px; height: 50px; overflow: hidden; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); }
.interactive-banners-style-14 figure:hover figcaption .hover-content-detail { height: auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; opacity: 1; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.interactive-banners-style-14 figure:hover figcaption .hover-content { transform: translateY(-40px); }
.interactive-banners-style-14 figure:hover figcaption .hover-show-content { opacity: 1; visibility: visible; margin: 0; }
.interactive-banners-style-14 figure figcaption .overlayer-box { opacity: 0; }
.interactive-banners-style-14 figure:hover figcaption .overlayer-box { opacity: .85; }
.interactive-banners-style-14 figcaption .hover-action-btn { position: absolute; bottom: 40px; left: 0; width: 100%; }
.interactive-banners-style-14 figure:hover figcaption .hover-action-btn { opacity: 0; visibility: hidden; transform: translateY(50px);  }

/* interactive list style */
.fullscreen-hover-list { max-height: 80vh; overflow: auto; }
.fullscreen-hover-list .hover-list-item { display: table; }
.fullscreen-hover-list .hover-list-item a { display: inline-block; }
.fullscreen-hover-list .hover-list-item .fullscreen-hover-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.fullscreen-hover-list .hover-list-item.active .fullscreen-hover-image { opacity: 1; visibility: visible; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;  }
.fullscreen-hover-list .hover-list-item .interactive-title { display: inline-block; vertical-align: middle; padding: 25px 35px; color: transparent; -webkit-text-stroke: 2px #000; text-stroke: 2px #000; position: relative; }
.fullscreen-hover-list.light .hover-list-item .interactive-title { color: #3e3e3e; -webkit-text-stroke: 2px #4e4e4f; text-stroke: 2px #4e4e4f; -webkit-text-fill-color: transparent; -webkit-background-clip: text; transition-duration: 0.5s; }
.fullscreen-hover-list.light .hover-list-item:hover .interactive-title {color:#fff; -webkit-text-stroke: 0 #4e4e4f; text-stroke: 0 #4e4e4f; transition-duration: 0.5s; transition-timing-function: ease-in-out;}
.fullscreen-hover-list .hover-list-item .interactive-title:after { content: attr(data-link-text); position: absolute; left: 35px; bottom: 25px; width: 0; height: calc(100% - 50px); -webkit-text-fill-color: #000; transition-duration: 0.4s; overflow: hidden; transition-timing-function: ease-in-out; }
.fullscreen-hover-list.light .hover-list-item .interactive-title:after { -webkit-text-fill-color: #fff; }
.fullscreen-hover-list .hover-list-item.active .interactive-title:after { width: calc(100% - 70px); transition-duration: 0.7s; transition-timing-function: ease-in-out; }
.fullscreen-hover-list .hover-list-item .interactive-number { opacity: .3; display: inline-block; vertical-align: middle; transition-duration: 0.7s; transition-timing-function: ease-in-out; }
.fullscreen-hover-list .hover-list-item.active .interactive-number { opacity: 1; transform: translateX(65px); transition-duration: 0.7s; transition-timing-function: ease-in-out; }
.fullscreen-hover-list .hover-list-item .interactive-line { display: inline-block; vertical-align: middle; width: 30px; height: 1px; margin-left: 35px; transition-duration: 0.7s; transition-timing-function: ease-in-out; }
.fullscreen-hover-list .hover-list-item.active .interactive-line { transform: scale(0); opacity: 0; transition-duration: 0.7s; transition-timing-function: ease-in-out; }
.fullscreen-hover-list .hover-list-item.active .interactive-title {color:#fff; -webkit-text-stroke: 0 #4e4e4f; text-stroke: 0 #4e4e4f; }
.fullscreen-hover-list .hover-list-item .interactive-icon { vertical-align: middle; line-height: normal; font-size: 50px; position: relative; top: 6px; opacity: 0; visibility: hidden; transition-duration: .5s; transition-timing-function: ease-in-out; }

/* services box style 01 */
.services-box-style-01 * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.services-box-style-01 .services-box-hover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;}
.services-box-style-01:hover .services-box-hover { opacity: 1; }
.services-box-style-01 .services-box-hover .services-icon { line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; margin: 0 5px; opacity: 0; transform: translateY(15px); -moz-transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); }
.services-box-style-01 .services-icon a { width: 44px; height: 44px; display: inline-block; vertical-align: middle; line-height: 46px; text-align: center; margin: 0 3px; }
.services-box-style-01:hover img { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); opacity: 0.5; }
.services-box-style-01:hover .services-icon { transition-delay: .2s; opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0);}

/* pie charts style 01 */
.pie-chart-style-01 { text-align: center; position: relative; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-align: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.pie-chart-style-01 .percent { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }

/* pie charts style 02 */
.pie-chart-style-02 { text-align: center; position: relative; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-align: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.pie-chart-style-02 .percent { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }

/* list style 01 */
.list-style-01 * { transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; }
.list-style-01 li { position: relative; padding: 12px 25px 14px 25px; z-index: 1; list-style: none; }
.list-style-01 li i { position: absolute; top: 21px; left: 0; font-size: 14px; opacity: .7 }
.list-style-01 li .list-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; }
.list-style-01 li:hover .list-hover { opacity: 1; }
.list-style-01 li:hover i {left: 25px; opacity: 1}
.list-style-01 li:hover {padding: 12px 25px 14px 50px;}

/* list style 02 */
.list-style-02 li { list-style: none; line-height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: start; }
.list-style-02 li i { line-height: 34px; }

/* list style 03 */
.list-style-03 { list-style: none; }
.list-style-03.light li { border-bottom: 1px solid rgba(255,255,255,.15);}
.list-style-03 li { padding: 10px 0; border-bottom: 1px solid #e4e4e4; }
.list-style-03 li:last-child { border-bottom: none; }

/* list style 04 */
.list-style-04 li { padding: 10px 20px; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.list-style-04 li:hover { box-shadow: 0 0 20px rgba(0,0,0,.15); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

/* list style 05 */
.list-style-05 {padding-left: 20px; text-align: left; margin-left: 10px;}
.list-style-05 li {margin-bottom: 10px}

/* list style 06 */
.list-style-06 li {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: start; }
.list-style-06 li i { font-size: 11px; margin: auto; }

/* list style 07 */
.list-style-07 li { position: relative; display: inline-block; width: 100%; margin-bottom: 15px; line-height: 18px; }
.list-style-07 li:last-child { margin-bottom: 0; }
.list-style-07 li a { display: inline-block; text-align: left;}
.list-style-07 li .item-qty { font-size: 14px; position: absolute; top: 1px; right: 0; text-align: right;}
.list-style-07 li a:hover .product-cb:after, .list-style-07 li a.active .product-cb:after, .list-style-07 li a .product-cb:hover:after { font-family: "Font Awesome\ 5 Free"; font-size: 8px; content: "\f00c"; position: absolute; left: 3px; top: -1px; font-weight: 900; line-height: 16px; }
.list-style-07 li a:hover { color: #0038e3; }
.list-style-07.filter-category li, .list-style-07.filter-size li { padding: 0 30px; }
.list-style-07.filter-category li a .product-cb, .list-style-07.filter-size li a .product-cb { width: 16px; height: 16px; border-radius: 100%; text-align: center; margin-right: 12px; display: inline-block; border: 1px solid #cacaca; background-color: #fff; position: relative; top: 4px; }
.list-style-07.filter-category li a .product-cb.product-category-cb, .list-style-07.filter-size li a .product-cb.product-size-cb { position: absolute; top: 2px; left: 0; }
.list-style-07.filter-color li a .product-cb { width: 16px; height: 16px; text-align: center; margin-right: 12px; display: inline-block; border-radius: 100%; position: relative; top: 2px; }
.list-style-07.filter-color li a:hover .product-cb:after { color: #fff; top: 0; left: 4px; }

/* list style 08 */
.list-style-08 li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 28px 0; }
.list-style-08 li:last-child { padding-bottom: 0; }
.list-style-08 li .label-new, .list-style-08 li .label-hot { background-color: #70a967; display: inline-block; vertical-align: middle; padding: 2px 9px; font-size: 10px; line-height: 15px; color: #fff; text-transform: uppercase; margin-left: 10px; border-radius: 1px; }
.list-style-08 li .label-hot { background-color: #d74a3a; }

/* accordion style 01 */
.accordion-style-01 .panel .panel-heading { padding: 5px 0; }
.accordion-style-01 .panel .panel-body {padding: 20px 15px 25px 7px;}

/* accordion style 02 */
.accordion-style-02 .panel .panel-heading { border-bottom: 1px solid; padding: 15px 25px 15px 0; position: relative; }
.accordion-style-02 .panel:last-child .panel-heading { border: none; }
.accordion-style-02 .panel:last-child .panel-heading.active-accordion { border-bottom: 1px solid; }
.accordion-style-02 .panel .panel-heading i { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.accordion-style-02 .panel .panel-body { padding: 30px 20px 30px 0; }

/* accordion style 03 */
.accordion-style-03 .panel {padding-left: 32px; padding-right: 32px; margin-bottom: 22px}
.accordion-style-03 .panel .panel-heading { padding: 18px 25px 18px 0; position: relative; }
.accordion-style-03 .panel .panel-heading i { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.accordion-style-03 .panel .panel-body { padding: 5px 15px 25px 15px; }

/* accordion style 04 */
.accordion-style-04 .panel { border-bottom: 1px solid; padding: 20px 30px; }
.accordion-style-04 .panel:first-child { padding-top: 0; }
.accordion-style-04 .panel:last-child { border: none; padding-bottom: 0;}
.accordion-style-04 .panel-heading { position: relative; }
.accordion-style-04 .panel .panel-time { min-width: 195px; display: inline-block; }
.accordion-style-04 .panel .accordion-toggle { display: inline-block; width: calc(100% - 400px); }
.accordion-style-04 .panel .panel-title i { position: absolute; right: 0; top: 8px; font-weight: 700; }
.accordion-style-04 .panel .panel-speaker { display: inline-block; }
.accordion-style-04 .panel .panel-body { margin-left: 199px; width: 38%; padding: 10px 0 7px; }

/* accordion style 05 */
.accordion-style-05  * {-webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
.accordion-style-05 .panel .panel-heading { border-bottom: 1px solid; padding: 15px 50px 15px 50px; position: relative; }
.accordion-style-05 .panel .panel-heading.active-accordion { background-color: #1C101E; border-bottom-color: #1C101E !important; padding-top: 35px; }
.accordion-style-05 .panel:last-child .panel-heading { border: none; }
.accordion-style-05 .panel:last-child .panel-heading.active-accordion { border-bottom: 1px solid; }
.accordion-style-05 .panel .panel-heading i { position: absolute; top: 50%; right: 35px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.accordion-style-05 .panel .panel-heading.active-accordion i { top: calc(50% + 10px); }
.accordion-style-05 .panel .panel-body { padding: 0 90px 20px 50px; }
.accordion-style-05 .panel .collapse.show, .accordion-style-05 .panel .collapsing { background-color: #1C101E;}
.accordion-style-05 .panel .collapse.show .panel-body, .accordion-style-05 .panel .collapsing .panel-body { padding-bottom: 40px; }

/* time table */
.time-table .panel { border-bottom: 1px solid; padding: 35px 70px; }
.time-table .panel-heading { position: relative; }
.time-table .panel .panel-time { min-width: 210px; display: inline-block; }
.time-table .panel .panel-body { margin-left: 0; width: calc(100% - 410px); padding: 10px 0 7px; display: inline-flex; }
.time-table .panel .panel-speaker { display: inline-block; }
.time-table .tab-content > .tab-pane { }

/* newsletter email */
.newsletter-email input { padding-right: 130px; }
.newsletter-email .btn { position: absolute; line-height: 18px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 0; border: 1px solid #b0b0b0; border-top: 0; border-right: 0; border-bottom: 0; padding:0 25px }

/* newsletter style 01 */
.newsletter-style-01 .btn { position: absolute; top: 50%; border-radius:0 100px 100px 0; right: 0px; border: 1px solid rgba(0,0,0,0.1); padding: 8px 24px; letter-spacing: inherit; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); height: 100%; }
.newsletter-style-01 input { padding-right: 125px; }

/* newsletter style 02 */
.newsletter-style-02 .btn { position: absolute; top: 50%; border-radius:0; right: 0px; border: 1px solid rgba(0,0,0,0.1); letter-spacing: inherit; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.newsletter-style-02 input { padding-right: 145px; }

/* newsletter style 03 */
.newsletter-style-03 .btn { position: absolute; top: 0; right: -1px; bottom: 0; border: 0; padding: 4px 18px; letter-spacing: inherit; overflow: hidden; }
.newsletter-style-03 input { padding-right: 70px; }
.newsletter-style-03 .medium-input + .btn { padding: 4px 18px; }
.newsletter-style-03 .large-input + .btn { padding: 4px 23px; }

/* newsletter style 04 */
.newsletter-style-04 .btn { position: absolute; top: 50%; border-radius:0 6px 6px 0; right: 0px; border: 0 solid rgba(0,0,0,0.1); padding: 8px 35px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); height: 99%; }
.newsletter-style-04 input { padding-right: 210px; }

/* instagram */
.instafeed-grid { list-style: none; text-align: center; }
.instafeed-grid figure { position: relative; overflow: hidden; margin-bottom: 0; border-radius: 3px; }
.instafeed-grid figure a .insta-counts { opacity: 0; position: absolute; top: 0; left: 0; text-align: center; background: rgba(35,35,35,0.7); width: 100%; height: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.instafeed-grid figure a .insta-counts i { margin-right: 5px; margin-left: 5px; position: relative; display: block; font-size: 20px; color: #fff; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.instafeed-grid figure:hover a .insta-counts { opacity: 1 }
.instagram-follow-api .instagram-title {z-index: 1; white-space: nowrap; padding: 15px 30px; box-shadow: 0 0 35px rgba(23,23,23,.4) }

/* sidebar instagram */
aside .instafeed-grid.gutter-small { margin-left: -5px; margin-right: -5px;}
aside .instafeed-grid.gutter-very-small { margin-left: -3px; margin-right: -3px;}
aside .instafeed-grid.gutter-medium { margin-left: -7px; margin-right: -7px;}
aside .instafeed-grid.gutter-large { margin-left: -10px; margin-right: -10px;}
aside .instafeed-grid.gutter-extra-large { margin-left: -15px; margin-right: -15px;}
aside .instafeed-grid.gutter-double-extra-large { margin-left: -20px; margin-right: -20px;}

/* feature box */
.feature-box * { transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; }
.feature-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; z-index: 1; position: relative; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; }
.feature-box .feature-box-content { max-width: 100%; }
.feature-box-left-icon .feature-box-icon { margin-right: 35px; }
.feature-box-left-icon { flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-box-align: stretch!important; -ms-flex-align: stretch!important; align-items: stretch!important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; }
.feature-box-left-icon .feature-box-content { overflow: hidden; flex: 1; }
.feature-box-left-icon-middle { flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; }
.feature-box-left-icon-middle .feature-box-content { overflow: hidden; -webkit-box-flex: 1; flex: 1; }
.feature-box.text-left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.feature-box.text-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.feature-box.feature-box-shadow:hover, .feature-box .feature-box-shadow:hover  { border-color: transparent !important; -moz-transform: translate3d(0, -3px, 0); -o-transform: translate3d(0, -3px, 0); -ms-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); }
.feature-box.feature-box-shadow .feature-box-overlay { box-shadow: 0 0 20px rgba(0,0,0,.05); opacity: 0; }
.feature-box.feature-box-shadow:hover .feature-box-overlay { opacity: 1; }
.feature-box-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; opacity: 0; }
.feature-box:hover .feature-box-overlay { opacity: 1;  }
.feature-box.feature-box-dark-hover:hover .feature-box-icon, .feature-box.feature-box-dark-hover:hover i, .feature-box.feature-box-dark-hover:hover span, .feature-box.feature-box-dark-hover:hover p, .feature-box.feature-box-dark-hover:hover .btn, .feature-box.feature-box-dark-hover:hover a, .feature-box.feature-box-dark-hover:hover h1, .feature-box.feature-box-dark-hover:hover h2, .feature-box.feature-box-dark-hover:hover h3, .feature-box.feature-box-dark-hover:hover h4, .feature-box.feature-box-dark-hover:hover h5, .feature-box.feature-box-dark-hover:hover h6 { color: #ffffff !important; }
.feature-box.feature-box-dark-hover:hover .btn { border-color: #ffffff !important; }
.feature-box.feature-box-dark-hover:hover [class^="text-gradient"], .feature-box.feature-box-dark-hover:hover [class*=" text-gradient"] { color: #ffffff !important; background-image: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; }
.feature-box.feature-box-light-hover:hover .feature-box-icon, .feature-box.feature-box-light-hover:hover i, .feature-box.feature-box-light-hover:hover span, .feature-box.feature-box-light-hover:hover p, .feature-box.feature-box-light-hover:hover .btn, .feature-box.feature-box-light-hover:hover a, .feature-box.feature-box-light-hover:hover h1, .feature-box.feature-box-light-hover:hover h2, .feature-box.feature-box-light-hover:hover h3, .feature-box.feature-box-light-hover:hover h4, .feature-box.feature-box-light-hover:hover h5, .feature-box.feature-box-light-hover:hover h6 { color: #232323 !important; }
.feature-box.feature-box-light-hover:hover .btn { border-color: #232323 !important; }
.feature-box.feature-box-light-hover:hover [class^="text-gradient"], .feature-box.feature-box-light-hover:hover [class*=" text-gradient"] { color: #232323 !important; background-image: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; }
.feature-box.feature-box-light-hover:hover p, .feature-box.feature-box-dark-hover:hover p {opacity: .65}

/* feature box icon hover */
.feature-box-icon-rounded { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content:center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; }
.feature-box-icon-rounded i { position: relative; z-index: 1; }
.feature-box-icon-rounded .feature-box-icon-hover { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; }
.feature-box:hover .feature-box-icon-hover { opacity: 1; }
.feature-box:hover .light i { color: #232323; }
.feature-box:hover .dark i { color: #ffffff; }

/* feature box show hover */
.feature-box.feature-box-show-hover .feature-box-move-bottom-top { width: 100%; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); overflow: hidden; }
.feature-box.feature-box-show-hover:hover .feature-box-move-bottom-top { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.feature-box.feature-box-show-hover .move-bottom-top { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
.feature-box.feature-box-show-hover:hover .move-bottom-top { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }

/* feature box hide show hover */
.feature-box.feature-box-hide-show-hover .feature-box-move-bottom-top { width: 100%; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); overflow: hidden; }
.feature-box.feature-box-hide-show-hover:hover .feature-box-move-bottom-top { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
.feature-box.feature-box-hide-show-hover .move-bottom-top { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
.feature-box.feature-box-hide-show-hover:hover .move-bottom-top { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.feature-box.feature-box-hide-show-hover:hover .feature-box-icon { opacity: 0; }

/* feature box svg */
.feature-box-svg { position: relative; }
.feature-box-svg i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }

/* tab */
.nav-tabs { border: none; }
.nav-tabs > li.nav-item { display: inline-block; float: none; margin: 0; padding: 0 20px; }
.nav-tabs > li.nav-item > a.nav-link { border: none; }
.nav-tabs > li.nav-item > a.nav-link { border-bottom: 1px solid transparent; }
.nav-tabs > li.nav-item > a.nav-link.active, .nav-tabs > li.nav-item > a.nav-link.active:hover, .nav-tabs > li.nav-item > a.nav-link:hover { background: transparent; color: #222222; cursor: pointer; /*border-color: #222222; */}
.nav-tabs.nav-tabs-light > li.nav-item > a.nav-link.active, .nav-tabs.nav-tabs-light > li.nav-item > a.nav-link.active:focus, .nav-tabs.nav-tabs-light > li.nav-item > a.nav-link:focus, .nav-tabs.nav-tabs-light > li.nav-item > a.nav-link:hover { border-bottom: 1px solid #fff; color: #fff; }

/* tab style 01 */
.tab-style-01 .nav-tabs > li.nav-item { padding: 0 35px; }
.tab-style-01 .nav-tabs > li.nav-item > a.nav-link { padding: 0; margin-left: 25px; position: relative; border-bottom: none !important }
.tab-style-01 .grid-filter.nav-tabs > li.nav-item > a.nav-link { margin-left: 0; }
.tab-style-01 .nav-tabs > li.nav-item .tab-border { width: 0; height: 2px; display: block; margin-top: 5px; opacity: 0; visibility: hidden; transition-duration: 0.5s; }
.tab-style-01 .nav-tabs > li.nav-item > a.nav-link.active +.tab-border,
.tab-style-01 .nav-tabs > li.active .tab-border { opacity: 1; width: 100%; visibility: visible; }
.tab-style-01 .nav-tabs > ul { counter-reset: slideNum; }
.tab-style-01 .nav-tabs > li { counter-increment: slideNum; line-height: 16px }
.tab-style-01 .nav-tabs > li.nav-item > a.nav-link:before { content: "0"counter(slideNum)"."; position: absolute; left: -25px; }
.tab-style-01 .grid-filter.nav-tabs > li.nav-item > a.nav-link:before { display: none; }
.tab-style-01 .nav-tabs > li:last-child { border-right: none; padding-right: 0 }
.tab-style-01 .nav-tabs > li:first-child { padding-left: 0 }
.tab-style-01.without-number .nav-tabs > li.nav-item > a.nav-link:before {content: ""}
.tab-style-01.without-number .nav-tabs > li.nav-item > a.nav-link {margin-left: 0}
@media(hover: hover) {
    .tab-style-01 .nav-tabs > li.nav-item > a.nav-link:hover +.tab-border { opacity: 1; width: 100%; visibility: visible; }
}

/* tab style 02 */
.tab-style-02 .nav-tabs > li.nav-item { margin: 0 20px; }
.tab-style-02 .nav-tabs > li.nav-item *, .tab-style-02 .nav-tabs > li.nav-item:hover * { transition-duration: 0.3s; }
.tab-style-02 .nav-tabs > li.nav-item > a.nav-link { border-bottom: none; }
.tab-style-02 .nav-tabs > li.nav-item > a.nav-link > i { display: block; margin: 0 auto 15px; -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }
.tab-style-02 .nav-tabs > li.nav-item > a.nav-link:hover > i, .tab-style-02 .nav-tabs > li.nav-item > a.nav-link:focus > i, .tab-style-02 .nav-tabs > li.nav-item > a.nav-link.active > i { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.tab-style-02 .nav-tabs > li.nav-item > a.nav-link > .tab-label { display: block; margin: 0 auto 20px; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); }
.tab-style-02 .nav-tabs > li.nav-item > a.nav-link:hover > .tab-label, .tab-style-02 .nav-tabs > li.nav-item > a.nav-link:focus > .tab-label, .tab-style-02 .nav-tabs > li.nav-item > a.nav-link.active > .tab-label { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.tab-style-02 .nav-tabs > li.nav-item > a.nav-link > .tab-label {opacity: 0;}
.tab-style-02 .nav-tabs > li.nav-item > a.nav-link:hover > .tab-label, .tab-style-02 .nav-tabs > li.nav-item > a.nav-link:focus > .tab-label, .tab-style-02 .nav-tabs > li.nav-item > a.nav-link.active > .tab-label {opacity: 1;}
.tab-style-02 .nav-tabs > li.nav-item > a.nav-link.active, .tab-style-02 .nav-tabs > li.nav-item > a.nav-link.active:focus, .tab-style-02 .nav-tabs > li.nav-item > a.nav-link:focus, .tab-style-02 .nav-tabs > li.nav-item > a.nav-link:hover { border-bottom: none; color: #0038e3; background: none; }
.tab-style-02 .nav-tabs.nav-tabs-light > li.nav-item > a.nav-link.active, .tab-style-02 .nav-tabs.nav-tabs-light > li.nav-item > a.nav-link.active:focus, .tab-style-02 .nav-tabs.nav-tabs-light > li.nav-item > a.nav-link:focus, .tab-style-02 .nav-tabs.nav-tabs-light > li.nav-item > a.nav-link:hover { color: #fff; }

/* tab style 03 */
.tab-style-03 .nav-tabs > li.nav-item { padding: 0 35px; }
.tab-style-03 .nav-tabs > li { border-right: 1px solid rgba(130, 130, 130, 0.3); line-height: 12px; }
.tab-style-03 .nav-tabs > li.nav-item > a.nav-link { padding: 0; position: relative; border-bottom: none !important }
.tab-style-03 .nav-tabs > li:last-child { border-right: none; padding-right: 0 }
.tab-style-03 .nav-tabs > li:first-child { padding-left: 0 }
.tab-style-03 .nav-tabs.nav-tabs-light > li { border-right: 1px solid rgba(255, 255, 255, 0.3);}

/* tab style 04 */
.tab-style-04 .nav-tabs > li.nav-item { position: relative; z-index: 1; padding: 0; border: 1px solid; }
.tab-style-04 .nav-tabs > li.nav-item > a.nav-link { border-bottom: none; border-radius: 0; font-size: 12px; line-height: 14px; letter-spacing: 2px; padding: 16px 50px; text-transform: uppercase; z-index: 1; }
.tab-style-04 .tab-bg-active { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); z-index: -1; opacity: 0; }
.tab-style-04 .nav-tabs > li.nav-item > a.nav-link.active { color: #fff !important; }
.tab-style-04 .nav-tabs > li.nav-item > a.nav-link.active +.tab-bg-active { opacity: 1; }
.tab-style-04 .nav-tabs > li.nav-item > a.nav-link.active:focus, .tab-style-04 .nav-tabs > li.nav-item > a.nav-link:focus, .tab-style-04 .nav-tabs > li.nav-item > a.nav-link:hover { border-bottom: none; color: #232323; background: none; }
.tab-style-04 .nav-tabs.nav-tabs-light > li.nav-item > a.nav-link.active, .tab-style-04 .nav-tabs.nav-tabs-light > li.nav-item > a.nav-link.active:focus, .tab-style-04 .nav-tabs.nav-tabs-light > li.nav-item > a.nav-link:focus, .tab-style-04 .nav-tabs.nav-tabs-light > li.nav-item > a.nav-link:hover { color: #fff; }

/* tab style 05 */
.tab-style-05 .nav-tabs { border: none;}
.tab-style-05 .nav-tabs li { font-size:14px; line-height: 28px; padding: 0; width: 50% }
.tab-style-05 .nav-tabs li a { display: flex; align-items: center; padding: 8px 40px; border-radius: 5px; border: none !important; justify-content: center}
.tab-style-05 .nav-tabs li i {font-size:18px}
.tab-style-05 .nav-tabs li a:hover { border: none; color: #262B35 !important; }
.tab-style-05 .nav-tabs .nav-link.active { background: #fff !important; box-shadow:0 0px 15px 0 rgba(23,23,23,.08); border: none; color: #262B35 !important; }

/* tab style 06 */
.tab-style-06 .nav-tabs {z-index: 999; }
.tab-style-06 .nav-tabs > li.nav-item { width: 33.33%; padding: 0;border-bottom: 1px solid rgba(0,0,0,0.10); border-top: 1px solid rgba(0,0,0,0.10);  margin-bottom:0}
.tab-style-06 .nav-tabs > li.nav-item > a.nav-link { padding: 12px 0; color: #333; border-width: 2px; font-size: 19px; background-color: none}
.tab-style-06 .nav-tabs > li.nav-item > a.nav-link:hover, .tab-style-06 .nav-tabs > li.nav-item > a.nav-link.active, .tab-style-06 .nav-tabs > li.nav-item > a.nav-link.active:focus, .tab-style-06 .nav-tabs > li.nav-item > a.nav-link:focus,.tab-style-06 .nav-tabs > li.nav-item > a.nav-link:hover {color: #fff; background-color: #414a5e; opacity: 1; /*border-bottom: 2px solid #e12837;*/ border-radius: 0 /*border-bottom: 2px solid #414a5e ; color: #414a5e; opacity: 1;*/ }


/* tab style 07 */
.tab-style-07 .nav-tabs > li.nav-item { margin: 0 0 -1px 0; }
.tab-style-07 .nav-tabs > li.nav-item *, .tab-style-07 .nav-tabs > li.nav-item:hover * { -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.tab-style-07 .nav-tabs > li.nav-item > a.nav-link { color: #333; border-bottom: 4px solid transparent; padding: 28px 5px 26px 5px; font-size:20px; }
.tab-style-07 .nav-tabs > li.nav-item > a.nav-link.active { border-image: linear-gradient(to right top, #e42464, #ed3c5f, #f44f5c, #fa6259, #ff7357) 1 / 0 0 1 0; border-image-slice: 1;}
.tab-style-07 .nav-tabs > li.nav-item > a.nav-link > .tab-label { opacity: 0; display: block; margin: 0 auto 20px; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); }
.tab-style-07 .nav-tabs > li.nav-item > a.nav-link:hover > .tab-label, .tab-style-07 .nav-tabs > li.nav-item > a.nav-link:focus > .tab-label, .tab-style-07 .nav-tabs > li.nav-item > a.nav-link.active > .tab-label { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }

/* tab style 08 */
.nav-pills .nav-link { text-align: center; color: #555; border: 1px solid #ddd; border-radius: .25rem; font-size: 19px;}
.nav-pills .nav-link:first-child { margin-right:15px}
.nav-pills .nav-link { margin-right:15px}
.nav-pills .nav-link:last-child { margin-right:0}
@media only screen and (max-width: 580px) {
.nav-pills .nav-link { font-size: 15px;}	
.nav-pills .nav-link:first-child { margin-right:0}	
.nav-pills .nav-link { margin-right:0; margin-top: 5px}
}
  /* #344866, #314e7c, #4e7cc4, #4e7cc4*/
  /* #00838b, #0061bb, #00b9d4, #2273b2*/	
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  text-align: center; color: #fff; border: none; box-shadow:0 0px 15px 0 rgba(23,23,23,.08);
  background: linear-gradient(-45deg, #f6f6f6, #3b4b62, #b8c2cb, #264a79);	
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}
@keyframes gradient {
  0% { background-position: 0% 50%;  }
  50% { background-position: 100% 50%;  }
  100% { background-position: 0% 50%;  }
}
}
.nav-fill .nav-item, .nav-fill > .nav-link {  -ms-flex: 1 1 auto;  flex: 1 1 auto;  text-align: center}
.nav-justified .nav-item, .nav-justified > .nav-link {  -ms-flex-preferred-size: 0;  flex-basis: 0;  -ms-flex-positive: 1;  flex-grow: 1;  text-align: center}





/* testimonials style 01 */
.testimonials-style-01 * { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.testimonials-style-01 { position: relative; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.testimonials-style-01 .testimonials-quotes { position: absolute; top: 0; -ms-transform: translateY(-50%) rotateY(0deg) rotateX(0deg); -moz-transform: translateY(-50%) rotateY(0deg) rotateX(0deg); -webkit-transform: translateY(-50%) rotateY(0deg) rotateX(0deg); transform: translateY(-50%) rotateY(0deg) rotateX(0deg); }
.testimonials-style-01:hover { box-shadow: 0 0 15px rgba(0,0,0,.07); background: #fff }
.testimonials-style-01:hover .testimonials-bubble { color: #0039CC; }
.testimonials-style-01:hover .testimonials-quotes { -ms-transform: translateY(-50%) rotateY(-180deg) rotateX(-180deg); -moz-transform: translateY(-50%) rotateY(-180deg)  rotateX(-180deg); -webkit-transform: translateY(-50%) rotateY(-180deg)  rotateX(-180deg); transform: translateY(-50%) rotateY(-180deg)  rotateX(-180deg); }

/* testimonials style 02 */
.testimonials-style-02 { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.testimonials-style-02:hover { box-shadow: 0 0 20px rgba(0,0,0,.07); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.testimonials-style-02 .testimonials-content { position: relative; }
.testimonials-style-02 .testimonials-content .testimonials-rounded-icon { height: 75px; width: 75px; line-height: 71px; overflow: hidden; box-shadow: 0 0 25px rgba(0,0,0,.05); position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transition: all 0.3s ease-in-out; }
.testimonials-style-02 .testimonials-content .testimonials-rounded-icon i { line-height: inherit; }
.testimonials-style-02:hover .testimonials-rounded-icon { transform: translate(-50%, -50%) scale(1.2); -webkit-transform: translate(-50%, -50%) scale(1.2); -moz-transform: translate(-50%, -50%) scale(1.2); -ms-transform: translate(-50%, -50%) scale(1.2); }

/* testimonials style 03 */
.testimonials-style-03 .testimonials-bubble { position: relative; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.testimonials-style-03 .testimonials-bubble:before, .testimonials-style-01 .testimonials-bubble:after { content: ""; height: 0; width: 0; border-width: 19px 14px 0; position: absolute; bottom: -20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);  -webkit-transition: border-color 0.2s ease, bottom 0.2s ease; transition: border-color 0.2s ease, bottom 0.2s ease; }
.testimonials-style-03 .testimonials-bubble:before { border-style: solid; height: 0; width: 0; border-color: #fff transparent transparent; border-width: 27px 10px 0; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -19px; left: 50px; z-index: 1; -webkit-transform: rotate(27deg); -ms-transform: rotate(27deg); transform: rotate(27deg); }

/* testimonials style 04 */
.testimonials-style-04 .testimonials-bubble { position: relative; border: 1px solid; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.testimonials-style-04 .testimonials-bubble:after, .testimonials-style-04 .testimonials-bubble:before {	top: 100%; left: 50px; border: solid transparent; content: " ";	height: 0; width: 0; position: absolute; pointer-events: none; }
.testimonials-style-04 .testimonials-bubble:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 14px 13px 0 0; margin-left: 2px; }
.testimonials-style-04 .testimonials-bubble:before { border-color: rgba(237, 237, 237, 0); border-top-color: #ededed; border-width: 18px 18px 0 0; }

/* testimonials carousel style 01 */
.testimonials-carousel-style-01 { min-width: 1170px; }

/* testimonials carousel style 02 */
.testimonials-carousel-style-02 { min-width: 1170px; }

/* team style 01 */
.team-style-01 figure { position: relative; overflow: hidden; margin: 0; }
.team-style-01 figure .team-member-image { position: relative; overflow: hidden; }
.team-style-01 .team-overlay, .team-style-01 figure figcaption { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; transition: opacity .3s,visibility .3s; }
.team-style-01 figure figcaption .social-icon a {margin: 0 10px}
.team-style-01 figure figcaption .social-icon a:first-child {margin-left: 0}
.team-style-01 figure figcaption .social-icon a:last-child {margin-right: 0}
.team-style-01 figure:hover figcaption, .team-style-01 figure:hover .team-overlay { opacity: 1; visibility: visible; }
.team-style-01 figure figcaption .social-icon, .team-style-01 figure figcaption .team-title, .team-style-01 figure figcaption .team-sub-title { -webkit-transform: translateY(15px); transform: translateY(15px); opacity: 0; transition: opacity .85s cubic-bezier(.19,1,.22,1),-webkit-transform .85s cubic-bezier(.19,1,.22,1); transition: transform .85s cubic-bezier(.19,1,.22,1),opacity .85s cubic-bezier(.19,1,.22,1); transition: transform .85s cubic-bezier(.19,1,.22,1),opacity .85s cubic-bezier(.19,1,.22,1),-webkit-transform .85s cubic-bezier(.19,1,.22,1); }
.team-style-01 figure:hover figcaption .social-icon, .team-style-01 figure:hover figcaption .team-title, .team-style-01 figure:hover figcaption .team-sub-title { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.team-style-01 figure:hover figcaption .team-title { transition-delay: 0s; }
.team-style-01 figure:hover figcaption .team-sub-title { transition-delay: .2s; }
.team-style-01 figure:hover figcaption .social-icon { transition-delay: .1s; }
.team-style-01 figure figcaption .social-icon a:hover {opacity: .7;}

/* team style 02 */
.team-style-02 figure .team-member-image { position: relative; overflow: hidden; }
.team-style-02 figure .team-member-details { position: absolute; height: 100%; width: 100%; left: 0; top: 100%; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; }
.team-style-02 figure .team-member-image, .team-style-02 figure:hover .team-member-image { transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; }
.team-style-02 figure { margin: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.team-style-02 figure:hover .team-member-details { top: 0; }
.team-style-02 figure .social-icon a i {  -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); }
.team-style-02 figure .social-icon a:hover i { -moz-transform: scale3d(1.3, 1.3, 1.3); -o-transform: scale3d(1.3, 1.3, 1.3); -ms-transform: scale3d(1.3, 1.3, 1.3); -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); }

/* team style 03 */
.team-style-03 figure { overflow: hidden; }
.team-style-03 figure .team-member-image { position: relative; overflow: hidden; }
.team-style-03 figure .team-member-image img { transform: scale(1); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.team-style-03 figure:hover .team-member-image img { transform: scale(1.1); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }

/* vertical counter */
.vertical-counter-number { overflow: hidden; width: 100%; height: auto; }
.vertical-counter-number ul{ text-align: center; margin: 0; padding: 0; transform: translateY(0); transition: 2s ease-in-out; list-style: none; }

/* counter style 01 */
.counter-style-01 .counter { position: relative; display: inline-block; }
.counter-style-01 .counter:after { position: absolute; content: "+"; left: 100%; top: 0; margin-left: 5px; }

/* progress bar */
.progress { overflow: visible; height: 4px; position: relative; border-radius: 0 }
.progress .progress-title { position: absolute; top: -28px; }
.progress .progress-bar { position: relative; overflow: visible; }
.progress .progress-bar span { position: absolute; top: -30px; right: 0; opacity: 0 }
.progress .progress-bar.appear span { opacity: 1;}

/* progress bar style 01 */
.progress-step-style-01 { overflow: visible; height: 8px; position: relative; border-radius: 0; background-color: transparent; margin-top: 30px; }
.progress-step-style-01 .progress-bar { border-radius: 6px; }

/* process step style 01 */
.process-step-style-01 .process-step-icon-box { position: relative; }
.process-step-style-01 .process-step-icon-box .process-step-bfr { position: absolute; top: 50%; left: calc(100% + 15px); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.process-step-style-01:last-child .process-step-bfr { display: none; }
.process-step-style-01 .process-step-icon { width: 130px; height: 130px; box-shadow: 0 0 10px rgba(0,0,0,.07); line-height: 130px; border-radius: 100%; text-align: center; display: inline-block; vertical-align: middle; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.process-step-style-01 .process-step-icon i { vertical-align: middle; }
.process-step-style-01:hover .process-step-icon {transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,.11); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

/* process step style 02 */
.process-step-style-02 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.process-step-style-02 * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.process-step-style-02 .process-step-item { display: flex; position: relative; flex-flow: row wrap; align-items: stretch!important; justify-content: flex-start; text-align: left; transition: box-shadow .3s ease,background .3s ease; }
.process-step-style-02 .process-step-item:hover .process-step-icon { background-color: #fff; color: #27ae60; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -ootransform: scale(1.1); transform: scale(1.1); }
.process-step-style-02 .process-step-icon { position: relative; width: 50px; height: 50px; border-radius: 100%; font-size: 19px; line-height: 48px; color: #fff;}
.process-step-style-02 .process-step-icon-wrap { position: relative; margin-right: 40px; }
.process-step-style-02 .process-step-icon-wrap .process-step-item-box-bfr { position: absolute; bottom: 20px; left: 50%; width: 1px; height: calc(100% - 90px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.process-step-style-02 .process-content { overflow: hidden; flex: 1; max-width: 100%;  margin-bottom: 3.7em; }
.process-step-style-02:last-child .process-content { margin-bottom: 0;}

/* process step style 03 */
.process-step-style-03 .process-step-item { display: block; position: relative; float: left; padding: 45px 25px 0; z-index: 1; }
.process-step-style-03 .process-step-item:hover .process-step-number-bfr,
.process-step-style-03 .process-step-item:hover .process-step-number-afr { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -ootransform: scale(1.1); transform: scale(1.1); }
.process-step-style-03 .process-step-item .process-step-number-afr, 
.process-step-style-03 .process-step-number .process-step-number-bfr { width: 56px; height: 56px; border-radius: 50%; position: absolute; top: -9px; left: 50%; margin-left: -28px; z-index: -1; -webkit-transition: .3s cubic-bezier(.3,.58,.55,1); transition: .3s cubic-bezier(.3,.58,.55,1); }
.process-step-style-03 .process-step-icon { position: absolute; margin-bottom: 0; line-height: 1; top: 10px; left: 50%; margin-left: -18px; width: 36px; height: 36px; text-align: center; }
.process-step-style-03 .process-step-item-box .process-step-item-box-bfr { display: block; width: calc(100% + 30px); height: 1px; position: absolute; content: ''; top: 28px; left: -15px; }
.process-step-style-03 .process-step-number { position: relative; z-index: 1; text-align: center; font-size: 21px; line-height: 38px; display: block; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }
.process-step-style-03 .process-step-number .process-step-number-bfr { width: 72px; height: 72px; top: -17px; margin-left: -36px; z-index: -1; opacity: 0;}
.process-step-style-03 .process-step-item:hover .process-step-number .process-step-number-bfr { opacity: 1; }
.process-step-style-03 .process-content { padding-top: 50px; }
.process-step-style-03.simple .process-step-number .process-step-number-bfr {opacity: 1;}

/* process step style 04 */
.process-step-style-04 .process-step-item { display: block; position: relative; float: left; padding: 45px 25px 0; z-index: 1; }
.process-step-style-04 .process-step-item:hover .process-step-item-bfr, .process-step-style-04 .process-step-item:hover .process-step-icon-bfr, .process-step-style-04 .process-step-item:hover .process-step-number-bfr { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -ootransform: scale(1.2); transform: scale(1.2); }
.process-step-style-04 .process-step-item .process-step-item-bfr, .process-step-style-04 .process-step-icon .process-step-icon-bfr, .process-step-style-04 .process-step-number .process-step-number-bfr { width: 40px; height: 40px; border-radius: 50%; position: absolute; top: 8px; left: 50%; margin-left: -20px; -webkit-transition: .3s cubic-bezier(.3,.58,.55,1); transition: .3s cubic-bezier(.3,.58,.55,1); }
.process-step-style-04 .process-step-icon { position: absolute; margin-bottom: 0; line-height: 1; top: 10px; left: 50%; font-weight: 700; margin-left: -18px; width: 36px; height: 36px; text-align: center; }
.process-step-style-04 .process-step-item-box .process-step-item-box-bfr { display: block; width: 60%; height: 1px; position: absolute; content: ''; top: 28px; left: 75%; }
.process-step-style-04:last-child .process-step-item-box .process-step-item-box-bfr { display: none; }
.process-step-style-04 .process-step-icon .process-step-icon-bfr { width: 72px; height: 72px; opacity: .2; margin-left: -36px; top: -18px; z-index: -1; }
.process-step-style-04 .process-step-number { position: relative; z-index: 1; text-align: center; font-size: 18px; line-height: 38px; display: block; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }
.process-step-style-04 .process-step-number .process-step-number-bfr { width: 56px; height: 56px; top: -10px; margin-left: -28px; z-index: -1; opacity: .4; }
.process-step-style-04 .process-content { padding-top: 50px; }

/* fancy box */
.fancy-box * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.fancy-box { overflow: hidden; position: relative; }
.fancy-box .fancy-box-content { position: absolute; left: 0px; top: auto; z-index: 9; bottom: 0px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); height:auto; }
.fancy-box:hover .fancy-box-content { transform: translateY(-50px); -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); }
.fancy-box .fancy-box-content .btn { opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; }
.fancy-box:hover .fancy-box-content .btn { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; }
.fancy-box .fancy-box-image img { width: 100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; }
.fancy-box:hover .fancy-box-image img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; }

/* fancy box background */
.fancy-box-background {position: relative; z-index: 1;}
.bg-banner-image { position: absolute; top: 0; left: 0; opacity: 0; height: 100%; width: 100%; z-index: -1; visibility: hidden; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background-size: cover }
.fancy-box-background .opacity-medium { z-index: -1; }
.fancy-box-background .fancy-box-item { position: static; }
.fancy-box-background.fancy-box-col .fancy-box-item { position: relative; }
.fancy-box-background .fancy-box-item:hover .bg-banner-image {opacity: 1; visibility: visible; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.fancy-box-background .fancy-box-item:hover .light, .fancy-box-background .fancy-box-item:hover .light i { color: #fff; }
.fancy-box-background .fancy-box-item:hover .dark { color: #232323; }
.fancy-box-background:after {height: 100%; width: 100%; top: 0; left: 0; content: ""; z-index: -1; position: absolute;}
.fancy-box-background .fancy-text-box li:hover {background-color: rgba(0, 0, 0, 0.7);-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; cursor: pointer;}
.fancy-box-background .fancy-text-box li:hover span { color: rgba(255, 255, 255, 0.9);}
.fancy-box-background .fancy-text-box li:hover a { color: rgba(255, 255, 255, 0.9);}

/* fancy text box style 01 */
.fancy-text-box-style-01 .fancy-text-box { display: inline-block; position: relative;}
.fancy-text-box-style-01 .fancy-text-box .fancy-text-box-border-left, .fancy-text-box-style-01 .fancy-text-box .fancy-text-box-border-right { border:10px solid #0039cc; height: 100%; width: 67px; content:""; display: block; position: absolute; top: 50%; bottom: 0; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.fancy-text-box-style-01 .fancy-text-box .fancy-text-box-border-left {  border-right: 0;}
.fancy-text-box-style-01 .fancy-text-box .fancy-text-box-border-right { border-left: 0; right: 0; left: inherit;}
.fancy-text-box-style-01 .fancy-text-box .fancy-text-content { font-size: 80px; line-height: 72px; margin-bottom: 0; margin-right: 15px; }

/* fancy text box style 02 */
.fancy-text-box-style-02 { border-bottom: 1px solid; border-right: 1px solid; overflow: hidden; }
.fancy-text-box-style-02:last-child { border-right: 0}
.fancy-text-box-style-02 .text-box-wrapper .text-box, .fancy-text-box-style-02 .text-box-wrapper .text-box-hover { padding: 52px 20px 43px; display: block; width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.fancy-text-box-style-02 .text-box-wrapper:hover .text-box { color: #ff6437; opacity: 0; visibility: hidden; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.fancy-text-box-style-02 .text-box-wrapper .text-box-hover { opacity: 0; position: absolute; }
.fancy-text-box-style-02 .text-box-wrapper:hover .text-box-hover { opacity: 1; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

/* fancy text box style 03 */
.fancy-text-box-style-03 { position: relative; overflow: hidden; }
.fancy-text-box-style-03 * { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
.fancy-text-box-style-03 .fancy-text-content { position: absolute; width: 100%; left: 0px; top: auto; z-index: 9; bottom: 0px; height: auto; transform: translateY(70px); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); }
.fancy-text-box-style-03:hover .fancy-text-content {  transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); }
.fancy-text-box-style-03:hover .fancy-text-content .feature-box-overlay { opacity: 1; }
.fancy-text-box-style-03 .fancy-text-content .fancy-text-box-bottom { opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); }
.fancy-text-box-style-03:hover .fancy-text-content .fancy-text-box-bottom { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); }

/* image masking */
.image-mask { -webkit-text-fill-color: transparent; -webkit-background-clip: text; }

/* pricing table style 01 */
.pricing-table-style-01 .pricing-table { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.pricing-table-style-01 .pricing-header .popular-label { position: absolute; top: 0; left: 50%; padding: 6px 17px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }

/* pricing table style 02 */
.pricing-table-style-02 .pricing-table { overflow: hidden; }
.pricing-table-style-02 .pricing-table .popular-label { position: absolute; top: -28px; right: -47px; width: 120px; transform-origin: 0; padding: 10px 0 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.pricing-table-style-02 .pricing-body ul li { padding: 15px 0; }
.pricing-table-style-02 .pricing-body ul li:last-child { padding-bottom: 0; }
.pricing-table-style-02 .pricing-popular { left: -10px; position: relative; z-index: 1; width: calc(100% + 20px); }

/* countdown style 01 */
.countdown.countdown-style-01 .countdown-box { display: inline-block; text-align: center; padding: 0; float: none; margin: 0 40px; }
.countdown.countdown-style-01 .countdown-box:first-child { margin-left: 0; }
.countdown.countdown-style-01 .countdown-box:last-child { margin-right: 0; }
.countdown.countdown-style-01 .number { font-size: 47px; text-align: center; font-weight: 600; line-height: 50px; color: #fff; }
.countdown.countdown-style-01 span { display: block; font-size: 12px; text-align: center; font-weight: 400; color: #fff; text-transform: uppercase; margin-top: -2px; opacity: .5; }

/* countdown style 02 */
.countdown.countdown-style-02 .countdown-box { display: inline-block; text-align: center; padding: 0; float: none; margin: 0; padding: 0 20px; position: relative; }
.countdown.countdown-style-02 .countdown-box:after { content: ":"; position: absolute; right: 0; top: 5px; font-size: 34px; opacity: .45; }
.countdown.countdown-style-02 .countdown-box:last-child:after { display: none; }
.countdown.countdown-style-02 .number { width: 90px; font-size: 47px; text-align: center; font-weight: 300; line-height: 50px; color: #232323; }
.countdown.countdown-style-02 span { display: block; font-size: 12px; text-align: center; font-weight: 400; color: #828282; text-transform: uppercase; margin-top: -2px; opacity: 1; }

/* countdown style 03 */
.countdown.countdown-style-03 .countdown-box { display: inline-block; text-align: center; padding: 0; float: none; margin: 0; padding: 0 20px; position: relative; }
.countdown.countdown-style-03 .countdown-box:after { content: ":"; position: absolute; right: 0; top: 18%; font-size: 34px; font-weight: 600; color: #232323; }
.countdown.countdown-style-03 .countdown-box:last-child:after { display: none; }
.countdown.countdown-style-03 .number { width: 80px; font-size: 38px; letter-spacing: -1px; text-align: center; font-weight: 600; line-height: 38px; color: #fff; }
.countdown.countdown-style-03 span { display: block; font-size: 13px; text-align: center; font-weight: 500; color: #fff; text-transform: uppercase; margin-top: -2px; opacity: 1; }

/* table style 01 */
.table-style-01 { width: 100%; }
.table-style-01 table { width: 100%; }
.table-style-01 td, .table-style-01 th { padding: 12px 10px; text-align: center; }
.table-style-01 tr th:first-child, .table-style-01 tr td:first-child { padding-left: 20px; text-align: left; }

/* table style 02 */
.table-style-02 { width: 100%; }
.table-style-02 th, .table-style-02 td { border-bottom: 1px solid #e8e8e8; padding: 10px 15px; }
.table-style-02 tr:last-child th, .table-style-02 tr:last-child td { border: 0; }
.table-style-02 th { width: 150px; }

/* rotate box */
.rm-rotate-box { position: relative; text-align: center; }
.rm-rotate-box .flipper:hover .front,.rm-rotate-box .flipper:hover .back { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transition: transform 1s cubic-bezier(0.3, 1, 0.6, 1); }
.rm-rotate-box .to-left .front,.rm-rotate-box .to-right .front { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); }
.rm-rotate-box .to-top .front,.rm-rotate-box .to-bottom .front { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); }
.rm-rotate-box .to-left .back { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.rm-rotate-box .to-left:hover .front { transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); }
.rm-rotate-box .to-left:hover .back { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); }
.rm-rotate-box .to-right:hover .front { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.rm-rotate-box .to-right .back { transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); }
.rm-rotate-box .to-right:hover .back { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); }
.rm-rotate-box .to-top .back { transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); }
.rm-rotate-box .to-top:hover .front { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); }
.rm-rotate-box .to-top:hover .back { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); }
.rm-rotate-box .to-bottom .back { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); }
.rm-rotate-box .to-bottom:hover .front { transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); }
.rm-rotate-box .to-bottom:hover .back { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); }
.rm-rotate-box .thumb-wrap { -webkit-perspective: 1000px; perspective: 1000px; }
.rm-rotate-box .front, .rm-rotate-box .back { background-size: cover; min-height: 415px; z-index: 1; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; perspective: inherit; transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); }
.rm-rotate-box .back { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; }
.rm-rotate-box .back .content-wrap { top: 50%; bottom: inherit; left: 0; transform: translate3d(0, -50%, 0) scale(1); -webkit-transform: translate3d(0, -50%, 0) scale(1); -moz-transform: translate3d(0, -50%, 0) scale(1); -ms-transform: translate3d(0, -50%, 0) scale(1); }
.rm-rotate-box .content-wrap { position: absolute; width: 100%; display: block; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; perspective: inherit; backface-visibility: hidden; -webkit-backface-visibility: hidden; z-index: 2; bottom: 55px; left: 0; transform: translate3d(0, 0, 0) scale(1); -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); }

/* image back offset shadow */
.image-back-offset-shadow { z-index: 1; opacity: 0; margin: 0; position: relative; display: inline-block; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.image-back-offset-shadow.active { opacity: 1; }
.image-back-offset-shadow img { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.image-back-offset-shadow.active img { -webkit-transform: translate(12px, -12px); transform: translate(15px, -15px); }
.image-back-offset-shadow .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.image-back-offset-shadow.active .overlay { -webkit-transform: translate(-9px, 9px); transform: translate(-9px, 9px); }
.image-back-offset-shadow.position-right.active img { -webkit-transform: translate(10px, -20px); transform: translate(10px, -20px); }
.image-back-offset-shadow.position-right .overlay { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.image-back-offset-shadow.position-right.active .overlay { -webkit-transform: translate(35px, 5px); transform: translate(35px, 5px); }

/* ===================================
    26. Footer
====================================== */

footer .footer-logo img { max-height: 36px; }
footer ul {padding-left: 0; list-style: none;}
footer ul li { margin-bottom: 7px; }
footer ul li:last-child { margin-bottom: 0; }
footer .footer-top ul li.media { margin-bottom: 25px; }
footer .footer-top ul li.media:last-child { margin-bottom: 0; }
footer .instagram-follow-api ul li {margin-bottom: 0}
footer .footer-horizontal-link li {margin-right: 25px; list-style: none; margin-bottom: 0}
footer .footer-horizontal-link li:last-child {margin-right: 0}

/* footer dark */
.footer-dark, .footer-dark a { color: #8890A4; }
.footer-dark a:hover { color: #fff; }
.footer-dark .footer-social a { color: #fff; }
.footer-dark .footer-social a:hover { color: #8890A4; }

/*footer sticky*/
.footer-sticky { position: fixed; width: 100%; bottom: 0; left: 0; right: 0; z-index: 0; }

/* scroll to top */
.scroll-top-arrow, .scroll-top-arrow:focus { background: #fff; font-size: 17px; line-height: 34px; box-shadow: 0 0 25px rgba(23,23,23,.25); display: none; height: 34px; width: 34px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; bottom: 45px; z-index: 1029; border-radius: 100%; }
.scroll-top-arrow:hover { background: #fff; color: #828282; box-shadow: 0 0 30px rgba(23,23,23,.4);-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px);}

/* footer instagram feed */
footer .instafeed-grid.gutter-small { margin-left: -5px; margin-right: -5px;}
footer .instafeed-grid.gutter-very-small { margin-left: -3px; margin-right: -3px;}
footer .instafeed-grid.gutter-medium { margin-left: -7px; margin-right: -7px;}
footer .instafeed-grid.gutter-large { margin-left: -10px; margin-right: -10px;}
footer .instafeed-grid.gutter-extra-large { margin-left: -15px; margin-right: -15px;}
footer .instafeed-grid.gutter-double-extra-large { margin-left: -20px; margin-right: -20px;}

/* ===================================
    27. home and other pages
====================================== */

/* startup */
.home-startup .ares { background: rgba(0,0,0,0.5); transition: 0.3s ease-in-out; }
.home-startup .ares:before { color: #fff; font-family: 'feather' !important; }
.home-startup .ares.tp-leftarrow,.home-startup .ares.tparrows.tp-leftarrow:before { content: "\e828"; font-size: 19px; }
.home-startup .ares.tp-rightarrow,.home-startup .ares.tparrows.tp-rightarrow:before { content: "\e829"; font-size: 19px; }
.home-startup .ares.tparrows:hover:before { color: #fff; }
.home-startup .ares:hover { background: rgba(0,0,0,0.9); }
.home-startup .rs-btn:hover div,.home-startup .rs-btn:hover .fa-play { transition: 0.3s ease-in-out !important; }
.home-startup .rs-btn:hover div { background: #fff !important; }
.home-startup .rs-btn:hover .fa-play { color: #00B057 !important; }
.home-startup .tp-mask-wrap { display: inline !important; }
.home-startup .tp-bullet .tp-bullet-image, .home-startup .tp-bullet .tp-bullet-title { display: none !important; }
.footer-startup.footer-light a:hover { color: #27ae60;}

/* hotel and resort */
.footer-hotel-resort.footer-dark, .footer-hotel-resort.footer-dark a { color: rgba(255,255,255,.4); }
.footer-hotel-resort.footer-dark .footer-social a, .footer-hotel-resort .social-icon-style-12 .light li a:hover { color: #fff; }
.footer-hotel-resort.footer-dark a:hover { color: #c89965; }
.home-hotel-resort .hermes .tp-bullet{ overflow:hidden; border-radius:50%; width:10px; height:10px; background-color:rgba(255,255,255,0.2); box-shadow:inset 0 0 0 2px rgba(204,204,204,0); -webkit-transition:background 0.3s ease; transition:background 0.3s ease; position:absolute}
.home-hotel-resort .hermes .tp-bullet:hover {background-color:rgba(255,255,255,1)}
.home-hotel-resort .hermes .tp-bullet:after{ content:' '; position:absolute; bottom:0; height:0; left:0; width:100%; background-color:rgb(255,255,255); box-shadow:0 0 1px rgba(204,204,204,0); -webkit-transition:height 0.3s ease; transition:height 0.3s ease}
.home-hotel-resort .hermes .tp-bullet.selected:after{height:100%}
.home-hotel-resort .book-now-btn { transition: background-color 0.3s ease-in-out !important; padding: 10px 26px !important; }
.home-hotel-resort .book-now-btn:hover { background-color: #fff !important; color: #232323 !important; }

/* architecture */
.box-layout .navbar.navbar-boxed { padding-left: 75px; padding-right: 75px; }
.architecture.fancy-text-box-style-01 .fancy-text-box:before, .architecture.fancy-text-box-style-01 .fancy-text-box:after { border-color: rgba(130,130,130,.2); }
.home-architecture .metis.tparrows { width: 67px; height: 67px; }
.home-architecture .metis.tparrows:before { font-family: 'feather' !important; font-size: 20px; padding-top: 3px; }
.home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -327) !important; }
.home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -260) !important; }
.home-architecture .tparrows.tp-rightarrow:before { content: "\e829"; }
.home-architecture .tparrows.tp-leftarrow:before { content: "\e828"; }
.home-architecture .tparrows:hover { background: #23262d !important; }
.home-architecture .tparrows:hover:before { color: white; transform: scale(1) !important; }
.home-architecture-middle-text { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }

/* application */
.footer-application.footer-dark, .footer-application.footer-dark a { color: rgba(255,255,255,.5); }
.footer-application.footer-dark a:hover { color: #fff; }
.footer-application.footer-dark .footer-social a { color: #fff; }
.footer-application.footer-dark .footer-social a:hover { opacity: .5; }
.banner-bottom-right-images > img { bottom: -95px; position: relative; }

/* events and conference */
.footer-events-conference.footer-dark, .footer-events-conference.footer-dark a { color: rgba(255, 255, 255, .4);}
.footer-events-conference.footer-dark a:hover { color: #fff;}

/* spa salon */
.rev-nav-ares-effect .ares { background: none !important; opacity: 0; transition: 0.3s ease-in-out; }
.home-spa-salon .ares { overflow: hidden; background: transparent; }
.home-spa-salon .ares:before { font-family: 'feather' !important; font-size: 16px !important; color: #fff !important; transition: 0.3s ease-in-out !important; }
.home-spa-salon .ares:hover .tp-arr-titleholder { color: #FF8089 !important; }
.home-spa-salon .tp-leftarrow:before { content: '\e828' !important; left: -10px; }
.home-spa-salon .ares:hover:before { transform: translateX(-10px) !important; color: #FF8089 !important; }
.home-spa-salon .tp-rightarrow:before { content: '\e829' !important; right: -10px; }
.home-spa-salon .tp-rightarrow:hover:before { transform: translateX(10px) !important; }
.home-spa-salon .tp-arr-titleholder { top: -60px !important; left: 5px !important; color: #fff !important; font-size: 16px !important; font-weight: 300 !important; opacity: 1 !important; transform: translateX(0) !important; }
.home-spa-salon .tp-rightarrow .tp-arr-titleholder { left: auto !important; right: 15px !important; }
.home-spa-salon .explore-btn { transition: background 0.3s ease-in-out !important; z-index: 100 !important; }
.home-spa-salon .tp-tab-mask { overflow: visible !important; }
.home-spa-salon .tp-tab { opacity: 0.5 !important; width: 35px !important; height: 19px !important; }
.home-spa-salon .tp-tab.selected { opacity: 1 !important; }
.home-spa-salon .tp-tab.selected .tp-tab-title:before { content: ''; position: absolute; bottom: 0; left: 50%; width: 46%; height: 1px; background: #fff; transform: translateX(-50%); }
.home-spa-salon .tp-tab-title { background: transparent !important; color: #fff !important; padding: 0 !important; font-size: 15px !important; font-weight: 400 !important; font-family: 'Poppins', sans-serif !important;  }
.footer-spa-salon.footer-dark, .footer-spa-salon.footer-dark a { color: #828282;}
.footer-spa-salon.footer-dark a:hover { color: #fff;}

/* finance */
.footer-finance.footer-light a:hover { color: #8bb867;}
.footer-finance.footer-light .social-icon-style-12 li a:hover {opacity: 1; color: #828282}

/* seo agency */
.footer-seo-agency.footer-light a:hover { color: #374162}

/* consulting */
.footer-consulting.footer-dark .footer-top, .footer-consulting.footer-dark .footer-bottom, .footer-consulting.footer-dark .footer-top a, .footer-consulting.footer-dark .footer-bottom a { color: #828282;}
.footer-consulting.footer-dark .footer-top a:hover, .footer-consulting.footer-dark .footer-bottom a:hover { color: #fff;}
.footer-consulting.footer-dark .social-icon-style-12 li a:hover {opacity: 1}

/* home decor */
.home-decor .tp-caption.btn { transition: all 0.3s ease-in-out !important; }
.home-decor .tp-bullet { background: #BF8C4C !important; opacity: 0.6; border: 1px solid #BF8C4C!important; width: 10px !important; height: 10px !important; }
.home-decor .tp-bullet.selected { opacity: 0.2; }
.home-decor .tp-bullet:after { display: none !important; }
.footer-decor.footer-dark, .footer-decor.footer-dark a { color: #828282;}
.footer-decor.footer-dark a:hover { color: #cb933d;}
.footer-decor.footer-dark .social-icon-style-12 li a:hover {opacity: 1}

/* web agency */
.web-agency .process-step-style-02 .process-step-item:hover .process-step-icon { color: #0038e3; }

/* restaurant */
.footer-restaurant.footer-light a:hover { color: #ca943d;}

/* digital agency */
.footer-digital-agency .footer-logo img { max-height: inherit; }
.footer-digital-agency.footer-light a:hover { color: #e6994e;}
.footer-digital-agency.footer-light .social-icon-style-12 li a:hover {opacity: 1}

/* marketing agency */
.team-tulip-bubble { position: absolute; left: -30px; bottom: 10%; border-radius: 4px; padding: 40px 45px; }
.footer-marketing-agency.footer-light a:hover { color: #969896;}

/* photography */
.home-photography .ares { opacity: 0; background: transparent !important; min-width: 176px !important; transition: 0.3s ease-in-out; }
.home-photography .ares:before { content: '' !important; position: absolute; top: 50%; width: 0; height: 1px; background: linear-gradient(to left, #3edfb6, #58e49a, #7ce878, #a5e850, #d0e51b) !important; transition: width 0.3s ease-in-out !important;}
.home-photography .ares.tp-rightarrow:before { position: absolute; right: 0 !important; }
.home-photography .ares .tp-title-wrap { transform: scale(1) !important; background: transparent; margin: 0 !important; overflow: visible; }
.home-photography .ares .tp-arr-titleholder { opacity: 1; font-size: 18px; font-weight: 400; line-height: 20px; color: #828282; margin: 0 !important; padding: 0; transition: 0.3s ease-in-out; }
.home-photography .tparrows:hover .tp-arr-titleholder { color: #fff; }
.home-photography .ares:hover:before { width: 133px; }
.home-photography .ares .tp-title-wrap:before { content: "" !important; position: absolute; width: 133px; height: 1px; background: #28292B; top: 50%; transition: 0.3s ease-in-out; }
.home-photography .ares.tp-rightarrow:hover .tp-arr-titleholder { transform: translateX(-200px); }
.home-photography .ares.tp-leftarrow:hover .tp-arr-titleholder { transform: translateX(200px); }
.home-photography .tp-leftarrow .tp-title-wrap .tp-arr-titleholder { display: inline-block; left: -48px; }
.home-photography .tp-rightarrow .tp-title-wrap:before { right: 0; }
.home-photography .tp-rightarrow .tp-title-wrap .tp-arr-titleholder { display: inline-block; right: -52px; }
.home-photography .zeus { display: none !important; }
.home-photography .anim-text { animation: myanim 70s infinite; animation-timing-function: linear; }
.home-photography .anim-text2 { animation: myanim 70s infinite; animation-delay: 35s; animation-timing-function: linear; }
.footer-photography.footer-dark, .footer-photography.footer-dark a { color: #828282;}
.footer-photography.footer-dark a.btn { color: #c7da26;}
.footer-photography.footer-dark a:hover { color: #c7da26;}
.footer-photography.footer-dark .social-icon-style-12 li a:hover {opacity: 1}

/* dentist */
.footer-dentist.footer-light a:hover { color: #00B8B8;}

@keyframes myanim {
    0% {right: 0;}
    100% {right: 4000px;}
}

/* cafe */
.home-cafe .nav-tabs > li.nav-item > a.nav-link.active, .home-cafe.nav-tabs > li.nav-item > a.nav-link.active:hover, .home-cafe .nav-tabs > li.nav-item > a.nav-link:hover { color: #cd9452; }

/* creative agency */
.footer-creative-agency .footer-logo img { max-height: inherit; }
.footer-creative-agency.footer-dark, .footer-creative-agency.footer-dark a { color: #828282;}
.footer-creative-agency.footer-dark ul li a { font-size: 16px; line-height: 34px;}
.footer-creative-agency.footer-dark a:hover { color: #cc754c;}
.home-creative-agency.client-logo-style-06 .client-box { opacity: .25;}
.home-creative-agency.client-logo-style-06 .client-box:hover, .footer-creative-agency.footer-dark .social-icon-style-12 li a:hover { opacity: 1;}

/* design agency */
.footer-design-agency.footer-light a:hover { color: #ffcc2e;}

/* vertical portfolio */
.home-vertical-portfolio .navbar { padding: 0 6rem; }

/* furniture shop */
.home-furniture-shop .hermes .tp-bullet{ overflow:hidden; border-radius:50%; width:10px; height:10px; background-color:rgba(35,35,35,0.2); box-shadow:inset 0 0 0 2px rgba(204,204,204,0); -webkit-transition:background 0.3s ease; transition:background 0.3s ease; position:absolute}
.home-furniture-shop .hermes .tp-bullet:hover {background-color:rgba(35,35,35,1)}
.home-furniture-shop .hermes .tp-bullet:after{ content:' '; position:absolute; bottom:0; height:0; left:0; width:100%; background-color:rgb(35,35,35); box-shadow:0 0 1px rgba(204,204,204,0); -webkit-transition:height 0.3s ease; transition:height 0.3s ease}
.home-furniture-shop .hermes .tp-bullet.selected:after{height:100%}
.home-furniture-shop .tparrows.tp-leftarrow:before { content: "\e657"; font-family: 'icomoon'; color: #232323; opacity: 0.5; font-size: 45px; }
.home-furniture-shop .tparrows.tp-rightarrow:before { content: "\e658"; font-family: 'icomoon'; color: #232323; opacity: 0.5; font-size: 45px; }
.footer-furniture-shop.footer-dark .footer-top, .footer-furniture-shop.footer-dark .footer-top a, .footer-furniture-shop.footer-dark .footer-bottom, .footer-furniture-shop.footer-dark .footer-bottom a  { color: #828282;}
.footer-furniture-shop.footer-dark a:hover { color: #fff;}

/* fashion shop */
.home-fashion-shop .tp-tab { opacity: 0.5; }
.home-fashion-shop .tp-tab-mask { max-width: inherit !important; width: auto; padding: 0; margin: 0; }
.home-fashion-shop .tp-tab.selected span{ border-bottom: 2px solid #232323;}
.home-fashion-shop .tp-tabs:before { display: none; }
.footer-fashion-shop.footer-dark .footer-top, .footer-fashion-shop.footer-dark .footer-top  a{ color: #828282;}
.footer-fashion-shop.footer-dark a:hover { color: #fff;}

/* magazine */
.footer-magazine.footer-dark, .footer-magazine.footer-dark a { color: #828282;}
.footer-magazine.footer-dark a:hover { color: #fff;}
.home-magazine.blog-metro .post-details .blog-category { font-size: 12px; line-height: 20px; font-weight: 500; text-transform: uppercase; color: #fff; padding: 6px 13px; background: #c89965; border-radius: 2px; }
.home-magazine.blog-metro .post-details:hover .blog-category {background: #fff; color: #232323; box-shadow: 0 0 20px rgba(23,23,23,.2);}

/* lifestyle blog */
.footer-lifestyle-blog.footer-dark .footer-top, .footer-lifestyle-blog.footer-dark .footer-top  a{ color: #828282;}
.footer-lifestyle-blog.footer-dark a:hover { color: #fff;}

/* features header pages */
.footer-dark-header.footer-dark, .footer-dark-header.footer-dark a, .footer-header-with-push.footer-dark, .footer-header-with-push.footer-dark a, .footer-hamburger-menu-modern.footer-dark, .footer-hamburger-menu-modern.footer-dark a, .footer-hamburger-menu-half.footer-dark, .footer-hamburger-menu-half.footer-dark a, .footer-left-menu-modern, .footer-left-menu-modern.footer-dark a, .footer-responsive-sticky, .footer-responsive-sticky.footer-dark a  { color: #828282;}
.footer-dark-header.footer-dark a:hover, .footer-header-with-push.footer-dark a:hover, .footer-hamburger-menu-modern a:hover, .footer-hamburger-menu-half a:hover, .footer-left-menu-modern a:hover, .footer-responsive-sticky a:hover { color: #fff;}

/* what we offers */
.cd-headline.slide span b { border-top-width: 0px !important; border-left-width: 0px !important; border-right-width: 0px !important; }

/* onepage */
.footer-onepage.footer-dark, .footer-onepage.footer-dark a { color: #828282;}
.footer-onepage.footer-dark a:hover { color: #F4D956;}

/* landing page */
.litho-parallax-bg { width: 870px; }
.litho-landing-header .navbar-brand:after { background: rgba(130,130,130,.35); content: ""; height: calc(100% - 18px); position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; }
.customer-bg-section { position: absolute; left: -70px; bottom: 150px; }

/* consulting */
.home-dentist .popup-youtube.absolute-middle-center { left: 100%; }

/* ===================================
    28. Others
====================================== */
/* vertical-aligin */
.v-m-1{vertical-align: -1px}
.v-m-2{vertical-align: -2px}
.v-m-3{vertical-align: -3px}
.v-m-4{vertical-align: -4px}
.v-m-5{vertical-align: -5px}
.v-0{vertical-align:middle}
.v-p-1{vertical-align: 1px}
.v-p-2{vertical-align: 2px}
.v-p-3{vertical-align: 3px}
.v-p-4{vertical-align: 4px}
.v-p-5{vertical-align: 5px}

/* outside box */
.outside-box-left { margin-left: -30vw; }
.outside-box-right { margin-right: -30vw; }
.outside-box-bottom { margin-bottom: -14vw; }

/* outside box text */
.outside-box-text-left { margin-left: -50vw; }
.outside-box-text-right { margin-right: -50vw; }

/* contact form */
.required.error { border:1px solid #ff0000 !important; }
input[type="checkbox"].error { box-shadow: 0px 0px 0px 1px rgb(255 0 0), 1px 1px 0px 0px rgb(255 0 0);}
.search-error { border: 1px solid red !important; }
.search-form-box .search-error { border: 0 !important; border-bottom: 1px solid red !important; }
.input-border-bottom.required.error {border-bottom:1px solid #ff0000 !important; border-top: none !important; border-left: none !important; border-right: none !important}
.g-recaptcha.error iframe { border: 1px solid #ff0000; }
.form-results {padding: 13px 20px; clear: both; width: 100%; margin-top: 20px; font-size: 14px; line-height: 22px; z-index: 2; max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%;}

/* page loading */
@keyframes spin { to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
.loading { position: relative; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99; }
.loading::after { background: none; content: "" !important; position: absolute; left: calc(50% - 10px) !important; top: calc(50% - 10px) !important; width: 20px !important; height: 20px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 2px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; }
.loading:before { content: ""; background-color: rgba(255, 255, 255, .8) !important; position: absolute; right: 2px; top: 1px; width: calc(100% - 4px); height: calc(100% - 2px); border-radius: inherit; z-index: 1; }
.loading.dark:before { background-color: rgba(0, 0, 0, .8) !important; }
.loading.dark::after { border: 2px solid rgba(255, 255, 255, 0.2);  border-top-color: rgba(255, 255, 255, 0.7); }
.page-loader { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255, 255, 255, 1) !important; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99999; }
.page-loader::after { background: none; content: "" !important; position: absolute; left: calc(50% - 25px) !important; top: calc(50% - 25px) !important; width: 50px !important; height: 50px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 2px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; }
.grid-loading { overflow: hidden; position: relative; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99; }
.grid-loading::after { background: none; content: "" !important; position: absolute; top: 100px !important; left: calc(50% - 25px) !important; width: 50px !important; height: 50px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 3px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; }
.grid-loading:before { content: ""; position: absolute; right: 2px; top: 1px; width: calc(100% - 4px); height: calc(100% - 2px); border-radius: inherit; z-index: 1; }
.grid-loading .grid-item { visibility: hidden; }
.grid-loading li.grid-item { overflow: hidden; opacity: 0; }

/*grid*/
.show-grid [class^="col-"] { background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 15px; padding: 10px 0; text-align: center; }

/* for internet explorer 11 */
@media screen\0 {
    .menu-logo-center .menu-logo { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

    /* image mask */
    .image-mask { background-image: none !important; }
    [class*="text-gradient-"] { background: inherit; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; }
    
    /* text gradient color */
    .text-gradient-magenta-orange { color: #e42464; }
    .text-gradient-magenta-orange-2 { color: #ec606c; }
    .text-gradient-purple-magenta { color: #502970; }
    .text-gradient-light-purple-light-orange { color: #b783ff; }
    .text-gradient-sky-blue-pink { color: #556fff; }
    .text-gradient-peacock-blue-crome-yellow { color: #36c1e1; }
    .text-gradient-peacock-blue-crome-yellow-2 { color: #5dcaa3; }
    .text-gradient-fast-blue-purple { color: #0039e3; }
    .text-gradient-tan-geraldine { color: #fb7f87; }
    .text-gradient-tussock-greenish-slate { color: #bf8c4c; }
    .text-gradient-light-purple-light-red { color: #bb85f9; }
    .text-gradient-light-brownish-orange-black { color: #e79e57; }
    .text-gradient-turquoise-green-yellowish { color: #3edfb6; }
    .text-gradient-red-violet-purple { color: #b93c90; }
    .text-gradient-fuego-turquoise { color: #0cd6a2 }
    .text-gradient-orange-pink, .btn-link.text-gradient-orange-pink, a.text-gradient-orange-pink, a.text-gradient-orange-pink-hover:hover { color: #ff6557; }

    /* input size */
    input { line-height: normal; }
    .small-input { min-height: 44px; line-height: normal; }
    .medium-input, .medium-select select { min-height: 50px; line-height: normal; }
    .large-input { min-height: 57px; line-height: normal; }
    .newsletter-style-02 form { line-height: normal; }
    .alert-dismissible .close { height: 100%;}

    /* other */
    .blog-comment li .btn-reply { border: 1px solid #939393; line-height: normal;}
    .price-filter-details .price-filter-amount .price-amount { line-height: normal; }
    .coupon-code-panel input { line-height: normal; }
    .blog-post .blog-post-image img { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

    .box-shadow-very-light-hover:hover, .box-shadow-light-hover:hover, .box-shadow-dark-hover:hover, .box-shadow-large-hover:hover, .box-shadow-extra-large-hover:hover, .box-shadow-medium-hover:hover, .box-shadow-small-hover:hover, .box-shadow-double-large-hover:hover { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
    .instagram-follow-api { width: 100%; }
    .process-step-style-02 .process-step-item { width: 100%; }

    /* home branding agency */
    .drawing-animation-wrapper .drawing-animation {width: 100% !important; height: 100% !important;}
    .drawing-animation path, .drawing-animation circle, drawing-animation rect, .drawing-animation polygon, .drawing-animation ellipse { stroke-dasharray: inherit; stroke-dashoffset: inherit; -webkit-animation: drawing-animation 0s linear forwards; animation: drawing-animation 0s linear forwards; }
    .drawing-animation-wrapper svg{transform: scale(3.3) translateX(100px) !important;}
    
    /* shop category style 02 */
    .shop-category-style-02 .shop-product-image img { width: 100%;}
    
    /* tab style 01 */
    .tab-style-01 .nav-tabs > li.nav-item > a.nav-link:hover +.tab-border { opacity: 1; width: 100%; visibility: visible; }
    .parallax, .fix-background {background-position: top center !important; background-attachment: inherit !important;}
    
}

/* for retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .show-notify-popup .mfp-container { -webkit-animation-duration: 0.1s; -moz-animation-duration: 0.1s; -o-animation-duration: 0.1s; animation-duration: 0.1s; }
}

/* animation keyframe */
@-webkit-keyframes down-arrow { 0% { opacity:0; top:0px; }18% { opacity:0.2; top:3px; }36% { opacity:.4; top:8px; }54% { opacity:.6; top:18px; }72% { opacity:.8; top:18px; }100% { opacity:1; top:18px; }}
@keyframes down-arrow { 0% { opacity:0; top:0px; }18% { opacity:.0.2; top:3px; }36% { opacity:.4; top:8px; }54% { opacity:.6; top:18px; }72% { opacity:.8; top:18px; }100% { opacity:1; top:18px; }}

@-webkit-keyframes social-icon-animation { 0% { top: 130px; left: -100px; }80% { top: 30px; left: -50px; }100% { top: -30px; left: -15px; }}
@keyframes social-icon-animation { 0% { top: 130px; left: -100px; }80% { top: 30px; left: -50px; }100% { top: -30px; left: -15px; }}

@-webkit-keyframes ani-mfp { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden; opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }}
@keyframes ani-mfp { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden; opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }}

@-webkit-keyframes ani-mfp-close { 0% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden; opacity: 0; }}
@keyframes ani-mfp-close { 0% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden; opacity: 0; }}

@-webkit-keyframes comingsoonpopup { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden; opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }}
@keyframes comingsoonpopup { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden; opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }}

@-webkit-keyframes comingsoonpopupclose { 0% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden; opacity: 0; }}
@keyframes comingsoonpopupclose { 0% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden; opacity: 0; }}

@-webkit-keyframes drawing-animation { to { stroke-dashoffset: 0; }}
@keyframes drawing-animation { to { stroke-dashoffset: 0; }}

@-webkit-keyframes fadeIn { 0% { opacity: 0; }100% { opacity: 1; }}
@keyframes fadeIn { 0% { opacity: 0; }100% { opacity: 1; }}

@-webkit-keyframes fromTop { 0%{left: 0; top: -100%} 100%{left: 0; top: 0} }
@keyframes fromTop { 0%{left: 0; top: -100%} 100%{left: 0; top: 0} }

@-webkit-keyframes toTop { 0%{left: 0; top: 0} 100%{left: 0; top: -100%} }
@keyframes toTop { 0%{left: 0; top: 0} 100%{left: 0; top: -100%} }

@-webkit-keyframes fromRight { 0%{top: 0; left: 100%} 100%{top: 0; left: 0} }
@keyframes fromRight { 0%{top: 0; left: 100%} 100%{top: 0; left: 0} }

@-webkit-keyframes toRight { 0%{top: 0; left: 0} 100%{top: 0; left: 100%} }
@keyframes toRight { 0%{top: 0; left: 0} 100%{top: 0; left: 100%} }

@-webkit-keyframes fromBottom { 0%{left:0; top: 100%} 100%{left:0; top: 0} }
@keyframes fromBottom { 0%{left:0; top: 100%} 100%{left:0; top: 0} }

@-webkit-keyframes toBottom { 0%{left: 0; top: 0} 100%{left: 0; top: 100%} }
@keyframes toBottom { 0%{left: 0; top: 0} 100%{left: 0; top: 100%} }

@-webkit-keyframes fromLeft { 0%{top: 0; left: -100%} 100%{top: 0; left: 0} }
@keyframes fromLeft { 0%{top: 0; left: -100%} 100%{top: 0; left: 0} }

@-webkit-keyframes toLeft { 0%{top: 0; left: 0} 100%{top: 0; left: -100%} }
@keyframes toLeft { 0%{top: 0; left: 0} 100%{top: 0; left: -100%} }

@-webkit-keyframes video-icon-sonar { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 100% { opacity: 0; -webkit-transform: scale(1.10); transform: scale(1.10); } }
@keyframes video-icon-sonar { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 100% { opacity: 0; -webkit-transform: scale(1.10); transform: scale(1.10); } }



/* for safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .border-gradient-magenta-orange { border-image: linear-gradient(to right top, #e42464, #ed3c5f, #f44f5c, #fa6259, #ff7357) 1 / 0 0 1 0; border-image-slice: 1;  }
    .border-gradient-purple-magenta { border-image: linear-gradient(to right top, #502970, #7f2977, #ac2775, #d42d6b, #f34259) 1 / 0 0 1 0; border-image-slice: 1; }
    .border-gradient-light-purple-light-orange { border-image: linear-gradient(to right top, #b783ff, #e37be0, #fa7cc1, #ff85a6, #ff9393) 1 / 0 0 1 0; border-image-slice: 1; }
    .border-gradient-sky-blue-pink { border-image: linear-gradient(to right top, #556fff, #b263e4, #e05fc4, #f767a6, #ff798e) 1 / 0 0 1 0; border-image-slice: 1; }
    .border-gradient-peacock-blue-crome-yellow { border-image: linear-gradient(to right top, #36c1e1, #28ccc0, #74cf8e, #bac962, #feb95b) 1 / 0 0 1 0; border-image-slice: 1; }
    .border-gradient-fast-blue-purple { border-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4) 1 / 0 0 1 0; border-image-slice: 1; }
    .border-gradient-light-purple-light-red { border-image: linear-gradient(to right top, #bb85f9, #c887e5, #da8bca, #eb8fb0, #fb9398) 1 / 0 0 1 0; border-image-slice: 1; }
    .border-gradient-light-brownish-orange-black { border-image: linear-gradient(to right top, #e79e57, #9d9049, #62794c, #405c4c, #353d3c) 1 / 0 0 1 0; border-image-slice: 1; }
    .border-gradient-red-violet-purple { border-image: linear-gradient(to right, #b93d90, #a92b95, #951b9c, #7a11a4, #5412ad) 1 / 0 0 1 0; border-image-slice: 1; }    
    .btn.btn-transparent-gradient-sky-blue-pink { border-color: #000000;}
    
}

/* for only safari */
@media not all and (min-resolution:.001dpcm) {
    .tilt-box:not(:root:root) {  z-index: -1; }
    .interactive-banners-style-01 [class^="border-radius-"], .interactive-banners-style-01 [class*=" border-radius-"], .interactive-banners-style-07 [class^="border-radius-"], .interactive-banners-style-07 [class*=" border-radius-"], .interactive-banners-style-07[class*=" border-radius-"], .interactive-banners-style-08[class*=" border-radius-"], .interactive-banners-style-10 [class^="border-radius-"], .interactive-banners-style-10 [class*=" border-radius-"], .team-style-01 [class^="border-radius-"], .team-style-01 [class*=" border-radius-"], [class^="border-radius-"] .blog-post-image, [class*=" border-radius-"] .blog-post-image, .product-box .product-image[class*=" border-radius-"], .instafeed-grid figure { -webkit-mask-image: -webkit-radial-gradient(white, black); }
}

/* for buy and demo button */
.theme-demos { display: none; width: 655px; height: 100%; min-height: 100%; position: fixed; background-color: #fff; right: -655px; top: 0; z-index: 1050; -webkit-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1); transition: all .5s cubic-bezier(0.77, 0, 0.175, 1); }
.show-theme-demos .theme-demos { display: block; }
.theme-demos section { height: 100%; min-height: 100%; position: relative; z-index: 11; padding: 0; width: 655px; }
.theme-demos .demos-wrapper { height: 100%; overflow-y: hidden; padding: 40px 25px; background-color: #fff; width: 100%;  }
.theme-demos.active { -webkit-transform: translateX(-100%); transform: translateX(-100%); box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.25); }
.theme-demos .grid { padding: 0 20px;}
.theme-demos .buy-theme, .theme-demos .all-demo { position: absolute; left: -150px; bottom: 195px; transform: translateY(-50%) translateY(-7px); background-color: #fff; cursor: pointer; z-index: 10; transition: all .25s cubic-bezier(0.23, 1, 0.32, 1) .45s; min-width: 150px; }
.all-demo {box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.15); }
.theme-demos .buy-theme { bottom: 125px; text-align: center; background: #232323 }
.theme-demos .buy-theme a, .theme-demos .all-demo a { color: #232323; font-size: 11px; padding:12px 15px; display: block; text-decoration: none; font-weight: 500; }
.theme-demos .buy-theme a > i, .theme-demos .all-demo a > i { position: absolute; left: 0; top: 0; height: 100%; width: 59px; line-height: 55px; text-align: center; opacity: 0; font-size: 24px; transition-delay: 0.3s; }
.theme-demos .buy-theme .theme-wrapper, .theme-demos .all-demo .theme-wrapper { padding: 0 9px; position: relative; top: 0; opacity: 1; transition-delay: 0.3s; }
.theme-demos .buy-theme .theme-wrapper span, .theme-demos .all-demo .theme-wrapper span { font-size: 15px; font-weight: 600;  }
.theme-demos .buy-theme .theme-wrapper span { margin-right: 0; }
.theme-demos .buy-theme .theme-wrapper i, .theme-demos .all-demo .theme-wrapper i {margin-right: 10px; font-size: 21px;}
.theme-demos .buy-theme .theme-wrapper > div, .theme-demos .all-demo .theme-wrapper > div { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 15px}
.theme-demos .buy-theme .theme-wrapper > div { color: #fff; font-size: 14px; text-transform: uppercase; line-height: 23px; }
.theme-demos .all-demo .theme-wrapper > div { color: #232323; font-size: 14px; text-transform: uppercase; line-height: 23px; }
.theme-demos.active .buy-theme, .theme-demos.active .all-demo { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition: all .2s cubic-bezier(0.23, 1, 0.32, 1); transition: all .2s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform: translateX(107px) translateY(-50%) translateY(-7px); transform: translateX(107px) translateY(-50%) translateY(-7px); min-width: 50px; left: -163px; }
.theme-demos.active .buy-theme a > i, .theme-demos.active .all-demo a > i { opacity: 1; transition-delay: 0.3s; }
.theme-demos.active .buy-theme a > i {color: #fff}
.theme-demos.active .buy-theme .theme-wrapper, .theme-demos.active .all-demo .theme-wrapper { opacity: 0; transition-delay: 0s; }
.theme-demos .mCustomScrollBox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }
.theme-demos .mCustomScrollBox { display: -webkit-box; display: -ms-flexbox; display: flex; }
.theme-demos .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { -ms-flex-item-align: center; align-self: center; }
.theme-demos .mCustomScrollBox .mCSB_container { width: 100%; -ms-flex-item-align: start; align-self: flex-start; margin:0; padding-right: 15px !important; }
.theme-demos .clearfix { clear: both;}
.show-search-popup .theme-demos, .show-menu .theme-demos { z-index: 1;}

/* cookie message */
.gdpr-wrapper { top: 0 !important; bottom: 0; position: fixed; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, .8); }
.gdpr-container { position: absolute; bottom: 0; width: 100%; padding: 20px 20px; }
.gdpr-container .gdpr-content { display: inline-block; margin-right: 20px;}
.gdpr-container .btn { display: inline-block; }


/* Source: space.css */
.w-25 {
  width: 25% !important
}
.w-50 {
  width: 50% !important
}
.w-75 {
  width: 75% !important
}
.w-100 {
  width: 100% !important
}
.w-auto {
  width: auto !important
}
.h-25 {
  height: 25% !important
}
.h-50 {
  height: 50% !important
}
.h-75 {
  height: 75% !important
}
.h-100 {
  height: 100% !important
}
.h-auto {
  height: auto !important
}
.mw-100 {
  max-width: 100% !important
}
.mh-100 {
  max-height: 100% !important
}
.min-vw-100 {
  min-width: 100vw !important
}
.min-vh-100 {
  min-height: 100vh !important
}
.vw-100 {
  width: 100vw !important
}
.vh-100 {
  height: 100vh !important
}
.v-m-1 {
  vertical-align: -1px
}
.v-m-2 {
  vertical-align: -2px
}
.v-m-3 {
  vertical-align: -3px
}
.v-m-4 {
  vertical-align: -4px
}
.v-m-5 {
  vertical-align: -5px
}
.v-m-6 {
  vertical-align: -6px
}
.v-m-7 {
  vertical-align: -7px
}
.v-m-8 {
  vertical-align: -8px
}
.v-m-9 {
  vertical-align: -9px
}
.v-m-10 {
  vertical-align: -10px
}
.v-p-1 {
  vertical-align: 1px
}
.v-p-2 {
  vertical-align: 2px
}
.v-p-3 {
  vertical-align: 3px
}
.v-p-4 {
  vertical-align: 4px
}
.v-p-5 {
  vertical-align: 5px
}
.v-p-6 {
  vertical-align: 6px
}
.v-p-7 {
  vertical-align: 7px
}
.v-p-8 {
  vertical-align: 8px
}
.v-p-9 {
  vertical-align: 9px
}
.v-p-10 {
  vertical-align: 10px
}

/* add */
.m-t-m1{margin-top: -1px}
.m-t-m5{margin-top: -5px}
.m-t-m10{margin-top: -10px}
.m-t-m15{margin-top: -15px}
.m-t-m20{margin-top: -20px}
.m-t-m25{margin-top: -25px}
.m-t-m30{margin-top: -30px}
.m-t-m40{margin-top: -40px}
.m-t-m50{margin-top: -50px}
.m-t-m60{margin-top: -60px}
.m-t-m70{margin-top: -70px}
.m-t-m80{margin-top: -80px}
.m-t-m90{margin-top: -90px}
.m-t-m100{margin-top: -100px}

.m-b-m1{margin-bottom: -1px}
.m-b-m5{margin-bottom: -5px}
.m-b-m10{margin-bottom: -10px}
.m-b-m15{margin-bottom: -15px}
.m-b-m20{margin-bottom: -20px}
.m-b-m25{margin-bottom: -25px}
.m-b-m30{margin-bottom: -30px}
.m-b-m40{margin-bottom: -40px}
.m-b-m50{margin-bottom: -50px}
.m-b-m60{margin-bottom: -60px}
.m-b-m70{margin-bottom: -70px}
.m-b-m80{margin-bottom: -80px}
.m-b-m90{margin-bottom: -90px}
.m-b-m100{margin-bottom: -100px}


.m-l-m1{margin-left: -1px}
.m-l-m5{margin-left: -5px}
.m-l-m10{margin-left: -10px}
.m-l-m15{margin-left: -15px}
.m-l-m20{margin-left: -20px}
.m-l-m25{margin-left: -25px}
.m-l-m30{margin-left: -30px}
.m-l-m40{margin-left: -40px}
.m-l-m50{margin-left: -50px}
.m-l-m60{margin-left: -60px}
.m-l-m70{margin-left: -70px}
.m-l-m80{margin-left: -80px}
.m-l-m90{margin-left: -90px}
.m-l-m100{margin-left: -100px}

.m-r-m1{margin-right: -1px}
.m-r-m5{margin-right: -5px}
.m-r-m10{margin-right: -10px}
.m-r-m15{margin-right: -15px}
.m-r-m20{margin-right: -20px}
.m-r-m25{margin-right: -25px}
.m-r-m30{margin-right: -30px}
.m-r-m40{margin-right: -40px}
.m-r-m50{margin-right: -50px}
.m-r-m60{margin-right: -60px}
.m-r-m70{margin-right: -70px}
.m-r-m80{margin-right: -80px}
.m-r-m90{margin-right: -90px}
.m-r-m100{margin-right: -100px}


.p-0 {
  padding: 0 !important
}
.m-0 {
  margin: 0 !important
}
.p-5 {
  padding: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-35 {
  padding: 35px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-45 {
  padding: 45px !important;
}
.p-50 {
  padding: 50px !important;
}
.p-l-0 {
  padding-left: 0px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.p-l-20 {
  padding-left: 20px !important;
}
.p-l-25 {
  padding-left: 25px !important;
}
.p-l-30 {
  padding-left: 30px !important;
}
.p-l-35 {
  padding-left: 35px !important;
}
.p-l-40 {
  padding-left: 40px !important;
}
.p-l-45 {
  padding-left: 45px !important;
}
.p-l-50 {
  padding-left: 50px !important;
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-t-5 {
  padding-top: 5px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-t-25 {
  padding-top: 25px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-t-35 {
  padding-top: 35px !important;
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-t-45 {
  padding-top: 45px !important;
}
.p-t-50 {
  padding-top: 50px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.p-b-35 {
  padding-bottom: 35px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.p-b-45 {
  padding-bottom: 45px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.p-r-10 {
  padding-right: 10px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}
.p-r-20 {
  padding-right: 20px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}
.p-r-30 {
  padding-right: 30px !important;
}
.p-r-35 {
  padding-right: 35px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}
.p-r-45 {
  padding-right: 45px !important;
}
.p-r-50 {
  padding-right: 50px !important;
}
.m-5 {
  margin: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-25 {
  margin: 25px !important;
}
.m-30 {
  margin: 30px !important;
}
.m-35 {
  margin: 35px !important;
}
.m-40 {
  margin: 40px !important;
}
.m-45 {
  margin: 45px !important;
}
.m-50 {
  margin: 50px !important;
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-t-25 {
  margin-top: 25px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-t-35 {
  margin-top: 35px !important;
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-t-45 {
  margin-top: 45px !important;
}
.m-t-50 {
  margin-top: 50px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-b-35 {
  margin-bottom: 35px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.m-b-45 {
  margin-bottom: 45px !important;
}
.m-b-50 {
  margin-bottom: 50px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-l-5 {
  margin-left: 5px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.m-l-25 {
  margin-left: 25px !important;
}
.m-l-30 {
  margin-left: 30px !important;
}
.m-l-35 {
  margin-left: 35px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.m-l-45 {
  margin-left: 45px !important;
}
.m-l-50 {
  margin-left: 50px !important;
}
.m-r-0 {
  margin-right: 0px !important;
}
.m-r-5 {
  margin-right: 5px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}
.m-r-15 {
  margin-right: 15px !important;
}
.m-r-20 {
  margin-right: 20px !important;
}
.m-r-25 {
  margin-right: 25px !important;
}
.m-r-30 {
  margin-right: 30px !important;
}
.m-r-35 {
  margin-right: 35px !important;
}
.m-r-40 {
  margin-right: 40px !important;
}
.m-r-45 {
  margin-right: 45px !important;
}
.m-r-50 {
  margin-right: 50px !important;
}
.b-r-0 {
  border-radius: 0px !important;
}
.b-r-1 {
  border-radius: 1px !important;
}
.b-r-2 {
  border-radius: 2px !important;
}
.b-r-3 {
  border-radius: 3px !important;
}
.b-r-4 {
  border-radius: 4px !important;
}
.b-r-5 {
  border-radius: 5px !important;
}
.b-r-6 {
  border-radius: 6px !important;
}
.b-r-7 {
  border-radius: 7px !important;
}
.b-r-8 {
  border-radius: 8px !important;
}
.b-r-9 {
  border-radius: 9px !important;
}
.b-r-10 {
  border-radius: 10px !important;
}
.mx-auto{margin:  0 auto}
.m-0 {
  margin: 0 !important
}
.mt-0, .my-0 {
  margin-top: 0 !important
}
.mr-0, .mx-0 {
  margin-right: 0 !important
}
.mb-0, .my-0 {
  margin-bottom: 0 !important
}
.ml-0, .mx-0 {
  margin-left: 0 !important
}
.m-1 {
  margin: .25rem !important
}
.mt-1, .my-1 {
  margin-top: .25rem !important
}
.mr-1, .mx-1 {
  margin-right: .25rem !important
}
.mb-1, .my-1 {
  margin-bottom: .25rem !important
}
.ml-1, .mx-1 {
  margin-left: .25rem !important
}
.m-2 {
  margin: .5rem !important
}
.mt-2, .my-2 {
  margin-top: .5rem !important
}
.mr-2, .mx-2 {
  margin-right: .5rem !important
}
.mb-2, .my-2 {
  margin-bottom: .5rem !important
}
.ml-2, .mx-2 {
  margin-left: .5rem !important
}
.m-25 {
  margin: .75rem !important
}
.mt-25, .my-25 {
  margin-top: .75rem !important
}
.mr-25, .mx-25 {
  margin-right: .75rem !important
}
.mb-25, .my-25 {
  margin-bottom: .75rem !important
}
.ml-25, .mx-25 {
  margin-left: .75rem !important
}
.m-3 {
  margin: 1rem !important
}
.mt-3, .my-3 {
  margin-top: 1rem !important
}
.mr-3, .mx-3 {
  margin-right: 1rem !important
}
.mb-3, .my-3 {
  margin-bottom: 1rem !important
}
.ml-3, .mx-3 {
  margin-left: 1rem !important
}
.m-4 {
  margin: 1.5rem !important
}
.mt-4, .my-4 {
  margin-top: 1.5rem !important
}
.mr-4, .mx-4 {
  margin-right: 1.5rem !important
}
.mb-4, .my-4 {
  margin-bottom: 1.5rem !important
}
.ml-4, .mx-4 {
  margin-left: 1.5rem !important
}
.m-5 {
  margin: 3rem !important
}
.mt-5, .my-5 {
  margin-top: 3rem !important
}
.mr-5, .mx-5 {
  margin-right: 3rem !important
}
.mb-5, .my-5 {
  margin-bottom: 3rem !important
}
.ml-5, .mx-5 {
  margin-left: 3rem !important
}
.px-auto{padding:  0 auto}
.p-0 {
  padding: 0 !important
}
.pt-0, .py-0 {
  padding-top: 0 !important
}
.pr-0, .px-0 {
  padding-right: 0 !important
}
.pb-0, .py-0 {
  padding-bottom: 0 !important
}
.pl-0, .px-0 {
  padding-left: 0 !important
}
.p-1 {
  padding: .25rem !important
}
.pt-1, .py-1 {
  padding-top: .25rem !important
}
.pr-1, .px-1 {
  padding-right: .25rem !important
}
.pb-1, .py-1 {
  padding-bottom: .25rem !important
}
.pl-1, .px-1 {
  padding-left: .25rem !important
}
.p-2 {
  padding: .5rem !important
}
.pt-2, .py-2 {
  padding-top: .5rem !important
}
.pr-2, .px-2 {
  padding-right: .5rem !important
}
.pb-2, .py-2 {
  padding-bottom: .5rem !important
}
.pl-2, .px-2 {
  padding-left: .5rem !important
}
.p-3 {
  padding: 1rem !important
}
.pt-3, .py-3 {
  padding-top: 1rem !important
}
.pr-3, .px-3 {
  padding-right: 1rem !important
}
.pb-3, .py-3 {
  padding-bottom: 1rem !important
}
.pl-3, .px-3 {
  padding-left: 1rem !important
}
.p-4 {
  padding: 1.5rem !important
}
.pt-4, .py-4 {
  padding-top: 1.5rem !important
}
.pr-4, .px-4 {
  padding-right: 1.5rem !important
}
.pb-4, .py-4 {
  padding-bottom: 1.5rem !important
}
.pl-4, .px-4 {
  padding-left: 1.5rem !important
}
.p-5 {
  padding: 3rem !important
}
.pt-5, .py-5 {
  padding-top: 3rem !important
}
.pr-5, .px-5 {
  padding-right: 3rem !important
}
.pb-5, .py-5 {
  padding-bottom: 3rem !important
}
.pl-5, .px-5 {
  padding-left: 3rem !important
}
.m-n1 {
  margin: -.25rem !important
}
.mt-n1, .my-n1 {
  margin-top: -.25rem !important
}
.mr-n1, .mx-n1 {
  margin-right: -.25rem !important
}
.mb-n1, .my-n1 {
  margin-bottom: -.25rem !important
}
.ml-n1, .mx-n1 {
  margin-left: -.25rem !important
}
.m-n2 {
  margin: -.5rem !important
}
.mt-n2, .my-n2 {
  margin-top: -.5rem !important
}
.mr-n2, .mx-n2 {
  margin-right: -.5rem !important
}
.mb-n2, .my-n2 {
  margin-bottom: -.5rem !important
}
.ml-n2, .mx-n2 {
  margin-left: -.5rem !important
}
.m-n3 {
  margin: -1rem !important
}
.mt-n3, .my-n3 {
  margin-top: -1rem !important
}
.mr-n3, .mx-n3 {
  margin-right: -1rem !important
}
.mb-n3, .my-n3 {
  margin-bottom: -1rem !important
}
.ml-n3, .mx-n3 {
  margin-left: -1rem !important
}
.m-n4 {
  margin: -1.5rem !important
}
.mt-n4, .my-n4 {
  margin-top: -1.5rem !important
}
.mr-n4, .mx-n4 {
  margin-right: -1.5rem !important
}
.mb-n4, .my-n4 {
  margin-bottom: -1.5rem !important
}
.ml-n4, .mx-n4 {
  margin-left: -1.5rem !important
}
.m-n5 {
  margin: -3rem !important
}
.mt-n5, .my-n5 {
  margin-top: -3rem !important
}
.mr-n5, .mx-n5 {
  margin-right: -3rem !important
}
.mb-n5, .my-n5 {
  margin-bottom: -3rem !important
}
.ml-n5, .mx-n5 {
  margin-left: -3rem !important
}
.m-auto {
  margin: auto !important
}
.mt-auto, .my-auto {
  margin-top: auto !important
}
.mr-auto, .mx-auto {
  margin-right: auto !important
}
.mb-auto, .my-auto {
  margin-bottom: auto !important
}
.ml-auto, .mx-auto {
  margin-left: auto !important
}
@media (min-width:576px) {
  .m-sm-0 {
    margin: 0 !important
  }
  .mt-sm-0, .my-sm-0 {
    margin-top: 0 !important
  }
  .mr-sm-0, .mx-sm-0 {
    margin-right: 0 !important
  }
  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important
  }
  .ml-sm-0, .mx-sm-0 {
    margin-left: 0 !important
  }
  .m-sm-1 {
    margin: .25rem !important
  }
  .mt-sm-1, .my-sm-1 {
    margin-top: .25rem !important
  }
  .mr-sm-1, .mx-sm-1 {
    margin-right: .25rem !important
  }
  .mb-sm-1, .my-sm-1 {
    margin-bottom: .25rem !important
  }
  .ml-sm-1, .mx-sm-1 {
    margin-left: .25rem !important
  }
  .m-sm-2 {
    margin: .5rem !important
  }
  .mt-sm-2, .my-sm-2 {
    margin-top: .5rem !important
  }
  .mr-sm-2, .mx-sm-2 {
    margin-right: .5rem !important
  }
  .mb-sm-2, .my-sm-2 {
    margin-bottom: .5rem !important
  }
  .ml-sm-2, .mx-sm-2 {
    margin-left: .5rem !important
  }
  .m-sm-3 {
    margin: 1rem !important
  }
  .mt-sm-3, .my-sm-3 {
    margin-top: 1rem !important
  }
  .mr-sm-3, .mx-sm-3 {
    margin-right: 1rem !important
  }
  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1rem !important
  }
  .ml-sm-3, .mx-sm-3 {
    margin-left: 1rem !important
  }
  .m-sm-4 {
    margin: 1.5rem !important
  }
  .mt-sm-4, .my-sm-4 {
    margin-top: 1.5rem !important
  }
  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.5rem !important
  }
  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.5rem !important
  }
  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.5rem !important
  }
  .m-sm-5 {
    margin: 3rem !important
  }
  .mt-sm-5, .my-sm-5 {
    margin-top: 3rem !important
  }
  .mr-sm-5, .mx-sm-5 {
    margin-right: 3rem !important
  }
  .mb-sm-5, .my-sm-5 {
    margin-bottom: 3rem !important
  }
  .ml-sm-5, .mx-sm-5 {
    margin-left: 3rem !important
  }
  .p-sm-0 {
    padding: 0 !important
  }
  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important
  }
  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important
  }
  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important
  }
  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important
  }
  .p-sm-1 {
    padding: .25rem !important
  }
  .pt-sm-1, .py-sm-1 {
    padding-top: .25rem !important
  }
  .pr-sm-1, .px-sm-1 {
    padding-right: .25rem !important
  }
  .pb-sm-1, .py-sm-1 {
    padding-bottom: .25rem !important
  }
  .pl-sm-1, .px-sm-1 {
    padding-left: .25rem !important
  }
  .p-sm-2 {
    padding: .5rem !important
  }
  .pt-sm-2, .py-sm-2 {
    padding-top: .5rem !important
  }
  .pr-sm-2, .px-sm-2 {
    padding-right: .5rem !important
  }
  .pb-sm-2, .py-sm-2 {
    padding-bottom: .5rem !important
  }
  .pl-sm-2, .px-sm-2 {
    padding-left: .5rem !important
  }
  .p-sm-3 {
    padding: 1rem !important
  }
  .pt-sm-3, .py-sm-3 {
    padding-top: 1rem !important
  }
  .pr-sm-3, .px-sm-3 {
    padding-right: 1rem !important
  }
  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1rem !important
  }
  .pl-sm-3, .px-sm-3 {
    padding-left: 1rem !important
  }
  .p-sm-4 {
    padding: 1.5rem !important
  }
  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem !important
  }
  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem !important
  }
  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem !important
  }
  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem !important
  }
  .p-sm-5 {
    padding: 3rem !important
  }
  .pt-sm-5, .py-sm-5 {
    padding-top: 3rem !important
  }
  .pr-sm-5, .px-sm-5 {
    padding-right: 3rem !important
  }
  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3rem !important
  }
  .pl-sm-5, .px-sm-5 {
    padding-left: 3rem !important
  }
  .m-sm-n1 {
    margin: -.25rem !important
  }
  .mt-sm-n1, .my-sm-n1 {
    margin-top: -.25rem !important
  }
  .mr-sm-n1, .mx-sm-n1 {
    margin-right: -.25rem !important
  }
  .mb-sm-n1, .my-sm-n1 {
    margin-bottom: -.25rem !important
  }
  .ml-sm-n1, .mx-sm-n1 {
    margin-left: -.25rem !important
  }
  .m-sm-n2 {
    margin: -.5rem !important
  }
  .mt-sm-n2, .my-sm-n2 {
    margin-top: -.5rem !important
  }
  .mr-sm-n2, .mx-sm-n2 {
    margin-right: -.5rem !important
  }
  .mb-sm-n2, .my-sm-n2 {
    margin-bottom: -.5rem !important
  }
  .ml-sm-n2, .mx-sm-n2 {
    margin-left: -.5rem !important
  }
  .m-sm-n3 {
    margin: -1rem !important
  }
  .mt-sm-n3, .my-sm-n3 {
    margin-top: -1rem !important
  }
  .mr-sm-n3, .mx-sm-n3 {
    margin-right: -1rem !important
  }
  .mb-sm-n3, .my-sm-n3 {
    margin-bottom: -1rem !important
  }
  .ml-sm-n3, .mx-sm-n3 {
    margin-left: -1rem !important
  }
  .m-sm-n4 {
    margin: -1.5rem !important
  }
  .mt-sm-n4, .my-sm-n4 {
    margin-top: -1.5rem !important
  }
  .mr-sm-n4, .mx-sm-n4 {
    margin-right: -1.5rem !important
  }
  .mb-sm-n4, .my-sm-n4 {
    margin-bottom: -1.5rem !important
  }
  .ml-sm-n4, .mx-sm-n4 {
    margin-left: -1.5rem !important
  }
  .m-sm-n5 {
    margin: -3rem !important
  }
  .mt-sm-n5, .my-sm-n5 {
    margin-top: -3rem !important
  }
  .mr-sm-n5, .mx-sm-n5 {
    margin-right: -3rem !important
  }
  .mb-sm-n5, .my-sm-n5 {
    margin-bottom: -3rem !important
  }
  .ml-sm-n5, .mx-sm-n5 {
    margin-left: -3rem !important
  }
  .m-sm-auto {
    margin: auto !important
  }
  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important
  }
  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto !important
  }
  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto !important
  }
  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto !important
  }
}
@media (min-width:768px) {
  .m-md-0 {
    margin: 0 !important
  }
  .mt-md-0, .my-md-0 {
    margin-top: 0 !important
  }
  .mr-md-0, .mx-md-0 {
    margin-right: 0 !important
  }
  .mb-md-0, .my-md-0 {
    margin-bottom: 0 !important
  }
  .ml-md-0, .mx-md-0 {
    margin-left: 0 !important
  }
  .m-md-1 {
    margin: .25rem !important
  }
  .mt-md-1, .my-md-1 {
    margin-top: .25rem !important
  }
  .mr-md-1, .mx-md-1 {
    margin-right: .25rem !important
  }
  .mb-md-1, .my-md-1 {
    margin-bottom: .25rem !important
  }
  .ml-md-1, .mx-md-1 {
    margin-left: .25rem !important
  }
  .m-md-2 {
    margin: .5rem !important
  }
  .mt-md-2, .my-md-2 {
    margin-top: .5rem !important
  }
  .mr-md-2, .mx-md-2 {
    margin-right: .5rem !important
  }
  .mb-md-2, .my-md-2 {
    margin-bottom: .5rem !important
  }
  .ml-md-2, .mx-md-2 {
    margin-left: .5rem !important
  }
  .m-md-3 {
    margin: 1rem !important
  }
  .mt-md-3, .my-md-3 {
    margin-top: 1rem !important
  }
  .mr-md-3, .mx-md-3 {
    margin-right: 1rem !important
  }
  .mb-md-3, .my-md-3 {
    margin-bottom: 1rem !important
  }
  .ml-md-3, .mx-md-3 {
    margin-left: 1rem !important
  }
  .m-md-4 {
    margin: 1.5rem !important
  }
  .mt-md-4, .my-md-4 {
    margin-top: 1.5rem !important
  }
  .mr-md-4, .mx-md-4 {
    margin-right: 1.5rem !important
  }
  .mb-md-4, .my-md-4 {
    margin-bottom: 1.5rem !important
  }
  .ml-md-4, .mx-md-4 {
    margin-left: 1.5rem !important
  }
  .m-md-5 {
    margin: 3rem !important
  }
  .mt-md-5, .my-md-5 {
    margin-top: 3rem !important
  }
  .mr-md-5, .mx-md-5 {
    margin-right: 3rem !important
  }
  .mb-md-5, .my-md-5 {
    margin-bottom: 3rem !important
  }
  .ml-md-5, .mx-md-5 {
    margin-left: 3rem !important
  }
  .p-md-0 {
    padding: 0 !important
  }
  .pt-md-0, .py-md-0 {
    padding-top: 0 !important
  }
  .pr-md-0, .px-md-0 {
    padding-right: 0 !important
  }
  .pb-md-0, .py-md-0 {
    padding-bottom: 0 !important
  }
  .pl-md-0, .px-md-0 {
    padding-left: 0 !important
  }
  .p-md-1 {
    padding: .25rem !important
  }
  .pt-md-1, .py-md-1 {
    padding-top: .25rem !important
  }
  .pr-md-1, .px-md-1 {
    padding-right: .25rem !important
  }
  .pb-md-1, .py-md-1 {
    padding-bottom: .25rem !important
  }
  .pl-md-1, .px-md-1 {
    padding-left: .25rem !important
  }
  .p-md-2 {
    padding: .5rem !important
  }
  .pt-md-2, .py-md-2 {
    padding-top: .5rem !important
  }
  .pr-md-2, .px-md-2 {
    padding-right: .5rem !important
  }
  .pb-md-2, .py-md-2 {
    padding-bottom: .5rem !important
  }
  .pl-md-2, .px-md-2 {
    padding-left: .5rem !important
  }
  .p-md-3 {
    padding: 1rem !important
  }
  .pt-md-3, .py-md-3 {
    padding-top: 1rem !important
  }
  .pr-md-3, .px-md-3 {
    padding-right: 1rem !important
  }
  .pb-md-3, .py-md-3 {
    padding-bottom: 1rem !important
  }
  .pl-md-3, .px-md-3 {
    padding-left: 1rem !important
  }
  .p-md-4 {
    padding: 1.5rem !important
  }
  .pt-md-4, .py-md-4 {
    padding-top: 1.5rem !important
  }
  .pr-md-4, .px-md-4 {
    padding-right: 1.5rem !important
  }
  .pb-md-4, .py-md-4 {
    padding-bottom: 1.5rem !important
  }
  .pl-md-4, .px-md-4 {
    padding-left: 1.5rem !important
  }
  .p-md-5 {
    padding: 3rem !important
  }
  .pt-md-5, .py-md-5 {
    padding-top: 3rem !important
  }
  .pr-md-5, .px-md-5 {
    padding-right: 3rem !important
  }
  .pb-md-5, .py-md-5 {
    padding-bottom: 3rem !important
  }
  .pl-md-5, .px-md-5 {
    padding-left: 3rem !important
  }
  .m-md-n1 {
    margin: -.25rem !important
  }
  .mt-md-n1, .my-md-n1 {
    margin-top: -.25rem !important
  }
  .mr-md-n1, .mx-md-n1 {
    margin-right: -.25rem !important
  }
  .mb-md-n1, .my-md-n1 {
    margin-bottom: -.25rem !important
  }
  .ml-md-n1, .mx-md-n1 {
    margin-left: -.25rem !important
  }
  .m-md-n2 {
    margin: -.5rem !important
  }
  .mt-md-n2, .my-md-n2 {
    margin-top: -.5rem !important
  }
  .mr-md-n2, .mx-md-n2 {
    margin-right: -.5rem !important
  }
  .mb-md-n2, .my-md-n2 {
    margin-bottom: -.5rem !important
  }
  .ml-md-n2, .mx-md-n2 {
    margin-left: -.5rem !important
  }
  .m-md-n3 {
    margin: -1rem !important
  }
  .mt-md-n3, .my-md-n3 {
    margin-top: -1rem !important
  }
  .mr-md-n3, .mx-md-n3 {
    margin-right: -1rem !important
  }
  .mb-md-n3, .my-md-n3 {
    margin-bottom: -1rem !important
  }
  .ml-md-n3, .mx-md-n3 {
    margin-left: -1rem !important
  }
  .m-md-n4 {
    margin: -1.5rem !important
  }
  .mt-md-n4, .my-md-n4 {
    margin-top: -1.5rem !important
  }
  .mr-md-n4, .mx-md-n4 {
    margin-right: -1.5rem !important
  }
  .mb-md-n4, .my-md-n4 {
    margin-bottom: -1.5rem !important
  }
  .ml-md-n4, .mx-md-n4 {
    margin-left: -1.5rem !important
  }
  .m-md-n5 {
    margin: -3rem !important
  }
  .mt-md-n5, .my-md-n5 {
    margin-top: -3rem !important
  }
  .mr-md-n5, .mx-md-n5 {
    margin-right: -3rem !important
  }
  .mb-md-n5, .my-md-n5 {
    margin-bottom: -3rem !important
  }
  .ml-md-n5, .mx-md-n5 {
    margin-left: -3rem !important
  }
  .m-md-auto {
    margin: auto !important
  }
  .mt-md-auto, .my-md-auto {
    margin-top: auto !important
  }
  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important
  }
  .mb-md-auto, .my-md-auto {
    margin-bottom: auto !important
  }
  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important
  }
}
@media (min-width:992px) {
  .m-lg-0 {
    margin: 0 !important
  }
  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important
  }
  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important
  }
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important
  }
  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important
  }
  .m-lg-1 {
    margin: .25rem !important
  }
  .mt-lg-1, .my-lg-1 {
    margin-top: .25rem !important
  }
  .mr-lg-1, .mx-lg-1 {
    margin-right: .25rem !important
  }
  .mb-lg-1, .my-lg-1 {
    margin-bottom: .25rem !important
  }
  .ml-lg-1, .mx-lg-1 {
    margin-left: .25rem !important
  }
  .m-lg-2 {
    margin: .5rem !important
  }
  .mt-lg-2, .my-lg-2 {
    margin-top: .5rem !important
  }
  .mr-lg-2, .mx-lg-2 {
    margin-right: .5rem !important
  }
  .mb-lg-2, .my-lg-2 {
    margin-bottom: .5rem !important
  }
  .ml-lg-2, .mx-lg-2 {
    margin-left: .5rem !important
  }
  .m-lg-3 {
    margin: 1rem !important
  }
  .mt-lg-3, .my-lg-3 {
    margin-top: 1rem !important
  }
  .mr-lg-3, .mx-lg-3 {
    margin-right: 1rem !important
  }
  .mb-lg-3, .my-lg-3 {
    margin-bottom: 1rem !important
  }
  .ml-lg-3, .mx-lg-3 {
    margin-left: 1rem !important
  }
  .m-lg-4 {
    margin: 1.5rem !important
  }
  .mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem !important
  }
  .mr-lg-4, .mx-lg-4 {
    margin-right: 1.5rem !important
  }
  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.5rem !important
  }
  .ml-lg-4, .mx-lg-4 {
    margin-left: 1.5rem !important
  }
  .m-lg-5 {
    margin: 3rem !important
  }
  .mt-lg-5, .my-lg-5 {
    margin-top: 3rem !important
  }
  .mr-lg-5, .mx-lg-5 {
    margin-right: 3rem !important
  }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 3rem !important
  }
  .ml-lg-5, .mx-lg-5 {
    margin-left: 3rem !important
  }
  .p-lg-0 {
    padding: 0 !important
  }
  .pt-lg-0, .py-lg-0 {
    padding-top: 0 !important
  }
  .pr-lg-0, .px-lg-0 {
    padding-right: 0 !important
  }
  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0 !important
  }
  .pl-lg-0, .px-lg-0 {
    padding-left: 0 !important
  }
  .p-lg-1 {
    padding: .25rem !important
  }
  .pt-lg-1, .py-lg-1 {
    padding-top: .25rem !important
  }
  .pr-lg-1, .px-lg-1 {
    padding-right: .25rem !important
  }
  .pb-lg-1, .py-lg-1 {
    padding-bottom: .25rem !important
  }
  .pl-lg-1, .px-lg-1 {
    padding-left: .25rem !important
  }
  .p-lg-2 {
    padding: .5rem !important
  }
  .pt-lg-2, .py-lg-2 {
    padding-top: .5rem !important
  }
  .pr-lg-2, .px-lg-2 {
    padding-right: .5rem !important
  }
  .pb-lg-2, .py-lg-2 {
    padding-bottom: .5rem !important
  }
  .pl-lg-2, .px-lg-2 {
    padding-left: .5rem !important
  }
  .p-lg-3 {
    padding: 1rem !important
  }
  .pt-lg-3, .py-lg-3 {
    padding-top: 1rem !important
  }
  .pr-lg-3, .px-lg-3 {
    padding-right: 1rem !important
  }
  .pb-lg-3, .py-lg-3 {
    padding-bottom: 1rem !important
  }
  .pl-lg-3, .px-lg-3 {
    padding-left: 1rem !important
  }
  .p-lg-4 {
    padding: 1.5rem !important
  }
  .pt-lg-4, .py-lg-4 {
    padding-top: 1.5rem !important
  }
  .pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem !important
  }
  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem !important
  }
  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem !important
  }
  .p-lg-5 {
    padding: 3rem !important
  }
  .pt-lg-5, .py-lg-5 {
    padding-top: 3rem !important
  }
  .pr-lg-5, .px-lg-5 {
    padding-right: 3rem !important
  }
  .pb-lg-5, .py-lg-5 {
    padding-bottom: 3rem !important
  }
  .pl-lg-5, .px-lg-5 {
    padding-left: 3rem !important
  }
  .m-lg-n1 {
    margin: -.25rem !important
  }
  .mt-lg-n1, .my-lg-n1 {
    margin-top: -.25rem !important
  }
  .mr-lg-n1, .mx-lg-n1 {
    margin-right: -.25rem !important
  }
  .mb-lg-n1, .my-lg-n1 {
    margin-bottom: -.25rem !important
  }
  .ml-lg-n1, .mx-lg-n1 {
    margin-left: -.25rem !important
  }
  .m-lg-n2 {
    margin: -.5rem !important
  }
  .mt-lg-n2, .my-lg-n2 {
    margin-top: -.5rem !important
  }
  .mr-lg-n2, .mx-lg-n2 {
    margin-right: -.5rem !important
  }
  .mb-lg-n2, .my-lg-n2 {
    margin-bottom: -.5rem !important
  }
  .ml-lg-n2, .mx-lg-n2 {
    margin-left: -.5rem !important
  }
  .m-lg-n3 {
    margin: -1rem !important
  }
  .mt-lg-n3, .my-lg-n3 {
    margin-top: -1rem !important
  }
  .mr-lg-n3, .mx-lg-n3 {
    margin-right: -1rem !important
  }
  .mb-lg-n3, .my-lg-n3 {
    margin-bottom: -1rem !important
  }
  .ml-lg-n3, .mx-lg-n3 {
    margin-left: -1rem !important
  }
  .m-lg-n4 {
    margin: -1.5rem !important
  }
  .mt-lg-n4, .my-lg-n4 {
    margin-top: -1.5rem !important
  }
  .mr-lg-n4, .mx-lg-n4 {
    margin-right: -1.5rem !important
  }
  .mb-lg-n4, .my-lg-n4 {
    margin-bottom: -1.5rem !important
  }
  .ml-lg-n4, .mx-lg-n4 {
    margin-left: -1.5rem !important
  }
  .m-lg-n5 {
    margin: -3rem !important
  }
  .mt-lg-n5, .my-lg-n5 {
    margin-top: -3rem !important
  }
  .mr-lg-n5, .mx-lg-n5 {
    margin-right: -3rem !important
  }
  .mb-lg-n5, .my-lg-n5 {
    margin-bottom: -3rem !important
  }
  .ml-lg-n5, .mx-lg-n5 {
    margin-left: -3rem !important
  }
  .m-lg-auto {
    margin: auto !important
  }
  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important
  }
  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important
  }
  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important
  }
  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important
  }
}
@media (min-width:1280px) {
  .m-xl-0 {
    margin: 0 !important
  }
  .mt-xl-0, .my-xl-0 {
    margin-top: 0 !important
  }
  .mr-xl-0, .mx-xl-0 {
    margin-right: 0 !important
  }
  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0 !important
  }
  .ml-xl-0, .mx-xl-0 {
    margin-left: 0 !important
  }
  .m-xl-1 {
    margin: .25rem !important
  }
  .mt-xl-1, .my-xl-1 {
    margin-top: .25rem !important
  }
  .mr-xl-1, .mx-xl-1 {
    margin-right: .25rem !important
  }
  .mb-xl-1, .my-xl-1 {
    margin-bottom: .25rem !important
  }
  .ml-xl-1, .mx-xl-1 {
    margin-left: .25rem !important
  }
  .m-xl-2 {
    margin: .5rem !important
  }
  .mt-xl-2, .my-xl-2 {
    margin-top: .5rem !important
  }
  .mr-xl-2, .mx-xl-2 {
    margin-right: .5rem !important
  }
  .mb-xl-2, .my-xl-2 {
    margin-bottom: .5rem !important
  }
  .ml-xl-2, .mx-xl-2 {
    margin-left: .5rem !important
  }
  .m-xl-3 {
    margin: 1rem !important
  }
  .mt-xl-3, .my-xl-3 {
    margin-top: 1rem !important
  }
  .mr-xl-3, .mx-xl-3 {
    margin-right: 1rem !important
  }
  .mb-xl-3, .my-xl-3 {
    margin-bottom: 1rem !important
  }
  .ml-xl-3, .mx-xl-3 {
    margin-left: 1rem !important
  }
  .m-xl-4 {
    margin: 1.5rem !important
  }
  .mt-xl-4, .my-xl-4 {
    margin-top: 1.5rem !important
  }
  .mr-xl-4, .mx-xl-4 {
    margin-right: 1.5rem !important
  }
  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.5rem !important
  }
  .ml-xl-4, .mx-xl-4 {
    margin-left: 1.5rem !important
  }
  .m-xl-5 {
    margin: 3rem !important
  }
  .mt-xl-5, .my-xl-5 {
    margin-top: 3rem !important
  }
  .mr-xl-5, .mx-xl-5 {
    margin-right: 3rem !important
  }
  .mb-xl-5, .my-xl-5 {
    margin-bottom: 3rem !important
  }
  .ml-xl-5, .mx-xl-5 {
    margin-left: 3rem !important
  }
  .p-xl-0 {
    padding: 0 !important
  }
  .pt-xl-0, .py-xl-0 {
    padding-top: 0 !important
  }
  .pr-xl-0, .px-xl-0 {
    padding-right: 0 !important
  }
  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0 !important
  }
  .pl-xl-0, .px-xl-0 {
    padding-left: 0 !important
  }
  .p-xl-1 {
    padding: .25rem !important
  }
  .pt-xl-1, .py-xl-1 {
    padding-top: .25rem !important
  }
  .pr-xl-1, .px-xl-1 {
    padding-right: .25rem !important
  }
  .pb-xl-1, .py-xl-1 {
    padding-bottom: .25rem !important
  }
  .pl-xl-1, .px-xl-1 {
    padding-left: .25rem !important
  }
  .p-xl-2 {
    padding: .5rem !important
  }
  .pt-xl-2, .py-xl-2 {
    padding-top: .5rem !important
  }
  .pr-xl-2, .px-xl-2 {
    padding-right: .5rem !important
  }
  .pb-xl-2, .py-xl-2 {
    padding-bottom: .5rem !important
  }
  .pl-xl-2, .px-xl-2 {
    padding-left: .5rem !important
  }
  .p-xl-3 {
    padding: 1rem !important
  }
  .pt-xl-3, .py-xl-3 {
    padding-top: 1rem !important
  }
  .pr-xl-3, .px-xl-3 {
    padding-right: 1rem !important
  }
  .pb-xl-3, .py-xl-3 {
    padding-bottom: 1rem !important
  }
  .pl-xl-3, .px-xl-3 {
    padding-left: 1rem !important
  }
  .p-xl-4 {
    padding: 1.5rem !important
  }
  .pt-xl-4, .py-xl-4 {
    padding-top: 1.5rem !important
  }
  .pr-xl-4, .px-xl-4 {
    padding-right: 1.5rem !important
  }
  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.5rem !important
  }
  .pl-xl-4, .px-xl-4 {
    padding-left: 1.5rem !important
  }
  .p-xl-5 {
    padding: 3rem !important
  }
  .pt-xl-5, .py-xl-5 {
    padding-top: 3rem !important
  }
  .pr-xl-5, .px-xl-5 {
    padding-right: 3rem !important
  }
  .pb-xl-5, .py-xl-5 {
    padding-bottom: 3rem !important
  }
  .pl-xl-5, .px-xl-5 {
    padding-left: 3rem !important
  }
  .m-xl-n1 {
    margin: -.25rem !important
  }
  .mt-xl-n1, .my-xl-n1 {
    margin-top: -.25rem !important
  }
  .mr-xl-n1, .mx-xl-n1 {
    margin-right: -.25rem !important
  }
  .mb-xl-n1, .my-xl-n1 {
    margin-bottom: -.25rem !important
  }
  .ml-xl-n1, .mx-xl-n1 {
    margin-left: -.25rem !important
  }
  .m-xl-n2 {
    margin: -.5rem !important
  }
  .mt-xl-n2, .my-xl-n2 {
    margin-top: -.5rem !important
  }
  .mr-xl-n2, .mx-xl-n2 {
    margin-right: -.5rem !important
  }
  .mb-xl-n2, .my-xl-n2 {
    margin-bottom: -.5rem !important
  }
  .ml-xl-n2, .mx-xl-n2 {
    margin-left: -.5rem !important
  }
  .m-xl-n3 {
    margin: -1rem !important
  }
  .mt-xl-n3, .my-xl-n3 {
    margin-top: -1rem !important
  }
  .mr-xl-n3, .mx-xl-n3 {
    margin-right: -1rem !important
  }
  .mb-xl-n3, .my-xl-n3 {
    margin-bottom: -1rem !important
  }
  .ml-xl-n3, .mx-xl-n3 {
    margin-left: -1rem !important
  }
  .m-xl-n4 {
    margin: -1.5rem !important
  }
  .mt-xl-n4, .my-xl-n4 {
    margin-top: -1.5rem !important
  }
  .mr-xl-n4, .mx-xl-n4 {
    margin-right: -1.5rem !important
  }
  .mb-xl-n4, .my-xl-n4 {
    margin-bottom: -1.5rem !important
  }
  .ml-xl-n4, .mx-xl-n4 {
    margin-left: -1.5rem !important
  }
  .m-xl-n5 {
    margin: -3rem !important
  }
  .mt-xl-n5, .my-xl-n5 {
    margin-top: -3rem !important
  }
  .mr-xl-n5, .mx-xl-n5 {
    margin-right: -3rem !important
  }
  .mb-xl-n5, .my-xl-n5 {
    margin-bottom: -3rem !important
  }
  .ml-xl-n5, .mx-xl-n5 {
    margin-left: -3rem !important
  }
  .m-xl-auto {
    margin: auto !important
  }
  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important
  }
  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto !important
  }
  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto !important
  }
  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto !important
  }
}
.mt-up50 {
  margin-top: -50px !important
}
.mt-up75 {
  margin-top: -75px !important
}
.mt-up100 {
  margin-top: -100px !important
}
.mt-up125 {
  margin-top: -125px !important
}
.mt-up150 {
  margin-top: -150px !important
}
@media (min-width:576px) {
  .mt-sm-up50 {
    margin-top: -50px !important
  }
  .mt-sm-up75 {
    margin-top: -75px !important
  }
  .mt-sm-up100 {
    margin-top: -100px !important
  }
  .mt-sm-up125 {
    margin-top: -125px !important
  }
  .mt-sm-up150 {
    margin-top: -150px !important
  }
}
@media (min-width:768px) {
  .mt-md-up50 {
    margin-top: -50px !important
  }
  .mt-md-up75 {
    margin-top: -75px !important
  }
  .mt-md-up100 {
    margin-top: -100px !important
  }
  .mt-md-up125 {
    margin-top: -125px !important
  }
  .mt-md-up150 {
    margin-top: -150px !important
  }
}
@media (min-width:992px) {
  .mt-lg-up50 {
    margin-top: -50px !important
  }
  .mt-lg-up75 {
    margin-top: -75px !important
  }
  .mt-lg-up100 {
    margin-top: -100px !important
  }
  .mt-lg-up125 {
    margin-top: -125px !important
  }
  .mt-lg-up150 {
    margin-top: -150px !important
  }
}
@media (min-width:1280px) {
  .mt-xl-up50 {
    margin-top: -50px !important
  }
  .mt-xl-up75 {
    margin-top: -75px !important
  }
  .mt-xl-up100 {
    margin-top: -100px !important
  }
  .mt-xl-up125 {
    margin-top: -125px !important
  }
  .mt-xl-up150 {
    margin-top: -150px !important
  }
}



/* Source: add.css */

/*********RESET**********/
img { max-width: 100%; height: auto; }
video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; }
.cb {clear: both;}
/********************************************************
■ 컨테이너
********************************************************/
@media (min-width: 1199px) {
    /* page container */
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1340px; }
}

/********************************************************
■ 프리로더
********************************************************/
.preloader-container { position: fixed; top: 0;  left: 0;  z-index: 99999999;  display: -ms-flexbox;  display: flex;  -ms-flex-align: center;  align-items: center;  -ms-flex-pack: center;  justify-content: center;  width: 100%;  height: 100%;  background-color: #fff}
.preloader-wrapper { position: relative;  width: 100px;  height: 100px}
.home-vertical-portfolio.full-screen { height: calc(100vh - 80px); }
.home-vertical-portfolio .swiper-slide { height: 100%; }
.home-vertical-portfolio > .bg-video-wrapper { z-index: 0; }
.home-vertical-portfolio > #particles-js,
.home-vertical-portfolio > #particles-js3 { z-index: 1; pointer-events: none; }
.home-vertical-portfolio > .slider-vertical { z-index: 2; }
.home-vertical-portfolio .bg-video-wrapper iframe { z-index: 1; }
@media (max-width: 991px) {
    .home-vertical-portfolio.full-screen { height: calc(100vh - 75px); }
}
.home-vertical-portfolio .komi-hero-poster { position: absolute; inset: 0; z-index: 2; display: block; width: 100%; height: 100%; overflow: hidden; background-color: #657b83; }
.home-vertical-portfolio .komi-hero-poster img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
.preloader-border { position: absolute;  width: 100%;  height: 100%;  border-radius: 50%;  box-shadow: inset 0 0 0 2px rgba(33, 150, 243, .1)}
.preloader-line-mask { position: absolute;  width: 50%;  height: 100%;  overflow: hidden;  -webkit-transform-origin: 50px 50px;  transform-origin: 50px 50px;  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000);  mask-image: linear-gradient(to top, rgba(0, , 0, 0), #000);  -webkit-animation: preloadSpinner 1.2s infinite linear;  animation: preloadSpinner 1.2s infinite linear}
.preloader-line {  width: 100px;  height: 100px;  border-radius: 50%;  box-shadow: inset 0 0 0 2px #2196f3}
@-webkit-keyframes preloadSpinner {  0% {    -webkit-transform: rotate(0);    transform: rotate(0)  }  100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg)  }}
@keyframes preloadSpinner {  0% {    -webkit-transform: rotate(0);    transform: rotate(0)  }  100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg)  }}
.preloader-dark .preloader-border {  box-shadow: inset 0 0 0 2px rgba(32, 32, 32, .1)}.preloader-dark .preloader-line {  box-shadow: inset 0 0 0 2px rgba(32, 32, 32, .7)}



/********************************************************
■ LAYOUT PLUS : 4K대응
********************************************************/
.page-w-max {max-width: 1920px;	margin: 0 auto;}
.align-w-center{margin: 0 auto}
.align-h-center{margin: auto 0}

/********************************************************
■ VIDEO : 메인비메오백비디오
********************************************************/
.video-overlay {position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	z-index: 5;	background: transparent url('../images/grid.png') repeat;	-webkit-backface-visibility: hidden;}
.slider-text-middle-main {display: table;	height: 100%;	width: 100%}
.slider-typography {width: 100%;	height: 100%;	position: absolute;	right: 0;	left: 0;	z-index: 9;}
.slider-text-middle {display: table-cell;	vertical-align: middle;}
.slider-text-bottom {display: table-cell;	vertical-align: bottom;}
.slider-text-top {display: table-cell;	vertical-align: top;}
.videoWrapper {position: relative;  padding-bottom: 41.67%; /* 16:9 */  height: 0;}
.videoWrapper iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}

/********************************************************
■ sidebtnbar : 사이드버튼
********************************************************/
.sidebtnbar .btn-group-vertical{width: 110px}
.sidebtnbar {width: auto; height: auto;  display:block; position:fixed; top: 22.5%;/*172*/ right: -10px; z-index: 999}
.sidebtnbar-btn{text-align: center; line-height: 22px; height: 100px}
.sidebtnbar-btn-call {text-align: center; line-height: 22px; height: 140px}
.sidebtnbar-btn-call i{font-size: 22px;margin-right: 15px; margin-left: -5px}
.sidebtnbar-btn-call span{font-size: 22px; text-align: right; }
.sidebtnbar-btn-call div {margin-left: -10px}
.sidebtnbar-btn img{width: 38px; margin-left: -8px}
.sidebtnbar-btn i{font-size: 26px}
.sidebtnbar-txt{font-size: 15px; margin-left: -7.5px}
@media only screen and (min-width : 960px) and (max-width : 1366px) {
	.sidebtnbar{display: none}		
}
@media only screen and (max-width: 768px) {
	.sidebtnbar{display: none}	
}
/********************************************************
■ quick form : 빠른상담 추가
********************************************************/
.quick_form{border-radius: 0 50px 50px 0 !important; height: 45px !important}
.quick_form_text{border-radius: 25px !important; min-height: 100px !important; }
.input-group-prepend i {font-size: 20px; vertical-align: middle; margin: 7px 0 5px 5px}

/********************************************************
■ gallery-slides : 썸네일갤러리
********************************************************/
.gallery-slides .gallery-slides-hover {  opacity: 0;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, .3);  transition: opacity .2s ease-in-out}
.gallery-slides:hover .gallery-slides-hover {  opacity: 1}
.gallery-sync-main {  position: relative}
.gallery-sync-main .gallery-sync-main-item {  position: relative;  overflow: hidden}
.gallery-sync-main .gallery-sync-main-item a::before {  content: "";  opacity: 0;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, .3);  transition: opacity .2s ease-in-out}
.gallery-sync-main:hover .gallery-sync-main-item a::before {  opacity: 1}
.gallery-sync-main .nav-hide {  display: none}
.gallery-sync-thumb-item {  position: relative;  overflow: hidden}
.gallery-sync-thumb-item figure {  margin: 0;  cursor: pointer}
.gallery-sync-thumb-item figure::before {  content: "";  opacity: 0;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, .3);  transition: opacity .2s ease-in-out}
.gallery-sync-thumb-item figure:hover::before {  opacity: 1}
.current .gallery-sync-thumb-item figure::before {  opacity: 1}


/**=====================
■ TABLE : 커스텀테이블 / 회사소개
==========================**/
.table-cs .table-con div table { width: 100%; margin-top: 20px;}
.table-cs table { border-collapse: collapse; border-spacing: 0px;}
.table-cs .table-con .first  { background-color: #414a5e !important; border-top:2px solid #414a5e; color: #fff;}
.table-cs .table-con .first-none  { border-top:2px solid #414a5e; }
.table-cs .table-con div table tr {    height: 50px;}
.table-cs .table-con div table tr th {    border-right: 1px solid #595c6b;    border-bottom: 1px solid #595c6b;    color: inherit;    font-size: 16px;}
.table-cs .table-con div table tr td:last-child {    border-right: none !important;}
.table-cs .table-con div table tr td:first-child {       text-align: center;}/*padding-left: 3%; */
.table-cs .table-con div table tr td {border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #555; font-size: 16px; }
.table-cs .table-con div table tbody tr:nth-of-type(odd) {    background-color: rgba(0,0,0,.02);}
.table-cs .table-con div table tbody tr:last-child  {	border-bottom:2px solid #414a5e}
.table-comment{font-size:14px; margin-top:10px; color:#777; word-break:keep-all}
.table-cs .table-con .tcs-t{background-color: #f5f5f5; color: #232323 }
.table-cs .table-con .tcs-b{background-color: #f5f5f5; color: #232323 }
.table-cs .table-con .tcs{background-color: #fff;}
.table-cs .table-con .tcs-l{border-right: 1px solid #ccc; color: #232323; color: #555}

@media only screen and (max-width: 768px) {
.table-cs .table-con div table tr th { font-size: 14px; line-height: 22px}
.table-cs .table-con div table tr td { font-size: 14px; line-height: 22px}
.table-comment{font-size:12px; }	
}

/**=====================
■ TABLE : 커스텀테이블2 / 지배구조
==========================**/
.table-cs .table-con2 table { width: 100%; margin-top: 20px;color: #454545; }
.table-cs table { border-collapse: collapse; border-spacing: 0px;}
.table-cs .table-con2 .first  { background-color: #414a5e !important; border-top:2px solid #414a5e; color: #fff;}
.table-cs .table-con2 .first-none  { border-top:2px solid #414a5e; }
.table-cs .table-con2  table tr {height: 45px;}
.table-cs .table-con2  table tr th {border-right: 1px solid #595c6b;color: #343434; font-size: 16px;}
.table-cs .table-con2  table tr td:last-child { border-right: none !important;}
.table-cs .table-con2  table tr td:first-child { text-align: center;}/*padding-left: 3%; */
.table-cs .table-con2  table tr td {border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 16px; padding: 3px}
.table-cs .table-con2  table tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.02);}
.table-cs .table-con2  table tbody tr:last-child  {	border-bottom:2px solid #414a5e}
.table-comment{font-size:14px; margin-top:10px; color:#777; word-break:keep-all}
.table-cs .table-con2 .tcs-t{background-image: linear-gradient(-45deg, #343f55, #435590, #222838)!important; color: #fff!important; }
.table-cs .table-con2 .tcs{background-color: #fff;}
.table-cs .table-con2 .tcs-l{border-right: 1px solid #ccc;background-color: #f9fafb!important;}
.table-cs .table-con2 .tcs-b{background-color: #f2f4f6!important; color: #232323!important; }
.table-title-b{margin-bottom: 15px}
@media only screen and (max-width: 768px) {
.table-scroll-x { overflow-x: scroll}	
.table-scroll-x table{min-width: 767px;}
.table-cs .table-con2  table tr {height: 40px;}	
.table-cs .table-con2  table tr th { font-size: 14px; line-height: 22px}
.table-cs .table-con2  table tr td { font-size: 14px; line-height: 22px}
.table-comment{font-size:14px; }	
.table-title-b{margin-bottom: 5px}	
}

/**=====================
■ TABLE : 커스텀테이블3 / 질병정보
==========================**/
.table-cs .table-con3 table { width: 100%; margin-top: 20px;color: #454545; }
.table-cs table { border-collapse: collapse; border-spacing: 0px;}
.table-cs .table-con3 .first  { background-color: #414a5e !important; border-top:2px solid #414a5e; color: #fff;}
.table-cs .table-con3 .first-none  { border-top:2px solid #414a5e; }
.table-cs .table-con3 table tr, .table-cs .table-con3 table th, .table-cs .table-con3 table td {word-break: keep-all; font-size: 16px;}
.table-cs .table-con3 table tr th {border-right: 1px solid #595c6b;color: #343434;}
.table-cs .table-con3 table tr td:last-child { border-right: none !important;}
.table-cs .table-con3 table tr td:first-child { text-align: center;}/*padding-left: 3%; */
.table-cs .table-con3 table tr td {border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;  padding: 3px; height: 45px}
.table-cs .table-con3 table tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.02);}
.table-cs .table-con3 table tbody tr:last-child  {	border-bottom:2px solid #414a5e}
.table-comment{font-size:14px; margin-top:10px; color:#777; word-break:keep-all}
.table-cs .table-con3 .tcs-t{background-color: #eee!important; color: #232323!important; }
.table-cs .table-con3 .tcs{background-color: #fff;}
.table-cs .table-con3 .tcs-l{border-right: 1px solid #ccc;background-color: #f9fafb!important;}
.table-cs .table-con3 .tcs-b{background-color: #f2f4f6!important; color: #232323!important; }
.table-title-b{margin-bottom: 15px}
@media only screen and (max-width: 768px) {
.table-scroll-x { overflow-x: scroll}	
.table-scroll-x table{min-width: 960px;}
.table-cs .table-con3  table tr {height: 35px;}		
.table-cs .table-con3 table tr td {padding: 3px; height: 35px}	
.table-cs .table-con3 table tr th { font-size: 13px; line-height: 22px}
.table-cs .table-con3 table tr td { font-size: 13px; line-height: 22px}
.table-comment{font-size:13px; }	
.table-title-b{margin-bottom: 5px}	
}


/*ADD*/
.bg-tcs-t {background-image: linear-gradient(-45deg, #343f55, #435590, #222838)!important; color: #fff!important; }
.bg-tcs-t2 {background-color: #ECEDF1!important; }
.bg-tcs-l{background-color: #f9fafb !important;}
.bg-.tcs-b{background-color: #f2f4f6 !important; color: #232323!important; }

/**=====================
■ DOCU
==========================**/
.text-docu {padding: 10px 15px}
.text-docu .title{font-size: 34px; line-height: 32px; font-weight: 400; color: #232323; margin-bottom: 10px; text-align: center; letter-spacing: -1px; margin-top: 30px; padding-bottom: 50px; border-bottom: 1px solid #222}
.text-docu p{font-size: 18px; line-height: 32px; font-weight: normal; color: #5B5B5B; margin-bottom: 10px;letter-spacing: 0px;}
.text-docu .strong{font-size: 24px; line-height: 32px; font-weight: 400; color: #111; margin-bottom: 20px;margin-top: 30px;letter-spacing: -0.5px;}
.text-docu .bold{font-size: 20px; line-height: 32px; font-weight: 400; color: #111; margin-bottom: 15px;}

.text-docu ul {font-size: 20px; line-height: 30px; font-weight: 400; color: #111; margin-bottom: 25px;}
.text-docu ul li {font-size: 18px; line-height: 30px; font-weight: normal; color: #5B5B5B; margin-bottom: 10px;letter-spacing: 0px; margin-left: 20px; list-style: disc; list-style-position: inside}
.text-docu ul li ul{font-size: 18px; line-height: 30px; font-weight: normal; color: #5B5B5B; margin-bottom: 20px; margin-top: 10px;margin-bottom: 10px; letter-spacing: 0px; margin-left: 0; list-style: none; list-style-position: inside}
.text-docu ul  li ul li {font-size: 17px; line-height: 30px; font-weight: normal; color: #5B5B5B; margint-top:10px;margin-bottom: 10px;letter-spacing: 0px; margin-left: 0; list-style: none; list-style-position: inside}

@media only screen and (max-width: 768px) {
.text-docu .title{font-size: 24px; line-height: 26px; font-weight: 400; color: #232323; margin-bottom: 10px; text-align: center; letter-spacing: -2px; margin-top: 0; padding-bottom: 30px; border-bottom: 1px solid #222}
.text-docu p{font-size: 14px; line-height:28px; font-weight: normal; color: #5B5B5B; margin-bottom: 10px;letter-spacing: 0px;}
.text-docu .strong{font-size: 20px; line-height: 32px; font-weight: 400; color: #111; margin-bottom: 15px;margin-top: 20px;letter-spacing: -0.5px;}
.text-docu .bold{font-size: 16px; line-height: 32px; font-weight: 400; color: #111; margin-bottom: 10px;}
	
.text-docu ul {font-size: 20px; line-height: 32px; font-weight: 400; color: #111; margin-bottom: 15px;}
.text-docu ul li {font-size: 14px; line-height: 28px; font-weight: normal; color: #5B5B5B; margin-bottom: 10px;letter-spacing: 0px; margin-left: 20px; list-style: disc; list-style-position: inside}
.text-docu ul li ul{font-size: 14px; line-height: 28px; font-weight: normal; color: #5B5B5B; margin-bottom: 15px; margin-top: 10px;margin-bottom: 20px; letter-spacing: 0px; margin-left: 0; list-style: none; list-style-position: inside}
.text-docu ul  li ul li {font-size: 14px; line-height: 28px; font-weight: normal; color: #5B5B5B; margint-top:10px;margin-bottom: 10px;letter-spacing: 0px; margin-left: 0; list-style: none; list-style-position: inside}	
}

/********************************************************
■ 서브메뉴 SLY
********************************************************/
.subpage-list{display:table!important; table-layout:fixed!important; width: auto !important; text-align: center; margin:0 auto !important;}
.subpage-list a { display:table;table-layout:fixed;list-style:none; font-size: 16px; margin: 6px 15px 8px 0; padding: 8px 20px 8px; background-color: #fff; color: #333; border-radius: 4px; border: 1px solid #e4e4e4; float: left;}
.subpage-list a:hover{box-shadow: 0 0 10px rgba(23,23,23,.1); background-image: #fff; color: #555;}
.subpage-list a.on {background-image: linear-gradient(to right top, #e42464, #ed3c5f, #f44f5c, #fa6259, #ff7357); color: #fff; box-shadow: 0 0 10px rgba(23,23,23,.1); }

.submenu-bb{border-bottom: 1px solid #e4e4e4; margin-top: -1px }

@media only screen and (max-width: 1024px) {
.subpage-list{width: 1920px !important; }	
.subpage-list a { font-size: 14px; margin: 3px 10px 5px 0; padding: 5px 15px 5px; background-color: #fff; color: #555; border-radius: 4px; border: 1px solid #e4e4e4}
}
/********************************************************
■ 서브탑
********************************************************/
.subop-opa {position: absolute; height: 100%; width: 100%; opacity: 0.15; top:0; left: 0;}
.subop-bg { background-color:#000; }

/**=====================
  ■ CUSTOM HOVER EFFECT : 개별호버
==========================**/
.xzoom {
transition:all 0.25s ease-in-out;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.xzoom:hover {
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: scale(1.02) translate3d(0, 0, 0);
-ms-transform: scale(1.02) translate3d(0, 0, 0);
transform: scale(1.02) translate3d(0, 0, 0);
}
.xzoom2 {
transition:all 0.25s ease-in-out;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.xzoom2:hover {
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: scale(0.98) translate3d(0, 0, 0);
-ms-transform: scale(0.98) translate3d(0, 0, 0);
transform: scale(0.98) translate3d(0, 0, 0);
}
.xup {
transition:all 0.25s ease-in-out;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.xup:hover {
-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35); 
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35); 
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35);
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: translate3d(0,-3px,0);
-ms-transform: translate3d(0,-3px,0);
transform: translate3d(0,-3px,0);
}
.xup1 {
transition:all 0.25s ease-in-out;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.xup1:hover {
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: translate3d(0,-3px,0);
-ms-transform: translate3d(0,-3px,0);
transform: translate3d(0,-3px,0);
}
.xup2 {
transition:all 0.25s ease-in-out;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.xup2:hover {
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: translate3d(0,-3px,0);
-ms-transform: translate3d(0,-3px,0);
transform: translate3d(0,-3px,0);
}
.xzoom3 {
transition:all 0.25s ease-in-out;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.xzoom3:hover {
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: scale(0.94) translate3d(0, 0, 0);
-ms-transform: scale(0.94) translate3d(0, 0, 0);
transform: scale(0.94) translate3d(0, 0, 0);
}
.xzoom4 {
transition:all 0.25s ease-in-out;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.xzoom4:hover {
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: scale(0.98) translate3d(0, 0, 0);
-ms-transform: scale(0.98) translate3d(0, 0, 0);
transform: scale(0.98) translate3d(0, 0, 0);
}
.xup3 {
transition:all 0.25s ease-in-out;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.xup3:hover {
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: translate3d(-5px,-5px,0);
-ms-transform: translate3d(-5px,-5px,0);
transform: translate3d(-5px,-5px,0);
}
.xsdw {
transition:all 0.25s ease-in-out;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.xsdw:hover {
-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.8); 
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.8); 
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.8);
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: scale(1.01) translate3d(0, 0, 0);
-ms-transform: scale(1.01) translate3d(0, 0, 0);
transform: scale(1.01) translate3d(0, 0, 0);
}

/**=====================
  ■ ORGAN : 조직도
==========================**/
@media only screen and (min-width : 769px) {
.organ,.organ li{position:relative;width:100%;text-align:center; overflow:hidden;z-index:1!important;}
.organ li {min-height:80px;}
.organ li .top{display:inline-block;width:240px;padding:7px 0;text-align:center;background:#22B5C5 ; color:#fff; font-size: 17px; font-weight: normal;box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}
.organ li .top2{display:inline-block;width:240px;padding:7px 0;text-align:center;background:#1565c0; color:#fff; font-size: 17px; font-weight: normal;box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}
.organ li .top3{display:inline-block;width:240px;padding:7px 0;text-align:center;background:#344957; color:#fff; font-size: 17px; font-weight: normal;box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}
.organ li .top4{display:inline-block;width:240px;padding:7px 0;text-align:center;background:#8d0000; color:#fff; font-size: 17px; font-weight: normal;box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}
.organ li .top5{display:inline-block;width:240px;padding:7px 0;text-align:center;background:#f1f1f1; font-size: 16px; font-weight: normal}	
.organ li.depth2{display:table;border-spacing: 50px 15px;}
.organ li.depth2 dl{display:table-cell;width:240px; font-size: 17px; font-weight: normal;}
.organ li.depth2 dt{background:#565656; color:#fff;padding:7px 0; font-size: 17px; font-weight: normal;box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}
.organ li.depth2 dd{padding:7px 0; background:#fff; border:1px solid #ddd; margin-top:10px; font-size: 17px; font-weight: normal;box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}
.organ .l-hor{position:absolute; z-index:0!important; display: block !important;top:85px; left:21%; width:61%; height:1px!important; border:0!important; background:#ddd;!important}
.organ .l01{position:absolute; z-index:0!important; display: block !important;top:25px; left:52%; width:1px; height:73%!important; border:0!important; background:#ddd;!important}
.organ .l02{position:absolute; z-index:0!important; display: block !important;top:85px; left:21%; width:1px; height:70%!important; border:0!important; background:#ddd;!important}
.organ .l03{position:absolute; z-index:0!important; display: block !important;top:85px; left:82%; width:1px; height:70%!important; border:0!important; background:#ddd;!important}
.organ .l04{position:absolute; z-index:0!important; display: block !important;top:25px; left:50%; width:1px; height:500%!important; border:0!important; background:#ddd;!important}	
}
@media only screen and (max-width: 768px) {
.organ,.organ li{position:relative;width:100%;text-align:center; overflow:hidden;z-index:1!important; margin-left: -10px}
.organ li {min-height:60px;}
.organ li .top{display:inline-block;width:80%;padding:5px 0;text-align:center;background:#22B5C5; color:#fff; font-size: 15px; font-weight: normal;box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}
.organ li .top2{display:inline-block;width:80%;padding:5px 0;text-align:center;background:#1565c0; color:#fff; font-size: 15px; font-weight: normal;box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}
.organ li .top3{display:inline-block;width:80%;padding:5px 0;text-align:center;background:#344957; color:#fff; font-size: 15px; font-weight: normal;box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}	
.organ li .top4{display:inline-block;width:80%;padding:5px 0;text-align:center;background:#565656; color:#fff; font-size: 15px; font-weight: normal;box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}	
.organ li .top5{display:inline-block;width:80%;padding:5px 0;text-align:center;background:#fff; font-size: 15px; font-weight: normal;border: 1px solid #eee; box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}	
.organ li.depth2{display:table;border-spacing: 50px 15px;}
.organ li.depth2 dl{display:table-cell;width:80%; font-size: 15px; font-weight: normal}
.organ li.depth2 dt{background:#757575; color:#fff;padding:5px 0; font-size: 15px; font-weight: normal;box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}
.organ li.depth2 dd{padding:5px 0; background:#fff; border:1px solid #ddd; margin-top:10px; font-size: 15px; font-weight: normal;box-shadow: 0 .42rem 1.22rem rgba(23, 32, 42, .12) !important}
.organ .l-hor{position:absolute; z-index:0!important; display: block !important; top:85px; left:18%; width:64%; height:1px; border:0; background:#ddd;}
.organ .l01{position:absolute; z-index:0!important; display: block !important; top:25px; left:50%; width:1px; height:73%; border:0; background:#ddd;}
.organ .l02{position:absolute; z-index:0!important; display: block !important; top:85px; left:18%; width:1px; height:70%; border:0; background:#ddd;}
.organ .l03{position:absolute; z-index:0!important; display: block !important; top:85px; left:82%; width:1px; height:60%; border:0; background:#ddd;}
.organ .l04{position:absolute; z-index:0!important; display: block !important; top:15px; left:54%; width:1px; height:92%; border:0; background:#ddd;}	
}


/**=====================
  ■ BG : 애니메이션 백그라운드
==========================**/
/* 그라데이션BG*/
.gra-bg {
  /*background: linear-gradient(-45deg, #00838b, #0061bb, #00b9d4, #2273b2);*/
  background: linear-gradient(-45deg, #CB0003, #f44f5c, #740024);	
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}
@keyframes gradient {
  0% { background-position: 0% 50%;  }
  50% { background-position: 100% 50%;  }
  100% { background-position: 0% 50%;  }
}
/* 웨이브BG*/
.ocean {
  height: 50px; /* change the height of the waves here */
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  margin-top: -35px
}
.wave {transform: rotate(0deg);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23fff'/%3E%3C/svg%3E");
  position: absolute;
  width: 200%;
  height: 100%;
  transform: translate3d(0, 0, 0);
  opacity:1;
}
.wave:nth-of-type(2) {
  bottom: 0;
  animation: wave 70s -1s linear reverse infinite;
  opacity: 0.5;
}
.wave:nth-of-type(3) {
  bottom: 0;
  animation: wave 100s -2s linear infinite;
  opacity: 0.5;
}
.wave:nth-of-type(4) {
  bottom: 0;
  animation: wave 130s -3s linear infinite;
  opacity: 0.5;
}	
@keyframes wave {
    0% {transform: translateX(0);}
    10% {transform: translateX(-25%);}
    20% {transform: translateX(-35%);}
    30% {transform: translateX(-45%);}	
}


/**=====================
  ■ BEAT BTN : 비트버튼
==========================**/
.button-beat {  min-height: 15px;  font-size:16px;  font-weight: normal;  color: #fff;  background-image: linear-gradient(to right top, #e42464, #ed3c5f, #f44f5c, #fa6259, #ff7357);   border: none;  transition: all 0.3s ease-in-out 0s;  cursor: pointer;  outline: none; position: relative;  padding: 6px 20px 5px 20px;  outline: none;  }
.button-beat:hover, .button-beat:focus {  color: #fff;  transform: translateY(-2px);  outline: none;	}
button::before {  content: '';  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  opacity: 0;  transition: all .3s ease-in-out 0s;  outline: none;	}
button:hover::before, button:focus::before {  opacity: 1;}
.beatring button::after {  content: '';  width: 10px; height: 10px;  border-radius: 100%;  border: 3px solid #F4D956;  position: absolute;  z-index: -1;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); animation: ring 1.5s infinite;}

.button-beat2 {  min-height: 15px;  font-size: 16px;  font-weight: normal;  color: #343434;  background: #fdfdfd;  border: 1px solid #ddd;  transition: all 0.3s ease-in-out 0s;  cursor: pointer; outline: none;  position: relative;  padding: 6px 20px 5px 20px;  }
.button-beat2:hover, .button-beat:focus {  color: #343434;  transform: translateY(-2px);  outline: none;	}
.beatring2 button::after {  content: '';  width: 10px; height: 10px;  border-radius: 100%;  border: 3px solid #00FFCB;  position: absolute;  z-index: -1;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); animation: ring 1.5s infinite;}

button::before {  content: '';  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  opacity: 0;  transition: all .3s ease-in-out 0s;  outline: none;	}
button:hover::after, button:focus::after {  animation: none;  display: none;}

@keyframes ring {
  0% {    width: 30px;    height: 30px;    opacity: 1;  }
  100% {    width: 150px;    height: 150px;    opacity: 0;  }
}


/* Source: add_responsive.css (responsive.css import) */


/************************************* DISPLAY 5STEP **************************************/

/* DESKTOP */
@media only screen and (min-width: 1900px) {
	.pcx {display: none}	
}
/* LAPTOP-XL */
@media only screen and (min-width: 1600px) and (max-width: 1899px) {
	.nlx {display: none!important;}	
}
/* LAPTOP */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.nx {display: none!important;}	
}
/* TABLIT-XL */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tlx {display: none!important;}	
}
/* TABLIT */
@media only screen and (min-width: 761px) and (max-width: 991px) {
	.tx {display: none!important;}	
}
/* MOBILE-XL */
@media only screen and (min-width: 481px) and (max-width: 760px) {
	.mlx {display: none!important;}	
}
/* MOBILE-M */
@media only screen and (min-width: 0) and (max-width: 480px) {
	.mx {display: none!important;}	
}

/************************************* DISPLAY 3STEP **************************************/
/* PC */
@media only screen and (min-width: 1200px) {
	.pcoff {display: none; opacity: 0!important;}	
	.pcentermleft{text-align: center}
	.pleftmcenter{text-align: left}	
	.mtm25{margin-top: -25px}
	.fsp50m30{font-size: 50px}
	.fsp44m30{font-size: 44px; margin-bottom: 50px; line-height: 56px}		
	.fsp44m22{font-size: 44px; margin-bottom: 50px; line-height: 56px}	
	.fsp38m20 {font-size: 38px;line-height: 46px!important; margin-bottom: 10px}			
/**/.fsp34m20 {font-size: 34px; line-height: 50px!important;}		
/**/.fsp34m24 {font-size: 34px; line-height: 48px!important;}		
/**/.fsp30m20 {font-size: 30px; line-height: 44px!important;}				
	.fsp23m14 {font-size: 23px; color: #454545}
   .fsp26m18 {font-size: 26px;  line-height: 38px!important;}	
    .fsp22m18 {font-size: 22px}	
	.fsp22m16{font-size: 22px}
/**/.fsp20m18 {font-size: 20px;  line-height: 35px!important;}		
/**/.fsp19m18 {font-size: 19px;  line-height: 34px!important;}			
/**/.fsp18m14 {font-size: 18px;  line-height: 32px!important;}	
/**/.fsp17m14 {font-size: 17px;  line-height: 32px!important;}	
/**/.fsp16m13 {font-size: 16px;  line-height: 30px!important;}		
/**/.fsp15m13 {font-size: 15px;  line-height: 28px!important;}			
	.p-basic-l {font-size: 18px; line-height: 36px}	
	.p-basic {font-size: 17px; line-height: 34px}
	.p-basic-s {font-size: 16px; line-height: 30px}		
	.border-pomx{border-top: 1px solid #ddd}
	.lhp60m40{line-height: 60px}
	.p-p0m3{padding: 0}
	.v-m-num-l{margin-top: 0!important; margin-right: 5px}
	.v-m-num-m{margin-top:-2px!important;}
	.support-p{padding-left: 150px}
	.support-p2{padding-left: 90px}	
	.support-i{width: 120px}	
	.pcpx5mpc0{padding-left: 3rem; padding-right: 3rem}
	
section.subtop-section { padding:100px 0; }	
section.subtop-section-en { padding:140px 0; }	
	
.fs60-subtop{font-size: 60px; }		
.fs55-subtop{font-size: 55px;}			
.fs50-subtop{font-size: 55px; }		
.fs45-subtop{font-size: 50px; }			
.ex-subtop{font-size: 30px; font-weight: 500; color: rgba(255,255,255,1); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) }		
.exp-subtop{font-size: 17px; font-weight: 300; line-height: 26px; color: rgba(255,255,255,0.9); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) }		
}
/* PAD */
@media only screen and (min-width: 761px) and (max-width: 1199px) {
	.toff {display: none; opacity: 0!important;}	
	.pcentermleft{text-align: center}
	.pleftmcenter{text-align: left}	
	.tab-style-06 .nav-tabs { border-bottom: none;border-top: 1px solid #ddd;}
	.tab-style-06 .nav-tabs > li.nav-item { width: 100%;  border-bottom: 1px solid #ddd; border-top:none; margin-bottom: 0 }
	.tab-style-06 .nav-tabs > li.nav-item > a.nav-link { padding: 10px 0; font-size: 16px }	
	.fsp50m30{font-size: 44px}	
	.fsp44m30{font-size: 40px; letter-spacing:  -1px; line-height: 50px;  margin-bottom: 30px}	
	.fsp44m22{font-size: 40px; letter-spacing:  -1px; line-height: 50px;  margin-bottom: 30px}		
	.fsp38m20 {font-size: 32px;line-height: 40px!important;margin-bottom: 10px}				
	.fsp34m20 {font-size: 30px;line-height: 42px!important;}	
/**/.fsp30m20 {font-size: 28px; line-height: 40px!important;}					
	.fsp34m24 {font-size: 26px;line-height: 38px!important;}		
	.fsp26m18 {font-size: 22px}
    .fsp22m18 {font-size: 20px}		
	.fsp22m16{font-size: 20px}	
	.fsp23m14 {font-size: 20px; color: #454545}
   .fsp20m18 {font-size: 19px;  line-height: 35px!important;}			
   .fsp19m18 {font-size: 18px;  line-height: 34px!important;}				
	.fsp18m14 {font-size: 16px; line-height: 34px!important;}	
	.fsp17m14 {font-size: 16px; line-height: 32px!important;}		
   .fsp16m13 {font-size: 15px;  line-height:30px!important;}	
   .fsp15m13 {font-size: 15px;  line-height: 28px!important;}				
	.p-basic-l {font-size: 17px; line-height: 34px}		
	.p-basic {font-size: 16px; line-height: 32px}		
	.p-basic-s {font-size: 15px; line-height: 28px}			
	.border-pomx{border-top: none}	
	.lhp60m40{line-height: 60px}	
	.p-p0m3{padding: 0}	
	.v-m-num-l{margin-top: 0px;margin-right: 5px}	
	.v-m-num-m{margin-top:0!important;}
	.support-p{padding-left: 0}	
	.support-p2{padding-left: 0}		
	.support-i{width: 100px}	
	.pcpx5mpc0{padding-left: 2.5rem; padding-right: 2.5rem}	
	
section.subtop-section { padding:80px 0; }		
section.subtop-section-en { padding:120px 0; }	
	
.fs60-subtop{font-size: 55px; }		
.fs55-subtop{font-size: 50px;}			
.fs50-subtop{font-size: 50px; }		
.fs45-subtop{font-size: 45px; }				
.ex-subtop{font-size: 28px; font-weight: 500;color: rgba(255,255,255,1); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1)}		
.exp-subtop{font-size: 17px; font-weight: 300; line-height: 26px; color: rgba(255,255,255,0.9) ;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1)}			
}
/* M */
@media only screen and (max-width: 760px) {
	.moff {display: none; opacity: 0!important;}	
	.pcentermleft{text-align: left}
	.pleftmcenter{text-align: center}	
	.header-language .dropdown-menu { right: 15%; padding: 10px; box-shadow: 0 0 35px rgba(0,0,0,0.1); border-radius: 6px; border: 0; margin: 0; margin-top: -5px; min-width: 100px; }
	.header-language .dropdown-menu a { color: #828282; display: block; padding: 2px 0; font-size: 14px; line-height: 30px; text-align: center }
	.header-language .dropdown-menu a:hover { color: #000; }	
	.tab-style-06 .nav-tabs > li.nav-item > a.nav-link { border-bottom: 2px solid transparent; font-size: 16px; padding: 8px 0;}	
	.fsp50m30{font-size: 30px}	
	.fsp44m30{font-size: 30px; left: -1px; line-height: 38px ; margin-bottom: 30px}			
	.fsp44m22{font-size: 22px; left: -0.5px; line-height: 28px ; margin-bottom: 30px}		
	.fsp38m20 {font-size: 20px;line-height: 26px!important;margin-bottom: 5px}				
	.fsp34m20 {font-size: 20px;line-height: 32px!important;}			
/**/.fsp30m20 {font-size: 20px; line-height:32px!important;}						
	.fsp34m24 {font-size: 24px;line-height: 36px!important;}				
	.fsp23m14 {font-size: 14px; color: #454545}
	.fsp26m18 {font-size: 18px}		
    .fsp22m18 {font-size: 18px}		
	.fsp22m16{font-size: 16px}	
    .fsp20m18 {font-size: 18px;  line-height: 30px!important;}			
    .fsp19m18 {font-size: 18px;  line-height: 29px!important;}				
	.fsp18m14 {font-size: 14px; line-height: 26px!important;}
	.fsp17m14 {font-size: 14px; line-height: 25px!important;}
   .fsp16m13 {font-size: 13px;  line-height:23px!important;}	
   .fsp15m13 {font-size: 13px;  line-height: 23px!important;}				
	.p-basic-l {font-size: 15px; line-height: 28px}			
	.p-basic {font-size: 15px; line-height: 28px}		
	.p-basic-s {font-size: 14px; line-height: 25px}				
	.border-pomx{border-top: none}	
	.lhp60m40{line-height: 40px}	
	.p-p0m3{padding-right: 1rem; padding-left: 1rem}	
	.v-m-num-l{margin-top: 0;margin-right: 2px}	
	.v-m-num-m{margin-top:2px!important;}	
	.support-p{padding-left:0; padding-right: 0}
	.support-p2{padding-left: 0}		
	.support-i{width: 55px;margin-top: 5px!important;}	
	.pcpx5mpc0{padding-left: 0; padding-right: 0}		
	
section.subtop-section { padding:5px 0 0 0; margin: 0 }		
section.subtop-section-en { padding:25px 0 20px 0; margin: 0 }	
	
.fs60-subtop{font-size: 23px; }		
.fs55-subtop{font-size: 22px;}			
.fs50-subtop{font-size: 22px; }	
.fs45-subtop{font-size: 18px; }				
.ex-subtop{font-size: 16px;font-weight: 500; color: rgba(255,255,255,0.9); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3) }		
.exp-subtop{font-size: 13px; font-weight: 400; line-height: 22px; color: rgba(255,255,255,0.8); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3)}			
}


/************************************* CUS **************************************/
@media only screen and (min-width : 1920px) {
}
@media only screen and (min-width : 1440px) and (max-width : 1919px) {
}
@media only screen and (min-width : 1200px) and (max-width : 1439px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
}
@media only screen and (max-width: 480px) {
}


/* Source: responsive.css */


@media (min-width: 1901px) {
    .litho-parallax-bg { width: 45%; }
}

@media (max-width: 1600px) {
    /* reset */
    .xl-last-order { order: 10; }

    /* typography */
    .fts-big2 { font-size: 200px; line-height: 200px; }

    /* letter spacing minus */
    .xl-ltm05 { letter-spacing: -0.50px; }
    .xl-ltm10 { letter-spacing: -1px; }
    .xl-ltm20 { letter-spacing: -2px; }
    .xl-ltm30 { letter-spacing: -3px; }
    .xl-ltm40 { letter-spacing: -4px; }
    .xl-ltm50 { letter-spacing: -5px; }

    /* absolute middle center */
    .xl-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* box shadow */
    .xl-box-shadow-none { box-shadow: none; }
	
    .xl-no-border-top { border-top:0 !important }
    .xl-no-border-bottom { border-bottom:0 !important }
    .xl-no-border-right { border-right:0 !important }
    .xl-no-border-left { border-left:0 !important }
    .xl-no-border-all { border: 0 !important }	

    /* margin */
    .xl-margin-one-all { margin:1%; }
    .xl-margin-two-all { margin:2%; }
    .xl-margin-three-all { margin:3%; }
    .xl-margin-four-all { margin:4%; }
    .xl-margin-five-all { margin:5%; }
    .xl-margin-six-all { margin:6%; }
    .xl-margin-seven-all { margin:7%; }
    .xl-margin-eight-all { margin:8%; }
    .xl-margin-nine-all { margin:9%; }
    .xl-margin-ten-all { margin:10%; }
    .xl-margin-eleven-all { margin:11%; }
    .xl-margin-twelve-all { margin:12%; }
    .xl-margin-thirteen-all { margin:13%; }
    .xl-margin-fourteen-all { margin:14%; }
    .xl-margin-fifteen-all { margin:15%; }
    .xl-margin-sixteen-all { margin:16%; }
    .xl-margin-seventeen-all { margin:17%; }
    .xl-margin-eighteen-all { margin:18%; }
    .xl-margin-nineteen-all { margin:19%; }
    .xl-margin-twenty-all { margin:20%; }
    .xl-margin-5px-all { margin:5px; }
    .xl-margin-10px-all { margin:10px; }
    .xl-margin-15px-all { margin:15px; }
    .xl-margin-20px-all { margin:20px; }
    .xl-margin-25px-all { margin:25px; }
    .xl-margin-30px-all { margin:30px; }
    .xl-margin-35px-all { margin:35px; }
    .xl-margin-40px-all { margin:40px; }
    .xl-margin-45px-all { margin:45px; }
    .xl-margin-50px-all { margin:50px; }
    .xl-margin-55px-all { margin:55px; }
    .xl-margin-60px-all { margin:60px; }
    .xl-margin-65px-all { margin:65px; }
    .xl-margin-70px-all { margin:70px; }
    .xl-margin-75px-all { margin:75px; }
    .xl-margin-80px-all { margin:80px; }
    .xl-margin-85px-all { margin:85px; }
    .xl-margin-90px-all { margin:90px; }
    .xl-margin-95px-all { margin:95px; }
    .xl-margin-100px-all { margin:100px; }
    .xl-margin-1-rem-all { margin: 1rem; }
    .xl-margin-1-half-rem-all { margin: 1.5rem; }
    .xl-margin-2-rem-all { margin: 2rem; }
    .xl-margin-2-half-rem-all { margin: 2.5rem; }
    .xl-margin-3-rem-all { margin: 3rem; }
    .xl-margin-3-half-rem-all { margin: 3.5rem; }
    .xl-margin-4-rem-all { margin: 4rem; }
    .xl-margin-4-half-rem-all { margin: 4.5rem; }
    .xl-margin-5-rem-all { margin: 5rem; }
    .xl-margin-5-half-rem-all { margin: 5.5rem; }
    .xl-margin-6-rem-all { margin: 6rem; }
    .xl-margin-6-half-rem-all { margin: 6.5rem; }
    .xl-margin-7-rem-all { margin: 7rem; }
    .xl-margin-7-half-rem-all { margin: 7.5rem; }
    .xl-margin-8-rem-all { margin: 8rem; }
    .xl-margin-8-half-rem-all { margin: 8.5rem; }
    .xl-margin-9-rem-all { margin: 9rem; }
    .xl-margin-9-half-rem-all { margin: 9.5rem; }
    .xl-margin-10-rem-all { margin: 10rem; }
    .xl-margin-10-half-rem-all { margin: 10.5rem; }

    /* margin top */
    .xl-margin-one-top { margin-top:1%; }
    .xl-margin-two-top { margin-top:2%; }
    .xl-margin-three-top { margin-top:3%; }
    .xl-margin-four-top { margin-top:4%; }
    .xl-margin-five-top { margin-top:5%; }
    .xl-margin-six-top { margin-top:6%; }
    .xl-margin-seven-top { margin-top:7%; }
    .xl-margin-eight-top { margin-top:8%; }
    .xl-margin-nine-top { margin-top:9%; }
    .xl-margin-ten-top { margin-top:10%; }
    .xl-margin-eleven-top { margin-top:11%; }
    .xl-margin-twelve-top { margin-top:12%; }
    .xl-margin-thirteen-top { margin-top:13%; }
    .xl-margin-fourteen-top { margin-top:14%; }
    .xl-margin-fifteen-top { margin-top:15%; }
    .xl-margin-sixteen-top { margin-top:16%; }
    .xl-margin-seventeen-top { margin-top:17%; }
    .xl-margin-eighteen-top { margin-top:18%; }
    .xl-margin-nineteen-top { margin-top:19%; }
    .xl-margin-twenty-top { margin-top:20%; }
    .xl-margin-5px-top { margin-top:5px; }
    .xl-margin-10px-top { margin-top:10px; }
    .xl-margin-15px-top { margin-top:15px; }
    .xl-margin-20px-top { margin-top:20px; }
    .xl-margin-25px-top { margin-top:25px; }
    .xl-margin-30px-top { margin-top:30px; }
    .xl-margin-35px-top { margin-top:35px; }
    .xl-margin-40px-top { margin-top:40px; }
    .xl-margin-45px-top { margin-top:45px; }
    .xl-margin-50px-top { margin-top:50px; }
    .xl-margin-55px-top { margin-top:55px; }
    .xl-margin-60px-top { margin-top:60px; }
    .xl-margin-65px-top { margin-top:65px; }
    .xl-margin-70px-top { margin-top:70px; }
    .xl-margin-75px-top { margin-top:75px; }
    .xl-margin-80px-top { margin-top:80px; }
    .xl-margin-85px-top { margin-top:85px; }
    .xl-margin-90px-top { margin-top:90px; }
    .xl-margin-95px-top { margin-top:95px; }
    .xl-margin-100px-top { margin-top:100px; }
    .xl-margin-1-rem-top { margin-top: 1rem; }
    .xl-margin-1-half-rem-top { margin-top: 1.5rem; }
    .xl-margin-2-rem-top { margin-top: 2rem; }
    .xl-margin-2-half-rem-top { margin-top: 2.5rem; }
    .xl-margin-3-rem-top { margin-top: 3rem; }
    .xl-margin-3-half-rem-top { margin-top: 3.5rem; }
    .xl-margin-4-rem-top { margin-top: 4rem; }
    .xl-margin-4-half-rem-top { margin-top: 4.5rem; }
    .xl-margin-5-rem-top { margin-top: 5rem; }
    .xl-margin-5-half-rem-top { margin-top: 5.5rem; }
    .xl-margin-6-rem-top { margin-top: 6rem; }
    .xl-margin-6-half-rem-top { margin-top: 6.5rem; }
    .xl-margin-7-rem-top { margin-top: 7rem; }
    .xl-margin-7-half-rem-top { margin-top: 7.5rem; }
    .xl-margin-8-rem-top { margin-top: 8rem; }
    .xl-margin-8-half-rem-top { margin-top: 8.5rem; }
    .xl-margin-9-rem-top { margin-top: 9rem; }
    .xl-margin-9-half-rem-top { margin-top: 9.5rem; }
    .xl-margin-10-rem-top { margin-top: 10rem; }
    .xl-margin-10-half-rem-top { margin-top: 10.5rem; }

    /* margin bottom */
    .xl-margin-one-bottom { margin-bottom:1%; }
    .xl-margin-two-bottom { margin-bottom:2%; }
    .xl-margin-three-bottom { margin-bottom:3%; }
    .xl-margin-four-bottom { margin-bottom:4%; }
    .xl-margin-five-bottom { margin-bottom:5%; }
    .xl-margin-six-bottom { margin-bottom:6%; }
    .xl-margin-seven-bottom { margin-bottom:7%; }
    .xl-margin-eight-bottom { margin-bottom:8%; }
    .xl-margin-nine-bottom { margin-bottom:9%; }
    .xl-margin-ten-bottom { margin-bottom:10%; }
    .xl-margin-eleven-bottom { margin-bottom:11%; }
    .xl-margin-twelve-bottom { margin-bottom:12%; }
    .xl-margin-thirteen-bottom { margin-bottom:13%; }
    .xl-margin-fourteen-bottom { margin-bottom:14%; }
    .xl-margin-fifteen-bottom { margin-bottom:15%; }
    .xl-margin-sixteen-bottom { margin-bottom:16%; }
    .xl-margin-seventeen-bottom { margin-bottom:17%; }
    .xl-margin-eighteen-bottom { margin-bottom:18%; }
    .xl-margin-nineteen-bottom { margin-bottom:19%; }
    .xl-margin-twenty-bottom { margin-bottom:20%; }
    .xl-margin-5px-bottom { margin-bottom:5px; }
    .xl-margin-10px-bottom { margin-bottom:10px; }
    .xl-margin-15px-bottom { margin-bottom:15px; }
    .xl-margin-20px-bottom { margin-bottom:20px; }
    .xl-margin-25px-bottom { margin-bottom:25px; }
    .xl-margin-30px-bottom { margin-bottom:30px; }
    .xl-margin-35px-bottom { margin-bottom:35px; }
    .xl-margin-40px-bottom { margin-bottom:40px; }
    .xl-margin-45px-bottom { margin-bottom:45px; }
    .xl-margin-50px-bottom { margin-bottom:50px; }
    .xl-margin-55px-bottom { margin-bottom:55px; }
    .xl-margin-60px-bottom { margin-bottom:60px; }
    .xl-margin-65px-bottom { margin-bottom:65px; }
    .xl-margin-70px-bottom { margin-bottom:70px; }
    .xl-margin-75px-bottom { margin-bottom:75px; }
    .xl-margin-80px-bottom { margin-bottom:80px; }
    .xl-margin-85px-bottom { margin-bottom:85px; }
    .xl-margin-90px-bottom { margin-bottom:90px; }
    .xl-margin-95px-bottom { margin-bottom:95px; }
    .xl-margin-100px-bottom { margin-bottom:100px; }
    .xl-margin-1-rem-bottom { margin-bottom: 1rem; }
    .xl-margin-1-half-rem-bottom { margin-bottom: 1.5rem; }
    .xl-margin-2-rem-bottom { margin-bottom: 2rem; }
    .xl-margin-2-half-rem-bottom { margin-bottom: 2.5rem; }
    .xl-margin-3-rem-bottom { margin-bottom: 3rem; }
    .xl-margin-3-half-rem-bottom { margin-bottom: 3.5rem; }
    .xl-margin-4-rem-bottom { margin-bottom: 4rem; }
    .xl-margin-4-half-rem-bottom { margin-bottom: 4.5rem; }
    .xl-margin-5-rem-bottom { margin-bottom: 5rem; }
    .xl-margin-5-half-rem-bottom { margin-bottom: 5.5rem; }
    .xl-margin-6-rem-bottom { margin-bottom: 6rem; }
    .xl-margin-6-half-rem-bottom { margin-bottom: 6.5rem; }
    .xl-margin-7-rem-bottom { margin-bottom: 7rem; }
    .xl-margin-7-half-rem-bottom { margin-bottom: 7.5rem; }
    .xl-margin-8-rem-bottom { margin-bottom: 8rem; }
    .xl-margin-8-half-rem-bottom { margin-bottom: 8.5rem; }
    .xl-margin-9-rem-bottom { margin-bottom: 9rem; }
    .xl-margin-9-half-rem-bottom { margin-bottom: 9.5rem; }
    .xl-margin-10-rem-bottom { margin-bottom: 10rem; }
    .xl-margin-10-half-rem-bottom { margin-bottom: 10.5rem; }

    /* margin right */
    .xl-margin-one-right { margin-right:1%; }
    .xl-margin-two-right { margin-right:2%; }
    .xl-margin-three-right { margin-right:3%; }
    .xl-margin-four-right { margin-right:4%; }
    .xl-margin-five-right { margin-right:5%; }
    .xl-margin-six-right { margin-right:6%; }
    .xl-margin-seven-right { margin-right:7%; }
    .xl-margin-eight-right { margin-right:8%; }
    .xl-margin-nine-right { margin-right:9%; }
    .xl-margin-ten-right { margin-right:10%; }
    .xl-margin-eleven-right { margin-right:11%; }
    .xl-margin-twelve-right { margin-right:12%; }
    .xl-margin-thirteen-right { margin-right:13%; }
    .xl-margin-fourteen-right { margin-right:14%; }
    .xl-margin-fifteen-right { margin-right:15%; }
    .xl-margin-sixteen-right { margin-right:16%; }
    .xl-margin-seventeen-right { margin-right:17%; }
    .xl-margin-eighteen-right { margin-right:18%; }
    .xl-margin-nineteen-right { margin-right:19%; }
    .xl-margin-twenty-right { margin-right:20%; }
    .xl-margin-5px-right { margin-right:5px; }
    .xl-margin-10px-right { margin-right:10px; }
    .xl-margin-15px-right { margin-right:15px; }
    .xl-margin-20px-right { margin-right:20px; }
    .xl-margin-25px-right { margin-right:25px; }
    .xl-margin-30px-right { margin-right:30px; }
    .xl-margin-35px-right { margin-right:35px; }
    .xl-margin-40px-right { margin-right:40px; }
    .xl-margin-45px-right { margin-right:45px; }
    .xl-margin-50px-right { margin-right:50px; }
    .xl-margin-55px-right { margin-right:55px; }
    .xl-margin-60px-right { margin-right:60px; }
    .xl-margin-65px-right { margin-right:65px; }
    .xl-margin-70px-right { margin-right:70px; }
    .xl-margin-75px-right { margin-right:75px; }
    .xl-margin-80px-right { margin-right:80px; }
    .xl-margin-85px-right { margin-right:85px; }
    .xl-margin-90px-right { margin-right:90px; }
    .xl-margin-95px-right { margin-right:95px; }
    .xl-margin-100px-right { margin-right:100px; }
    .xl-margin-1-rem-right { margin-right: 1rem; }
    .xl-margin-1-half-rem-right { margin-right: 1.5rem; }
    .xl-margin-2-rem-right { margin-right: 2rem; }
    .xl-margin-2-half-rem-right { margin-right: 2.5rem; }
    .xl-margin-3-rem-right { margin-right: 3rem; }
    .xl-margin-3-half-rem-right { margin-right: 3.5rem; }
    .xl-margin-4-rem-right { margin-right: 4rem; }
    .xl-margin-4-half-rem-right { margin-right: 4.5rem; }
    .xl-margin-5-rem-right { margin-right: 5rem; }
    .xl-margin-5-half-rem-right { margin-right: 5.5rem; }
    .xl-margin-6-rem-right { margin-right: 6rem; }
    .xl-margin-6-half-rem-right { margin-right: 6.5rem; }
    .xl-margin-7-rem-right { margin-right: 7rem; }
    .xl-margin-7-half-rem-right { margin-right: 7.5rem; }
    .xl-margin-8-rem-right { margin-right: 8rem; }
    .xl-margin-8-half-rem-right { margin-right: 8.5rem; }
    .xl-margin-9-rem-right { margin-right: 9rem; }
    .xl-margin-9-half-rem-right { margin-right: 9.5rem; }
    .xl-margin-10-rem-right { margin-right: 10rem; }
    .xl-margin-10-half-rem-right { margin-right: 10.5rem; }

    /* margin left */
    .xl-margin-one-left { margin-left:1%; }
    .xl-margin-two-left { margin-left:2%; }
    .xl-margin-three-left { margin-left:3%; }
    .xl-margin-four-left { margin-left:4%; }
    .xl-margin-five-left { margin-left:5%; }
    .xl-margin-six-left { margin-left:6%; }
    .xl-margin-seven-left { margin-left:7%; }
    .xl-margin-eight-left { margin-left:8%; }
    .xl-margin-nine-left { margin-left:9%; }
    .xl-margin-ten-left { margin-left:10%; }
    .xl-margin-eleven-left { margin-left:11%; }
    .xl-margin-twelve-left { margin-left:12%; }
    .xl-margin-thirteen-left { margin-left:13%; }
    .xl-margin-fourteen-left { margin-left:14%; }
    .xl-margin-fifteen-left { margin-left:15%; }
    .xl-margin-sixteen-left { margin-left:16%; }
    .xl-margin-seventeen-left { margin-left:17%; }
    .xl-margin-eighteen-left { margin-left:18%; }
    .xl-margin-nineteen-left { margin-left:19%; }
    .xl-margin-twenty-left { margin-left:20%; }
    .xl-margin-5px-left { margin-left:5px; }
    .xl-margin-10px-left { margin-left:10px; }
    .xl-margin-15px-left { margin-left:15px; }
    .xl-margin-20px-left { margin-left:20px; }
    .xl-margin-25px-left { margin-left:25px; }
    .xl-margin-30px-left { margin-left:30px; }
    .xl-margin-35px-left { margin-left:35px; }
    .xl-margin-40px-left { margin-left:40px; }
    .xl-margin-45px-left { margin-left:45px; }
    .xl-margin-50px-left { margin-left:50px; }
    .xl-margin-55px-left { margin-left:55px; }
    .xl-margin-60px-left { margin-left:60px; }
    .xl-margin-65px-left { margin-left:65px; }
    .xl-margin-70px-left { margin-left:70px; }
    .xl-margin-75px-left { margin-left:75px; }
    .xl-margin-80px-left { margin-left:80px; }
    .xl-margin-85px-left { margin-left:85px; }
    .xl-margin-90px-left { margin-left:90px; }
    .xl-margin-95px-left { margin-left:95px; }
    .xl-margin-100px-left { margin-left:100px; }
    .xl-margin-1-rem-left { margin-left: 1rem; }
    .xl-margin-1-half-rem-left { margin-left: 1.5rem; }
    .xl-margin-2-rem-left { margin-left: 2rem; }
    .xl-margin-2-half-rem-left { margin-left: 2.5rem; }
    .xl-margin-3-rem-left { margin-left: 3rem; }
    .xl-margin-3-half-rem-left { margin-left: 3.5rem; }
    .xl-margin-4-rem-left { margin-left: 4rem; }
    .xl-margin-4-half-rem-left { margin-left: 4.5rem; }
    .xl-margin-5-rem-left { margin-left: 5rem; }
    .xl-margin-5-half-rem-left { margin-left: 5.5rem; }
    .xl-margin-6-rem-left { margin-left: 6rem; }
    .xl-margin-6-half-rem-left { margin-left: 6.5rem; }
    .xl-margin-7-rem-left { margin-left: 7rem; }
    .xl-margin-7-half-rem-left { margin-left: 7.5rem; }
    .xl-margin-8-rem-left { margin-left: 8rem; }
    .xl-margin-8-half-rem-left { margin-left: 8.5rem; }
    .xl-margin-9-rem-left { margin-left: 9rem; }
    .xl-margin-9-half-rem-left { margin-left: 9.5rem; }
    .xl-margin-10-rem-left { margin-left: 10rem; }
    .xl-margin-10-half-rem-left { margin-left: 10.5rem; }

    /* margin left right */
    .xl-margin-one-lr { margin-left:1%; margin-right:1%; }
    .xl-margin-two-lr { margin-left:2%; margin-right:2%; }
    .xl-margin-three-lr { margin-left:3%; margin-right:3%; }
    .xl-margin-four-lr { margin-left:4%; margin-right:4%; }
    .xl-margin-five-lr { margin-left:5%; margin-right:5%; }
    .xl-margin-six-lr { margin-left:6%; margin-right:6%; }
    .xl-margin-seven-lr { margin-left:7%; margin-right:7%; }
    .xl-margin-eight-lr { margin-left:8%; margin-right:8%; }
    .xl-margin-nine-lr { margin-left:9%; margin-right:9%; }
    .xl-margin-ten-lr { margin-left:10%; margin-right:10%; }
    .xl-margin-eleven-lr { margin-left:11%; margin-right:11%; }
    .xl-margin-twelve-lr { margin-left:12%; margin-right:12%; }
    .xl-margin-thirteen-lr { margin-left:13%; margin-right:13%; }
    .xl-margin-fourteen-lr { margin-left:14%; margin-right:14%; }
    .xl-margin-fifteen-lr { margin-left:15%; margin-right:15%; }
    .xl-margin-sixteen-lr { margin-left:16%; margin-right:16%; }
    .xl-margin-seventeen-lr { margin-left:17%; margin-right:17%; }
    .xl-margin-eighteen-lr { margin-left:18%; margin-right:18%; }
    .xl-margin-nineteen-lr { margin-left:19%; margin-right:19%; }
    .xl-margin-twenty-lr { margin-left:20%; margin-right:20%; }
    .xl-margin-5px-lr { margin-left:5px; margin-right:5px; }
    .xl-margin-10px-lr { margin-left:10px; margin-right:10px; }
    .xl-margin-15px-lr { margin-left:15px; margin-right:15px; }
    .xl-margin-20px-lr { margin-left:20px; margin-right:20px; }
    .xl-margin-25px-lr { margin-left:25px; margin-right:25px; }
    .xl-margin-30px-lr { margin-left:30px; margin-right:30px; }
    .xl-margin-35px-lr { margin-left:35px; margin-right:35px; }
    .xl-margin-40px-lr { margin-left:40px; margin-right:40px; }
    .xl-margin-45px-lr { margin-left:45px; margin-right:45px; }
    .xl-margin-50px-lr { margin-left:50px; margin-right:50px; }
    .xl-margin-55px-lr { margin-left:55px; margin-right:55px; }
    .xl-margin-60px-lr { margin-left:60px; margin-right:60px; }
    .xl-margin-65px-lr { margin-left:65px; margin-right:65px; }
    .xl-margin-70px-lr { margin-left:70px; margin-right:70px; }
    .xl-margin-75px-lr { margin-left:75px; margin-right:75px; }
    .xl-margin-80px-lr { margin-left:80px; margin-right:80px; }
    .xl-margin-85px-lr { margin-left:85px; margin-right:85px; }
    .xl-margin-90px-lr { margin-left:90px; margin-right:90px; }
    .xl-margin-95px-lr { margin-left:95px; margin-right:95px; }
    .xl-margin-100px-lr { margin-left:100px; margin-right:100px; }
    .xl-margin-1-rem-lr { margin-left: 1rem; margin-right: 1rem; }
    .xl-margin-1-half-rem-lr { margin-left: 1.5rem; margin-right: 1.5rem; }
    .xl-margin-2-rem-lr { margin-left: 2rem; margin-right: 2rem; }
    .xl-margin-2-half-rem-lr { margin-left: 2.5rem; margin-right: 2.5rem; }
    .xl-margin-3-rem-lr { margin-left: 3rem; margin-right: 3rem; }
    .xl-margin-3-half-rem-lr { margin-left: 3.5rem; margin-right: 3.5rem; }
    .xl-margin-4-rem-lr { margin-left: 4rem; margin-right: 4rem; }
    .xl-margin-4-half-rem-lr { margin-left: 4.5rem; margin-right: 4.5rem; }
    .xl-margin-5-rem-lr { margin-left: 5rem; margin-right: 5rem; }
    .xl-margin-5-half-rem-lr { margin-left: 5.5rem; margin-right: 5.5rem; }
    .xl-margin-6-rem-lr { margin-left: 6rem; margin-right: 6rem; }
    .xl-margin-6-half-rem-lr { margin-left: 6.5rem; margin-right: 6.5rem; }
    .xl-margin-7-rem-lr { margin-left: 7rem; margin-right: 7rem; }
    .xl-margin-7-half-rem-lr { margin-left: 7.5rem; margin-right: 7.5rem; }
    .xl-margin-8-rem-lr { margin-left: 8rem; margin-right: 8rem; }
    .xl-margin-8-half-rem-lr { margin-left: 8.5rem; margin-right: 8.5rem; }
    .xl-margin-9-rem-lr { margin-left: 9rem; margin-right: 9rem; }
    .xl-margin-9-half-rem-lr { margin-left: 9.5rem; margin-right: 9.5rem; }
    .xl-margin-10-rem-lr { margin-left: 10rem; margin-right: 10rem; }
    .xl-margin-10-half-rem-lr { margin-left: 10.5rem; margin-right: 10.5rem; }

    /* margin top bottom */
    .xl-margin-one-tb { margin-top:1%; margin-bottom:1%; }
    .xl-margin-two-tb { margin-top:2%; margin-bottom:2%; }
    .xl-margin-three-tb { margin-top:3%; margin-bottom:3%; }
    .xl-margin-four-tb { margin-top:4%; margin-bottom:4%; }
    .xl-margin-five-tb { margin-top:5%; margin-bottom:5%; }
    .xl-margin-six-tb { margin-top:6%; margin-bottom:6%; }
    .xl-margin-seven-tb { margin-top:7%; margin-bottom:7%; }
    .xl-margin-eight-tb { margin-top:8%; margin-bottom:8%; }
    .xl-margin-nine-tb { margin-top:9%; margin-bottom:9%; }
    .xl-margin-ten-tb { margin-top:10%; margin-bottom:10%; }
    .xl-margin-eleven-tb { margin-top:11%; margin-bottom:11%; }
    .xl-margin-twelve-tb { margin-top:12%; margin-bottom:12%; }
    .xl-margin-thirteen-tb { margin-top:13%; margin-bottom:13%; }
    .xl-margin-fourteen-tb { margin-top:14%; margin-bottom:14%; }
    .xl-margin-fifteen-tb { margin-top:15%; margin-bottom:15%; }
    .xl-margin-sixteen-tb { margin-top:16%; margin-bottom:16%; }
    .xl-margin-seventeen-tb { margin-top:17%; margin-bottom:17%; }
    .xl-margin-eighteen-tb { margin-top:18%; margin-bottom:18%; }
    .xl-margin-nineteen-tb { margin-top:19%; margin-bottom:19%; }
    .xl-margin-twenty-tb { margin-top:20%; margin-bottom:20%; }
    .xl-margin-5px-tb { margin-top:5px; margin-bottom:5px; }
    .xl-margin-10px-tb { margin-top:10px; margin-bottom:10px; }
    .xl-margin-15px-tb { margin-top:15px; margin-bottom:15px; }
    .xl-margin-20px-tb { margin-top:20px; margin-bottom:20px; }
    .xl-margin-25px-tb { margin-top:25px; margin-bottom:25px; }
    .xl-margin-30px-tb { margin-top:30px; margin-bottom:30px; }
    .xl-margin-35px-tb { margin-top:35px; margin-bottom:35px; }
    .xl-margin-40px-tb { margin-top:40px; margin-bottom:40px; }
    .xl-margin-45px-tb { margin-top:45px; margin-bottom:45px; }
    .xl-margin-50px-tb { margin-top:50px; margin-bottom:50px; }
    .xl-margin-55px-tb { margin-top:55px; margin-bottom:55px; }
    .xl-margin-60px-tb { margin-top:60px; margin-bottom:60px; }
    .xl-margin-65px-tb { margin-top:65px; margin-bottom:65px; }
    .xl-margin-70px-tb { margin-top:70px; margin-bottom:70px; }
    .xl-margin-75px-tb { margin-top:75px; margin-bottom:75px; }
    .xl-margin-80px-tb { margin-top:80px; margin-bottom:80px; }
    .xl-margin-85px-tb { margin-top:85px; margin-bottom:85px; }
    .xl-margin-90px-tb { margin-top:90px; margin-bottom:90px; }
    .xl-margin-95px-tb { margin-top:95px; margin-bottom:95px; }
    .xl-margin-100px-tb { margin-top:100px; margin-bottom:100px; }
    .xl-margin-1-rem-tb { margin-top: 1rem; margin-bottom: 1rem; }
    .xl-margin-1-half-rem-tb { margin-top: 1.5rem; margin-bottom: 1.5rem; }
    .xl-margin-2-rem-tb { margin-top: 2rem; margin-bottom: 2rem; }
    .xl-margin-2-half-rem-tb { margin-top: 2.5rem; margin-bottom: 2.5rem; }
    .xl-margin-3-rem-tb { margin-top: 3rem; margin-bottom: 3rem; }
    .xl-margin-3-half-rem-tb { margin-top: 3.5rem; margin-bottom: 3.5rem; }
    .xl-margin-4-rem-tb { margin-top: 4rem; margin-bottom: 4rem; }
    .xl-margin-4-half-rem-tb { margin-top: 4.5rem; margin-bottom: 4.5rem; }
    .xl-margin-5-rem-tb { margin-top: 5rem; margin-bottom: 5rem; }
    .xl-margin-5-half-rem-tb { margin-top: 5.5rem; margin-bottom: 5.5rem; }
    .xl-margin-6-rem-tb { margin-top: 6rem; margin-bottom: 6rem; }
    .xl-margin-6-half-rem-tb { margin-top: 6.5rem; margin-bottom: 6.5rem; }
    .xl-margin-7-rem-tb { margin-top: 7rem; margin-bottom: 7rem; }
    .xl-margin-7-half-rem-tb { margin-top: 7.5rem; margin-bottom: 7.5rem; }
    .xl-margin-8-rem-tb { margin-top: 8rem; margin-bottom: 8rem; }
    .xl-margin-8-half-rem-tb { margin-top: 8.5rem; margin-bottom: 8.5rem; }
    .xl-margin-9-rem-tb { margin-top: 9rem; margin-bottom: 9rem; }
    .xl-margin-9-half-rem-tb { margin-top: 9.5rem; margin-bottom: 9.5rem; }
    .xl-margin-10-rem-tb { margin-top: 10rem; margin-bottom: 10rem; }
    .xl-margin-10-half-rem-tb { margin-top: 10.5rem; margin-bottom: 10.5rem; }  

    .xl-margin-auto-lr { margin-left: auto !important; margin-right: auto !important; }
    .xl-margin-auto { margin: auto; }
    .xl-no-margin { margin: 0 !important; }
    .xl-no-margin-top { margin-top: 0 !important; }
    .xl-no-margin-bottom { margin-bottom: 0 !important; }
    .xl-no-margin-left { margin-left: 0 !important; }
    .xl-no-margin-right { margin-right: 0 !important; }
    .xl-no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
    .xl-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }

    /* padding */
    .xl-padding-one-all { padding:1%; }
    .xl-padding-two-all { padding:2%; }
    .xl-padding-three-all { padding:3%; }
    .xl-padding-four-all { padding:4%; }
    .xl-padding-five-all { padding:5%; }
    .xl-padding-six-all { padding:6%; }
    .xl-padding-seven-all { padding:7%; }
    .xl-padding-eight-all { padding:8%; }
    .xl-padding-nine-all { padding:9%; }
    .xl-padding-ten-all { padding:10%; }
    .xl-padding-eleven-all { padding:11%; }
    .xl-padding-twelve-all { padding:12%; }
    .xl-padding-thirteen-all { padding:13%; }
    .xl-padding-fourteen-all { padding:14%; }
    .xl-padding-fifteen-all { padding:15%; }
    .xl-padding-sixteen-all { padding:16%; }
    .xl-padding-seventeen-all { padding:17%; }
    .xl-padding-eighteen-all { padding:18%; }
    .xl-padding-nineteen-all { padding:19%; }
    .xl-padding-twenty-all { padding:20%; }
    .xl-padding-5px-all { padding:5px; }
    .xl-padding-10px-all { padding:10px; }
    .xl-padding-15px-all { padding:15px; }
    .xl-padding-20px-all { padding:20px; }
    .xl-padding-25px-all { padding:25px; }
    .xl-padding-30px-all { padding:30px; }
    .xl-padding-35px-all { padding:35px; }
    .xl-padding-40px-all { padding:40px; }
    .xl-padding-45px-all { padding:45px; }
    .xl-padding-50px-all { padding:50px; }
    .xl-padding-55px-all { padding:55px; }
    .xl-padding-60px-all { padding:60px; }
    .xl-padding-65px-all { padding:65px; }
    .xl-padding-70px-all { padding:70px; }
    .xl-padding-75px-all { padding:75px; }
    .xl-padding-80px-all { padding:80px; }
    .xl-padding-85px-all { padding:85px; }
    .xl-padding-90px-all { padding:90px; }
    .xl-padding-95px-all { padding:95px; }
    .xl-padding-100px-all { padding:100px; }
    .xl-padding-1-rem-all { padding: 1rem; }
    .xl-padding-1-half-rem-all { padding: 1.5rem; }
    .xl-padding-2-rem-all { padding: 2rem; }
    .xl-padding-2-half-rem-all { padding: 2.5rem; }
    .xl-padding-3-rem-all { padding: 3rem; }
    .xl-padding-3-half-rem-all { padding: 3.5rem; }
    .xl-padding-4-rem-all { padding: 4rem; }
    .xl-padding-4-half-rem-all { padding: 4.5rem; }
    .xl-padding-5-rem-all { padding: 5rem; }
    .xl-padding-5-half-rem-all { padding: 5.5rem; }
    .xl-padding-6-rem-all { padding: 6rem; }
    .xl-padding-6-half-rem-all { padding: 6.5rem; }
    .xl-padding-7-rem-all { padding: 7rem; }
    .xl-padding-7-half-rem-all { padding: 7.5rem; }
    .xl-padding-8-rem-all { padding: 8rem; }
    .xl-padding-8-half-rem-all { padding: 8.5rem; }
    .xl-padding-9-rem-all { padding: 9rem; }
    .xl-padding-9-half-rem-all { padding: 9.5rem; }
    .xl-padding-10-rem-all { padding: 10rem; }
    .xl-padding-10-half-rem-all { padding: 10.5rem; }

    /* padding top */
    .xl-padding-one-top { padding-top:1%; }
    .xl-padding-two-top { padding-top:2%; }
    .xl-padding-three-top { padding-top:3%; }
    .xl-padding-four-top { padding-top:4%; }
    .xl-padding-five-top { padding-top:5%; }
    .xl-padding-six-top { padding-top:6%; }
    .xl-padding-seven-top { padding-top:7%; }
    .xl-padding-eight-top { padding-top:8%; }
    .xl-padding-nine-top { padding-top:9%; }
    .xl-padding-ten-top { padding-top:10%; }
    .xl-padding-eleven-top { padding-top:11%; }
    .xl-padding-twelve-top { padding-top:12%; }
    .xl-padding-thirteen-top { padding-top:13%; }
    .xl-padding-fourteen-top { padding-top:14%; }
    .xl-padding-fifteen-top { padding-top:15%; }
    .xl-padding-sixteen-top { padding-top:16%; }
    .xl-padding-seventeen-top { padding-top:17%; }
    .xl-padding-eighteen-top { padding-top:18%; }
    .xl-padding-nineteen-top { padding-top:19%; }
    .xl-padding-twenty-top { padding-top:20%; }
    .xl-padding-5px-top { padding-top:5px; }
    .xl-padding-10px-top { padding-top:10px; }
    .xl-padding-15px-top { padding-top:15px; }
    .xl-padding-20px-top { padding-top:20px; }
    .xl-padding-25px-top { padding-top:25px; }
    .xl-padding-30px-top { padding-top:30px; }
    .xl-padding-35px-top { padding-top:35px; }
    .xl-padding-40px-top { padding-top:40px; }
    .xl-padding-45px-top { padding-top:45px; }
    .xl-padding-50px-top { padding-top:50px; }
    .xl-padding-55px-top { padding-top:55px; }
    .xl-padding-60px-top { padding-top:60px; }
    .xl-padding-65px-top { padding-top:65px; }
    .xl-padding-70px-top { padding-top:70px; }
    .xl-padding-75px-top { padding-top:75px; }
    .xl-padding-80px-top { padding-top:80px; }
    .xl-padding-85px-top { padding-top:85px; }
    .xl-padding-90px-top { padding-top:90px; }
    .xl-padding-95px-top { padding-top:95px; }
    .xl-padding-100px-top { padding-top:100px; }
    .xl-padding-1-rem-top { padding-top: 1rem; }
    .xl-padding-1-half-rem-top { padding-top: 1.5rem; }
    .xl-padding-2-rem-top { padding-top: 2rem; }
    .xl-padding-2-half-rem-top { padding-top: 2.5rem; }
    .xl-padding-3-rem-top { padding-top: 3rem; }
    .xl-padding-3-half-rem-top { padding-top: 3.5rem; }
    .xl-padding-4-rem-top { padding-top: 4rem; }
    .xl-padding-4-half-rem-top { padding-top: 4.5rem; }
    .xl-padding-5-rem-top { padding-top: 5rem; }
    .xl-padding-5-half-rem-top { padding-top: 5.5rem; }
    .xl-padding-6-rem-top { padding-top: 6rem; }
    .xl-padding-6-half-rem-top { padding-top: 6.5rem; }
    .xl-padding-7-rem-top { padding-top: 7rem; }
    .xl-padding-7-half-rem-top { padding-top: 7.5rem; }
    .xl-padding-8-rem-top { padding-top: 8rem; }
    .xl-padding-8-half-rem-top { padding-top: 8.5rem; }
    .xl-padding-9-rem-top { padding-top: 9rem; }
    .xl-padding-9-half-rem-top { padding-top: 9.5rem; }
    .xl-padding-10-rem-top { padding-top: 10rem; }
    .xl-padding-10-half-rem-top { padding-top: 10.5rem; }

    /* padding bottom */
    .xl-padding-one-bottom { padding-bottom:1%; }
    .xl-padding-two-bottom { padding-bottom:2%; }
    .xl-padding-three-bottom { padding-bottom:3%; }
    .xl-padding-four-bottom { padding-bottom:4%; }
    .xl-padding-five-bottom { padding-bottom:5%; }
    .xl-padding-six-bottom { padding-bottom:6%; }
    .xl-padding-seven-bottom { padding-bottom:7%; }
    .xl-padding-eight-bottom { padding-bottom:8%; }
    .xl-padding-nine-bottom { padding-bottom:9%; }
    .xl-padding-ten-bottom { padding-bottom:10%; }
    .xl-padding-eleven-bottom { padding-bottom:11%; }
    .xl-padding-twelve-bottom { padding-bottom:12%; }
    .xl-padding-thirteen-bottom { padding-bottom:13%; }
    .xl-padding-fourteen-bottom { padding-bottom:14%; }
    .xl-padding-fifteen-bottom { padding-bottom:15%; }
    .xl-padding-sixteen-bottom { padding-bottom:16%; }
    .xl-padding-seventeen-bottom { padding-bottom:17%; }
    .xl-padding-eighteen-bottom { padding-bottom:18%; }
    .xl-padding-nineteen-bottom { padding-bottom:19%; }
    .xl-padding-twenty-bottom { padding-bottom:20%; }
    .xl-padding-5px-bottom { padding-bottom:5px; }
    .xl-padding-10px-bottom { padding-bottom:10px; }
    .xl-padding-15px-bottom { padding-bottom:15px; }
    .xl-padding-20px-bottom { padding-bottom:20px; }
    .xl-padding-25px-bottom { padding-bottom:25px; }
    .xl-padding-30px-bottom { padding-bottom:30px; }
    .xl-padding-35px-bottom { padding-bottom:35px; }
    .xl-padding-40px-bottom { padding-bottom:40px; }
    .xl-padding-45px-bottom { padding-bottom:45px; }
    .xl-padding-50px-bottom { padding-bottom:50px; }
    .xl-padding-55px-bottom { padding-bottom:55px; }
    .xl-padding-60px-bottom { padding-bottom:60px; }
    .xl-padding-65px-bottom { padding-bottom:65px; }
    .xl-padding-70px-bottom { padding-bottom:70px; }
    .xl-padding-75px-bottom { padding-bottom:75px; }
    .xl-padding-80px-bottom { padding-bottom:80px; }
    .xl-padding-85px-bottom { padding-bottom:85px; }
    .xl-padding-90px-bottom { padding-bottom:90px; }
    .xl-padding-95px-bottom { padding-bottom:95px; }
    .xl-padding-100px-bottom { padding-bottom:100px; }
    .xl-padding-1-rem-bottom { padding-bottom: 1rem; }
    .xl-padding-1-half-rem-bottom { padding-bottom: 1.5rem; }
    .xl-padding-2-rem-bottom { padding-bottom: 2rem; }
    .xl-padding-2-half-rem-bottom { padding-bottom: 2.5rem; }
    .xl-padding-3-rem-bottom { padding-bottom: 3rem; }
    .xl-padding-3-half-rem-bottom { padding-bottom: 3.5rem; }
    .xl-padding-4-rem-bottom { padding-bottom: 4rem; }
    .xl-padding-4-half-rem-bottom { padding-bottom: 4.5rem; }
    .xl-padding-5-rem-bottom { padding-bottom: 5rem; }
    .xl-padding-5-half-rem-bottom { padding-bottom: 5.5rem; }
    .xl-padding-6-rem-bottom { padding-bottom: 6rem; }
    .xl-padding-6-half-rem-bottom { padding-bottom: 6.5rem; }
    .xl-padding-7-rem-bottom { padding-bottom: 7rem; }
    .xl-padding-7-half-rem-bottom { padding-bottom: 7.5rem; }
    .xl-padding-8-rem-bottom { padding-bottom: 8rem; }
    .xl-padding-8-half-rem-bottom { padding-bottom: 8.5rem; }
    .xl-padding-9-rem-bottom { padding-bottom: 9rem; }
    .xl-padding-9-half-rem-bottom { padding-bottom: 9.5rem; }
    .xl-padding-10-rem-bottom { padding-bottom: 10rem; }
    .xl-padding-10-half-rem-bottom { padding-bottom: 10.5rem; }

    /* padding right */
    .xl-padding-one-right { padding-right:1%; }
    .xl-padding-two-right { padding-right:2%; }
    .xl-padding-three-right { padding-right:3%; }
    .xl-padding-four-right { padding-right:4% }
    .xl-padding-five-right { padding-right:5%; }
    .xl-padding-six-right { padding-right:6%; }
    .xl-padding-seven-right { padding-right:7%; }
    .xl-padding-eight-right { padding-right:8%; }
    .xl-padding-nine-right { padding-right:9%; }
    .xl-padding-ten-right { padding-right:10%; }
    .xl-padding-eleven-right { padding-right:11%; }
    .xl-padding-twelve-right { padding-right:12%; }
    .xl-padding-thirteen-right { padding-right:13%; }
    .xl-padding-fourteen-right { padding-right:14%; }
    .xl-padding-fifteen-right { padding-right:15%; }
    .xl-padding-sixteen-right { padding-right:16%; }
    .xl-padding-seventeen-right { padding-right:17%; }
    .xl-padding-eighteen-right { padding-right:18%; }
    .xl-padding-nineteen-right { padding-right:19%; }
    .xl-padding-twenty-right { padding-right:20%; }
    .xl-padding-5px-right { padding-right:5px; }
    .xl-padding-10px-right { padding-right:10px; }
    .xl-padding-15px-right { padding-right:15px; }
    .xl-padding-20px-right { padding-right:20px; }
    .xl-padding-25px-right { padding-right:25px; }
    .xl-padding-30px-right { padding-right:30px; }
    .xl-padding-35px-right { padding-right:35px; }
    .xl-padding-40px-right { padding-right:40px; }
    .xl-padding-45px-right { padding-right:45px; }
    .xl-padding-50px-right { padding-right:50px; }
    .xl-padding-55px-right { padding-right:55px; }
    .xl-padding-60px-right { padding-right:60px; }
    .xl-padding-65px-right { padding-right:65px; }
    .xl-padding-70px-right { padding-right:70px; }
    .xl-padding-75px-right { padding-right:75px; }
    .xl-padding-80px-right { padding-right:80px; }
    .xl-padding-85px-right { padding-right:85px; }
    .xl-padding-90px-right { padding-right:90px; }
    .xl-padding-95px-right { padding-right:95px; }
    .xl-padding-100px-right { padding-right:100px; }
    .xl-padding-1-rem-right { padding-right: 1rem; }
    .xl-padding-1-half-rem-right { padding-right: 1.5rem; }
    .xl-padding-2-rem-right { padding-right: 2rem; }
    .xl-padding-2-half-rem-right { padding-right: 2.5rem; }
    .xl-padding-3-rem-right { padding-right: 3rem; }
    .xl-padding-3-half-rem-right { padding-right: 3.5rem; }
    .xl-padding-4-rem-right { padding-right: 4rem; }
    .xl-padding-4-half-rem-right { padding-right: 4.5rem; }
    .xl-padding-5-rem-right { padding-right: 5rem; }
    .xl-padding-5-half-rem-right { padding-right: 5.5rem; }
    .xl-padding-6-rem-right { padding-right: 6rem; }
    .xl-padding-6-half-rem-right { padding-right: 6.5rem; }
    .xl-padding-7-rem-right { padding-right: 7rem; }
    .xl-padding-7-half-rem-right { padding-right: 7.5rem; }
    .xl-padding-8-rem-right { padding-right: 8rem; }
    .xl-padding-8-half-rem-right { padding-right: 8.5rem; }
    .xl-padding-9-rem-right { padding-right: 9rem; }
    .xl-padding-9-half-rem-right { padding-right: 9.5rem; }
    .xl-padding-10-rem-right { padding-right: 10rem; }
    .xl-padding-10-half-rem-right { padding-right: 10.5rem; }

    /* padding left */
    .xl-padding-one-left { padding-left:1%; }
    .xl-padding-two-left { padding-left:2%; }
    .xl-padding-three-left { padding-left:3%; }
    .xl-padding-four-left { padding-left:4%; }
    .xl-padding-five-left { padding-left:5%; }
    .xl-padding-six-left { padding-left:6%; }
    .xl-padding-seven-left { padding-left:7%; }
    .xl-padding-eight-left { padding-left:8%; }
    .xl-padding-nine-left { padding-left:9%; }
    .xl-padding-ten-left { padding-left:10%; }
    .xl-padding-eleven-left { padding-left:11%; }
    .xl-padding-twelve-left { padding-left:12%; }
    .xl-padding-thirteen-left { padding-left:13%; }
    .xl-padding-fourteen-left { padding-left:14%; }
    .xl-padding-fifteen-left { padding-left:15%; }
    .xl-padding-sixteen-left { padding-left:16%; }
    .xl-padding-seventeen-left { padding-left:17%; }
    .xl-padding-eighteen-left { padding-left:18%; }
    .xl-padding-nineteen-left { padding-left:19%; }
    .xl-padding-twenty-left { padding-left:20%; }
    .xl-padding-5px-left { padding-left:5px; }
    .xl-padding-10px-left { padding-left:10px; }
    .xl-padding-15px-left { padding-left:15px; }
    .xl-padding-20px-left { padding-left:20px; }
    .xl-padding-25px-left { padding-left:25px; }
    .xl-padding-30px-left { padding-left:30px; }
    .xl-padding-35px-left { padding-left:35px; }
    .xl-padding-40px-left { padding-left:40px; }
    .xl-padding-45px-left { padding-left:45px; }
    .xl-padding-50px-left { padding-left:50px; }
    .xl-padding-55px-left { padding-left:55px; }
    .xl-padding-60px-left { padding-left:60px; }
    .xl-padding-65px-left { padding-left:65px; }
    .xl-padding-70px-left { padding-left:70px; }
    .xl-padding-75px-left { padding-left:75px; }
    .xl-padding-80px-left { padding-left:80px; }
    .xl-padding-85px-left { padding-left:85px; }
    .xl-padding-90px-left { padding-left:90px; }
    .xl-padding-95px-left { padding-left:95px; }
    .xl-padding-100px-left { padding-left:100px; }
    .xl-padding-1-rem-left { padding-left: 1rem; }
    .xl-padding-1-half-rem-left { padding-left: 1.5rem; }
    .xl-padding-2-rem-left { padding-left: 2rem; }
    .xl-padding-2-half-rem-left { padding-left: 2.5rem; }
    .xl-padding-3-rem-left { padding-left: 3rem; }
    .xl-padding-3-half-rem-left { padding-left: 3.5rem; }
    .xl-padding-4-rem-left { padding-left: 4rem; }
    .xl-padding-4-half-rem-left { padding-left: 4.5rem; }
    .xl-padding-5-rem-left { padding-left: 5rem; }
    .xl-padding-5-half-rem-left { padding-left: 5.5rem; }
    .xl-padding-6-rem-left { padding-left: 6rem; }
    .xl-padding-6-half-rem-left { padding-left: 6.5rem; }
    .xl-padding-7-rem-left { padding-left: 7rem; }
    .xl-padding-7-half-rem-left { padding-left: 7.5rem; }
    .xl-padding-8-rem-left { padding-left: 8rem; }
    .xl-padding-8-half-rem-left { padding-left: 8.5rem; }
    .xl-padding-9-rem-left { padding-left: 9rem; }
    .xl-padding-9-half-rem-left { padding-left: 9.5rem; }
    .xl-padding-10-rem-left { padding-left: 10rem; }
    .xl-padding-10-half-rem-left { padding-left: 10.5rem; }

    /* padding top bottom */
    .xl-padding-one-tb { padding-top:1%; padding-bottom:1%; }
    .xl-padding-two-tb { padding-top:2%; padding-bottom:2%; }
    .xl-padding-three-tb { padding-top:3%; padding-bottom:3%; }
    .xl-padding-four-tb { padding-top:4%; padding-bottom:4%; }
    .xl-padding-five-tb { padding-top:5%; padding-bottom:5%; }
    .xl-padding-six-tb { padding-top:6%; padding-bottom:6%; }
    .xl-padding-seven-tb { padding-top:7%; padding-bottom:7%; }
    .xl-padding-eight-tb { padding-top:8%; padding-bottom:8%; }
    .xl-padding-nine-tb { padding-top:9%; padding-bottom:9%; }
    .xl-padding-ten-tb { padding-top:10%; padding-bottom:10%; }
    .xl-padding-eleven-tb { padding-top:11%; padding-bottom:11%; }
    .xl-padding-twelve-tb { padding-top:12%; padding-bottom:12%; }
    .xl-padding-thirteen-tb { padding-top:13%; padding-bottom:13%; }
    .xl-padding-fourteen-tb { padding-top:14%; padding-bottom:14%; }
    .xl-padding-fifteen-tb { padding-top:15%; padding-bottom:15%; }
    .xl-padding-sixteen-tb { padding-top:16%; padding-bottom:16%; }
    .xl-padding-seventeen-tb { padding-top:17%; padding-bottom:17%; }
    .xl-padding-eighteen-tb { padding-top:18%; padding-bottom:18%; }
    .xl-padding-nineteen-tb { padding-top:19%; padding-bottom:19%; }
    .xl-padding-twenty-tb { padding-top:20%; padding-bottom:20%; }
    .xl-padding-5px-tb { padding-top:5px; padding-bottom:5px; }
    .xl-padding-10px-tb { padding-top:10px; padding-bottom:10px; }
    .xl-padding-15px-tb { padding-top:15px; padding-bottom:15px; }
    .xl-padding-20px-tb { padding-top:20px; padding-bottom:20px; }
    .xl-padding-25px-tb { padding-top:25px; padding-bottom:25px; }
    .xl-padding-30px-tb { padding-top:30px; padding-bottom:30px; }
    .xl-padding-35px-tb { padding-top:35px; padding-bottom:35px; }
    .xl-padding-40px-tb { padding-top:40px; padding-bottom:40px; }
    .xl-padding-45px-tb { padding-top:45px; padding-bottom:45px; }
    .xl-padding-50px-tb { padding-top:50px; padding-bottom:50px; }
    .xl-padding-55px-tb { padding-top:55px; padding-bottom:55px; }
    .xl-padding-60px-tb { padding-top:60px; padding-bottom:60px; }
    .xl-padding-65px-tb { padding-top:65px; padding-bottom:65px; }
    .xl-padding-70px-tb { padding-top:70px; padding-bottom:70px; }
    .xl-padding-75px-tb { padding-top:75px; padding-bottom:75px; }
    .xl-padding-80px-tb { padding-top:80px; padding-bottom:80px; }
    .xl-padding-85px-tb { padding-top:85px; padding-bottom:85px; }
    .xl-padding-90px-tb { padding-top:90px; padding-bottom:90px; }
    .xl-padding-95px-tb { padding-top:95px; padding-bottom:95px; }
    .xl-padding-100px-tb { padding-top:100px; padding-bottom:100px; }
    .xl-padding-1-rem-tb { padding-top: 1rem; padding-bottom: 1rem; }
    .xl-padding-1-half-rem-tb { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .xl-padding-2-rem-tb { padding-top: 2rem; padding-bottom: 2rem; }
    .xl-padding-2-half-rem-tb { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .xl-padding-3-rem-tb { padding-top: 3rem; padding-bottom: 3rem; }
    .xl-padding-3-half-rem-tb { padding-top: 3.5rem; padding-bottom: 3.5rem; }
    .xl-padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
    .xl-padding-4-half-rem-tb { padding-top: 4.5rem; padding-bottom: 4.5rem; }
    .xl-padding-5-rem-tb { padding-top: 5rem; padding-bottom: 5rem; }
    .xl-padding-5-half-rem-tb { padding-top: 5.5rem; padding-bottom: 5.5rem; }
    .xl-padding-6-rem-tb { padding-top: 6rem; padding-bottom: 6rem; }
    .xl-padding-6-half-rem-tb { padding-top: 6.5rem; padding-bottom: 6.5rem; }
    .xl-padding-7-rem-tb { padding-top: 7rem; padding-bottom: 7rem; }
    .xl-padding-7-half-rem-tb { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .xl-padding-8-rem-tb { padding-top: 8rem; padding-bottom: 8rem; }
    .xl-padding-8-half-rem-tb { padding-top: 8.5rem; padding-bottom: 8.5rem; }
    .xl-padding-9-rem-tb { padding-top: 9rem; padding-bottom: 9rem; }
    .xl-padding-9-half-rem-tb { padding-top: 9.5rem; padding-bottom: 9.5rem; }
    .xl-padding-10-rem-tb { padding-top: 10rem; padding-bottom: 10rem; }
    .xl-padding-10-half-rem-tb { padding-top: 10.5rem; padding-bottom: 10.5rem; }

    /* padding left right */
    .xl-padding-one-lr { padding-left:1%; padding-right:1%; }
    .xl-padding-two-lr { padding-left:2%; padding-right:2%; }
    .xl-padding-three-lr { padding-left:3%; padding-right:3%; }
    .xl-padding-four-lr { padding-left:4%; padding-right:4%; }
    .xl-padding-five-lr { padding-left:5%; padding-right:5%; }
    .xl-padding-six-lr { padding-left:6%; padding-right:6%; }
    .xl-padding-seven-lr { padding-left:7%; padding-right:7%; }
    .xl-padding-eight-lr { padding-left:8%; padding-right:8%; }
    .xl-padding-nine-lr { padding-left:9%; padding-right:9%; }
    .xl-padding-ten-lr { padding-left:10%; padding-right:10%; }
    .xl-padding-eleven-lr { padding-left:11%; padding-right:11%; }
    .xl-padding-twelve-lr { padding-left:12%; padding-right:12%; }
    .xl-padding-thirteen-lr { padding-left:13%; padding-right:13%; }
    .xl-padding-fourteen-lr { padding-left:14%; padding-right:14%; }
    .xl-padding-fifteen-lr { padding-left:15%; padding-right:15%; }
    .xl-padding-sixteen-lr { padding-left:16%; padding-right:16%; }
    .xl-padding-seventeen-lr { padding-left:17%; padding-right:17%; }
    .xl-padding-eighteen-lr { padding-left:18%; padding-right:18%; }
    .xl-padding-nineteen-lr { padding-left:19%; padding-right:19%; }
    .xl-padding-twenty-lr { padding-left:20%; padding-right:20%; }
    .xl-padding-5px-lr { padding-left:5px; padding-right:5px; }
    .xl-padding-10px-lr { padding-left:10px; padding-right:10px; }
    .xl-padding-15px-lr { padding-left:15px; padding-right:15px; }
    .xl-padding-20px-lr { padding-left:20px; padding-right:20px; }
    .xl-padding-25px-lr { padding-left:25px; padding-right:25px; }
    .xl-padding-30px-lr { padding-left:30px; padding-right:30px; }
    .xl-padding-35px-lr { padding-left:35px; padding-right:35px; }
    .xl-padding-40px-lr { padding-left:40px; padding-right:40px; }
    .xl-padding-45px-lr { padding-left:45px; padding-right:45px; }
    .xl-padding-50px-lr { padding-left:50px; padding-right:50px; }
    .xl-padding-55px-lr { padding-left:55px; padding-right:55px; }
    .xl-padding-60px-lr { padding-left:60px; padding-right:60px; }
    .xl-padding-65px-lr { padding-left:65px; padding-right:65px; }
    .xl-padding-70px-lr { padding-left:70px; padding-right:70px; }
    .xl-padding-75px-lr { padding-left:75px; padding-right:75px; }
    .xl-padding-80px-lr { padding-left:80px; padding-right:80px; }
    .xl-padding-85px-lr { padding-left:85px; padding-right:85px; }
    .xl-padding-90px-lr { padding-left:90px; padding-right:90px; }
    .xl-padding-95px-lr { padding-left:95px; padding-right:95px; }
    .xl-padding-100px-lr { padding-left:100px; padding-right:100px; }
    .xl-padding-1-rem-lr { padding-left: 1rem; padding-right: 1rem; }
    .xl-padding-1-half-rem-lr { padding-left: 1.5rem; padding-right: 1.5rem; }
    .xl-padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
    .xl-padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
    .xl-padding-3-rem-lr { padding-left: 3rem; padding-right: 3rem; }
    .xl-padding-3-half-rem-lr { padding-left: 3.5rem; padding-right: 3.5rem; }
    .xl-padding-4-rem-lr { padding-left: 4rem; padding-right: 4rem; }
    .xl-padding-4-half-rem-lr { padding-left: 4.5rem; padding-right: 4.5rem; }
    .xl-padding-5-rem-lr { padding-left: 5rem; padding-right: 5rem; }
    .xl-padding-5-half-rem-lr { padding-left: 5.5rem; padding-right: 5.5rem; }
    .xl-padding-6-rem-lr { padding-left: 6rem; padding-right: 6rem; }
    .xl-padding-6-half-rem-lr { padding-left: 6.5rem; padding-right: 6.5rem; }
    .xl-padding-7-rem-lr { padding-left: 7rem; padding-right: 7rem; }
    .xl-padding-7-half-rem-lr { padding-left: 7.5rem; padding-right: 7.5rem; }
    .xl-padding-8-rem-lr { padding-left: 8rem; padding-right: 8rem; }
    .xl-padding-8-half-rem-lr { padding-left: 8.5rem; padding-right: 8.5rem; }
    .xl-padding-9-rem-lr { padding-left: 9rem; padding-right: 9rem; }
    .xl-padding-9-half-rem-lr { padding-left: 9.5rem; padding-right: 9.5rem; }
    .xl-padding-10-rem-lr { padding-left: 10rem; padding-right: 10rem; }
    .xl-padding-10-half-rem-lr { padding-left: 10.5rem; padding-right: 10.5rem; }    

    .xl-no-padding { padding:0 !important; }
    .xl-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .xl-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
    .xl-no-padding-top { padding-top:0 !important; }
    .xl-no-padding-bottom { padding-bottom:0 !important; }
    .xl-no-padding-left { padding-left:0 !important; }
    .xl-no-padding-right { padding-right:0 !important; }

    /* display and overflow */
    .xl-d-initial { display: initial !important; }
    .xl-overflow-hidden { overflow:hidden !important; }
    .xl-overflow-visible { overflow:visible !important; }
    .xl-overflow-auto { overflow:auto !important; }

    /* position */
    .xl-position-relative { position: relative !important; }
    .xl-position-absolute { position: absolute !important; }
    .xl-position-fixed { position: fixed !important; }
    .xl-position-inherit { position: inherit !important; }
    .xl-position-initial { position: initial !important; }

    /* top */
    .xl-top-0px { top: 0; }
    .xl-top-1px { top: 1px; }
    .xl-top-2px { top: 2px; }
    .xl-top-3px { top: 3px; }
    .xl-top-4px { top: 4px; }
    .xl-top-5px { top: 5px; }
    .xl-top-6px { top: 6px; }
    .xl-top-7px { top: 7px; }
    .xl-top-8px { top: 8px; }
    .xl-top-9px { top: 9px; }
    .xl-top-10px { top: 10px; }
    .xl-top-15px { top: 15px; }
    .xl-top-20px { top: 20px; }
    .xl-top-25px { top: 25px; }
    .xl-top-30px { top: 30px; }
    .xl-top-35px { top: 35px; }
    .xl-top-40px { top: 40px; }
    .xl-top-45px { top: 45px; }
    .xl-top-50px { top: 50px; }
    .xl-top-auto { top:auto; }
    .xl-top-inherit { top:inherit; }

    /* top minus */
    .xl-top-minus-1px { top: -1px; }
    .xl-top-minus-2px { top: -2px; }
    .xl-top-minus-3px { top: -3px; }
    .xl-top-minus-4px { top: -4px; }
    .xl-top-minus-5px { top: -5px; }
    .xl-top-minus-6px { top: -6px; }
    .xl-top-minus-7px { top: -7px; }
    .xl-top-minus-8px { top: -8px; }
    .xl-top-minus-9px { top: -9px; }
    .xl-top-minus-10px { top: -10px; }
    .xl-top-minus-15px { top: -15px; }
    .xl-top-minus-20px { top: -20px; }
    .xl-top-minus-25px { top: -25px; }
    .xl-top-minus-30px { top: -30px; }
    .xl-top-minus-35px { top: -35px; }
    .xl-top-minus-40px { top: -40px; }
    .xl-top-minus-45px { top: -45px; }
    .xl-top-minus-50px { top: -50px; }

    /* bottom */
    .xl-bottom-0px { bottom:0; }
    .xl-bottom-1px { bottom:1px; }
    .xl-bottom-2px { bottom:2px; }
    .xl-bottom-3px { bottom:3px; }
    .xl-bottom-4px { bottom:4px; }
    .xl-bottom-5px { bottom:5px; }
    .xl-bottom-6px { bottom:6px; }
    .xl-bottom-7px { bottom:7px; }
    .xl-bottom-8px { bottom:8px; }
    .xl-bottom-9px { bottom:9px; }
    .xl-bottom-10px { bottom:10px; }
    .xl-bottom-15px { bottom:15px; }
    .xl-bottom-20px { bottom:20px; }
    .xl-bottom-25px { bottom:25px; }
    .xl-bottom-30px { bottom:30px; }
    .xl-bottom-35px { bottom:35px; }
    .xl-bottom-40px { bottom:40px; }
    .xl-bottom-45px { bottom:45px; }
    .xl-bottom-50px { bottom:50px; }
    .xl-bottom-55px { bottom:55px; }
    .xl-bottom-60px { bottom:60px; }
    .xl-bottom-auto { bottom: auto; }
    .xl-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .xl-bottom-minus-1px { bottom: -1px; }
    .xl-bottom-minus-2px { bottom: -2px; }
    .xl-bottom-minus-3px { bottom: -3px; }
    .xl-bottom-minus-4px { bottom: -4px; }
    .xl-bottom-minus-5px { bottom: -5px; }
    .xl-bottom-minus-6px { bottom: -6px; }
    .xl-bottom-minus-7px { bottom: -7px; }
    .xl-bottom-minus-8px { bottom: -8px; }
    .xl-bottom-minus-9px { bottom: -9px; }
    .xl-bottom-minus-10px { bottom: -10px; }
    .xl-bottom-minus-15px { bottom: -15px; }
    .xl-bottom-minus-20px { bottom: -20px; }
    .xl-bottom-minus-25px { bottom: -25px; }
    .xl-bottom-minus-30px { bottom: -30px; }
    .xl-bottom-minus-35px { bottom: -35px; }
    .xl-bottom-minus-40px { bottom: -40px; }
    .xl-bottom-minus-45px { bottom: -45px; }
    .xl-bottom-minus-50px { bottom: -50px; }

    /* right */
    .xl-right-0px { right: 0; }
    .xl-right-1px { right: 1px; }
    .xl-right-2px { right: 2px; }
    .xl-right-3px { right: 3px; }
    .xl-right-4px { right: 4px; }
    .xl-right-5px { right: 5px; }
    .xl-right-6px { right: 6px; }
    .xl-right-7px { right: 7px; }
    .xl-right-8px { right: 8px; }
    .xl-right-9px { right: 9px; }
    .xl-right-10px { right: 10px; }
    .xl-right-15px { right: 15px; }
    .xl-right-20px { right: 20px; }
    .xl-right-25px { right: 25px; }
    .xl-right-30px { right: 30px; }
    .xl-right-35px { right: 35px; }
    .xl-right-40px { right: 40px; }
    .xl-right-45px { right: 45px; }
    .xl-right-50px { right: 50px; }
    .xl-right-auto { right: auto; }
    .xl-right-inherit { right: inherit; }

    /* right minus */
    .xl-right-minus-1px { right: -1px; }
    .xl-right-minus-2px { right: -2px; }
    .xl-right-minus-3px { right: -3px; }
    .xl-right-minus-4px { right: -4px; }
    .xl-right-minus-5px { right: -5px; }
    .xl-right-minus-6px { right: -6px; }
    .xl-right-minus-7px { right: -7px; }
    .xl-right-minus-8px { right: -8px; }
    .xl-right-minus-9px { right: -9px; }
    .xl-right-minus-10px { right: -10px; }
    .xl-right-minus-15px { right: -15px; }
    .xl-right-minus-20px { right: -20px; }
    .xl-right-minus-25px { right: -25px; }
    .xl-right-minus-30px { right: -30px; }
    .xl-right-minus-35px { right: -35px; }
    .xl-right-minus-40px { right: -40px; }
    .xl-right-minus-45px { right: -45px; }
    .xl-right-minus-50px { right: -50px; }

    /* left */
    .xl-left-0px { left: 0; }
    .xl-left-1px { left: 1px; }
    .xl-left-2px { left: 2px; }
    .xl-left-3px { left: 3px; }
    .xl-left-4px { left: 4px; }
    .xl-left-5px { left: 5px; }
    .xl-left-6px { left: 6px; }
    .xl-left-7px { left: 7px; }
    .xl-left-8px { left: 8px; }
    .xl-left-9px { left: 9px; }
    .xl-left-10px { left: 10px; }
    .xl-left-15px { left: 15px; }
    .xl-left-20px { left: 20px; }
    .xl-left-25px { left: 25px; }
    .xl-left-30px { left: 30px; }
    .xl-left-35px { left: 35px; }
    .xl-left-40px { left: 40px; }
    .xl-left-45px { left: 45px; }
    .xl-left-50px { left: 50px; }
    .xl-left-55px { left: 55px; }
    .xl-left-60px { left: 60px; }
    .xl-left-auto { left: auto; }
    .xl-left-inherit { left: inherit; }

    /* left minus */
    .xl-left-0px { left: 0; }
    .xl-left-minus-1px { left: -1px; }
    .xl-left-minus-2px { left: -2px; }
    .xl-left-minus-3px { left: -3px; }
    .xl-left-minus-4px { left: -4px; }
    .xl-left-minus-5px { left: -5px; }
    .xl-left-minus-6px { left: -6px; }
    .xl-left-minus-7px { left: -7px; }
    .xl-left-minus-8px { left: -8px; }
    .xl-left-minus-9px { left: -9px; }
    .xl-left-minus-10px { left: -10px; }
    .xl-left-minus-15px { left: -15px; }
    .xl-left-minus-20px { left: -20px; }
    .xl-left-minus-25px { left: -25px; }
    .xl-left-minus-30px { left: -30px; }
    .xl-left-minus-35px { left: -35px; }
    .xl-left-minus-40px { left: -40px; }
    .xl-left-minus-45px { left: -45px; }
    .xl-left-minus-50px { left: -50px; }

    /* width */
    .xl-w-1px { width:1px !important; }
    .xl-w-2px { width:2px !important; }
    .xl-w-3px { width:3px !important; }
    .xl-w-4px { width:4px !important; }
    .xl-w-5px { width:5px !important; }
    .xl-w-6px { width:6px !important; }
    .xl-w-7px { width:7px !important; }
    .xl-w-8px { width:8px !important; }
    .xl-w-9px { width:9px !important; }
    .xl-w-10px { width:10px !important; }
    .xl-w-15px { width:15px !important; }
    .xl-w-20px { width:20px !important; }
    .xl-w-25px { width:25px !important; }
    .xl-w-30px { width:30px !important; }
    .xl-w-35px { width:35px !important; }
    .xl-w-40px { width:40px !important; }
    .xl-w-50px { width:50px !important; }
    .xl-w-55px { width:55px !important; }
    .xl-w-60px { width:60px !important; }
    .xl-w-65px { width:65px !important; }
    .xl-w-70px { width:70px !important; }
    .xl-w-75px { width:75px !important; }
    .xl-w-80px { width:80px !important; }
    .xl-w-85px { width:85px !important; }
    .xl-w-90px { width:90px !important; }
    .xl-w-95px { width:95px !important; }
    .xl-w-100px { width:100px !important; }
    .xl-w-110px { width:110px !important; }
    .xl-w-120px { width:120px !important; }
    .xl-w-130px { width:130px !important; }
    .xl-w-140px { width:140px !important; }
    .xl-w-150px { width:150px !important; }
    .xl-w-160px { width:160px !important; }
    .xl-w-170px { width:170px !important; }
    .xl-w-180px { width:180px !important; }
    .xl-w-190px { width:190px !important; }
    .xl-w-200px { width:200px !important; }
    .xl-w-250px { width:250px !important; }
    .xl-w-300px { width:300px !important; }
    .xl-w-350px { width:350px !important; }
    .xl-w-400px { width:400px !important; }
    .xl-w-450px { width:450px !important; }
    .xl-w-500px { width:500px !important; }
    .xl-w-550px { width:550px !important; }
    .xl-w-600px { width:600px !important; }
    .xl-w-650px { width:650px !important; }
    .xl-w-700px { width:700px !important; }
    .xl-w-750px { width:750px !important; }
    .xl-w-800px { width:800px !important; }
    .xl-w-850px { width:850px !important; }
    .xl-w-900px { width:900px !important; }
    .xl-w-950px { width:950px !important; }
    .xl-w-1000px { width:1000px !important; }
    .xl-w-10 { width: 10% !important; }
    .xl-w-15 { width: 15% !important; }
    .xl-w-20 { width: 20% !important; }
    .xl-w-25 { width: 25% !important; }
    .xl-w-30 { width: 30% !important; }
    .xl-w-35 { width: 35% !important; }
    .xl-w-40 { width: 40% !important; }
    .xl-w-45 { width: 45% !important; }
    .xl-w-50 { width: 50% !important; }
    .xl-w-55 { width: 55% !important; }
    .xl-w-60 { width: 60% !important; }
    .xl-w-65 { width: 65% !important; }
    .xl-w-70 { width: 70% !important; }
    .xl-w-75 { width: 75% !important; }
    .xl-w-80 { width: 80% !important; }
    .xl-w-85 { width: 85% !important; }
    .xl-w-90 { width: 90% !important; }
    .xl-w-95 { width: 95% !important; }
    .xl-w-100 { width: 100% !important; }
    .xl-w-auto { width:auto !important; }

    /* height */
    .xl-h-1px { height: 1px !important; }
    .xl-h-2px { height: 2px !important; }
    .xl-h-3px { height: 3px !important; }
    .xl-h-4px { height: 4px !important; }
    .xl-h-5px { height: 5px !important; }
    .xl-h-6px { height: 6px !important; }
    .xl-h-7px { height: 7px !important; }
    .xl-h-8px { height: 8px !important; }
    .xl-h-9px { height: 9px !important; }
    .xl-h-10px { height: 10px !important; }
    .xl-h-20px { height: 20px !important; }
    .xl-h-30px { height: 30px !important; }
    .xl-h-40px { height: 40px !important; }
    .xl-h-42px { height: 42px !important; }
    .xl-h-50px { height: 50px !important; }
    .xl-h-60px { height: 60px !important; }
    .xl-h-70px { height: 70px !important; }
    .xl-h-80px { height: 80px !important; }
    .xl-h-90px { height: 90px !important; }
    .xl-h-100px { height: 100px !important; }
    .xl-h-110px { height: 110px !important; }
    .xl-h-120px { height: 120px !important; }
    .xl-h-130px { height: 130px !important; }
    .xl-h-140px { height: 140px !important; }
    .xl-h-150px { height: 150px !important; }
    .xl-h-160px { height: 160px !important; }
    .xl-h-170px { height: 170px !important; }
    .xl-h-180px { height: 180px !important; }
    .xl-h-190px { height: 190px !important; }
    .xl-h-200px { height: 200px !important; }
    .xl-h-250px { height: 250px !important; }
    .xl-h-300px { height: 300px !important; }
    .xl-h-350px { height: 350px !important; }
    .xl-h-400px { height: 400px !important; }
    .xl-h-450px { height: 450px !important; }
    .xl-h-500px { height: 500px !important; }
    .xl-h-520px { height: 520px !important; }
    .xl-h-550px { height: 550px !important; }
    .xl-h-580px { height: 580px !important; }
    .xl-h-600px { height: 600px !important; }
    .xl-h-650px { height: 650px !important; }
    .xl-h-700px { height: 700px !important; }
    .xl-h-720px { height: 720px !important; }
    .xl-h-750px { height: 750px !important; }
    .xl-h-800px { height: 800px !important; }
    .xl-h-820px { height: 820px !important; }
    .xl-h-830px { height: 830px !important; }
    .xl-h-850px { height: 850px !important; }
    .xl-h-50 { height: 50% !important; }
    .xl-h-100 { height: 100% !important; }
    .xl-h-auto { height:auto !important; }        

    /* min-height */
    .xl-min-h-100px { min-height: 100px; }
    .xl-min-h-200px { min-height: 200px; }
    .xl-min-h-300px { min-height: 300px; }
    .xl-min-h-400px { min-height: 400px; }
    .xl-min-h-500px { min-height: 500px; }
    .xl-min-h-600px { min-height: 600px; }
    .xl-min-h-700px { min-height: 700px; }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 30px; bottom: 30px; }

    /* box layout */
    .box-layout { padding:0 45px; }
    .box-layout-large { padding:0 75px; }

    /* grid */
    .grid.xl-grid-6col li { width: 16.67%; }
    .grid.xl-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.xl-grid-5col li { width: 20%; }
    .grid.xl-grid-5col li.grid-item-double { width: 40%; }
    .grid.xl-grid-4col li { width: 25%; }
    .grid.xl-grid-4col li.grid-item-double { width: 50%; }
    .grid.xl-grid-3col li { width: 33.33%; }
    .grid.xl-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.xl-grid-2col li { width: 50%; }
    .grid.xl-grid-2col li.grid-item-double { width: 100%; }
    .grid.xl-grid-1col li { width: 100%; }

    /* architecture */
    .box-layout .navbar.navbar-boxed { padding-left: 30px; padding-right: 30px; }

    /* digital agency */
    .home-digital-agency .outside-box-text-right .fts-big3 { font-size: 250px; }

    /* design agency */
    .home-design-agency .outside-box-left { margin-left: -40vw; }

    /* photography */
    .home-photography .interactive-banners-style-13 .interactive-banners-content { width: 40%; }

    /* landing page */
    .litho-parallax-bg { width: 800px; }
}

@media (max-width: 1500px) {
    /*  architecture */
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -328) !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -261) !important; }

    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 54% !important; }
}

@media (max-width: 1300px) {
    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 60% !important; }
}

@media (max-width: 1199px) {
    /* reset */
    html { font-size: 14px; }
    .md-center-col { float:none; margin-left:auto; margin-right:auto; }
    section { padding: 90px 0 }
    section.big-section { padding:120px 0; }
    section.extra-big-section { padding:160px 0; }
    .center-col-style .custom-col { min-height: 0; }
    .parallax { background-attachment: inherit !important; background-position: center !important; }
    .lg-last-order { order: 10; }
    .html-video { height: 100%; }

    /* typography */
    h1, h2, h3, h4, h5, h6 { margin:0 0 15px; }

    /* text size */
    .fts-l { font-size: 90px; line-height: 90px; }
    .fs-xxl { font-size: 18px; line-height: 24px; }
    .fts-big2 { font-size: 170px; line-height: 170px; }
    .fts-big { font-size: 160px; line-height: 160px; }
    .fts-xl { font-size: 110px; line-height: 100px; }

    /* lineheight */
    .lg-lh0 { line-height: 0px; }
    .lg-lh8 { line-height: 8px; }
    .lg-lh10 { line-height: 10px; }
    .lg-lh14 { line-height: 14px; }
    .lg-lh15 { line-height: 15px; }
    .lg-lh16 { line-height: 16px; }
    .lg-lh18 { line-height: 18px; }
    .lg-lh20 { line-height: 20px; }
    .lg-lh22 { line-height: 22px; }
    .lg-lh24 { line-height: 24px; }
    .lg-lh26 { line-height: 26px; }
    .lg-lh28 { line-height: 28px; }
    .lg-lh30 { line-height: 30px; }
    .lg-lh32 { line-height: 32px; }
    .lg-lh34 { line-height: 34px; }
    .lg-lh36 { line-height: 36px; }
    .lg-lh38 { line-height: 38px; }
    .lg-lh40 { line-height: 40px; }
    .lg-lh50 { line-height: 50px; }
    .lg-lh140 { line-height: 140px; }   
    .lg-lhnormal { line-height: normal; }

    /* letter spacing minus */
    .lg-ltm05 { letter-spacing: -0.50px; }
    .lg-ltm10 { letter-spacing: -1px; }
    .lg-ltm20 { letter-spacing: -2px; }
    .lg-ltm30 { letter-spacing: -3px; }
    .lg-ltm40 { letter-spacing: -4px; }
    .lg-ltm50 { letter-spacing: -5px; }

    /* absolute middle center */
    .lg-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .lg-background-image-none { background: inherit !important; }
    .lg-background-position-left { background-position: left center; }
    .lg-background-position-right { background-position: right center; }
    .lg-background-position-top { background-position: right top; }
    .lg-background-position-center { background-position: center; }
    .lg-background-position-left-top { background-position: left top; }

    /* box shadow */
    .lg-box-shadow-none { box-shadow: none; }

    /* margin */
    .lg-margin-one-all { margin:1%; }
    .lg-margin-two-all { margin:2%; }
    .lg-margin-three-all { margin:3%; }
    .lg-margin-four-all { margin:4%; }
    .lg-margin-five-all { margin:5%; }
    .lg-margin-six-all { margin:6%; }
    .lg-margin-seven-all { margin:7%; }
    .lg-margin-eight-all { margin:8%; }
    .lg-margin-nine-all { margin:9%; }
    .lg-margin-ten-all { margin:10%; }
    .lg-margin-eleven-all { margin:11%; }
    .lg-margin-twelve-all { margin:12%; }
    .lg-margin-thirteen-all { margin:13%; }
    .lg-margin-fourteen-all { margin:14%; }
    .lg-margin-fifteen-all { margin:15%; }
    .lg-margin-sixteen-all { margin:16%; }
    .lg-margin-seventeen-all { margin:17%; }
    .lg-margin-eighteen-all { margin:18%; }
    .lg-margin-nineteen-all { margin:19%; }
    .lg-margin-twenty-all { margin:20%; }
    .lg-margin-5px-all { margin:5px; }
    .lg-margin-10px-all { margin:10px; }
    .lg-margin-15px-all { margin:15px; }
    .lg-margin-20px-all { margin:20px; }
    .lg-margin-25px-all { margin:25px; }
    .lg-margin-30px-all { margin:30px; }
    .lg-margin-35px-all { margin:35px; }
    .lg-margin-40px-all { margin:40px; }
    .lg-margin-45px-all { margin:45px; }
    .lg-margin-50px-all { margin:50px; }
    .lg-margin-55px-all { margin:55px; }
    .lg-margin-60px-all { margin:60px; }
    .lg-margin-65px-all { margin:65px; }
    .lg-margin-70px-all { margin:70px; }
    .lg-margin-75px-all { margin:75px; }
    .lg-margin-80px-all { margin:80px; }
    .lg-margin-85px-all { margin:85px; }
    .lg-margin-90px-all { margin:90px; }
    .lg-margin-95px-all { margin:95px; }
    .lg-margin-100px-all { margin:100px; }
    .lg-margin-1-rem-all { margin: 1rem; }
    .lg-margin-1-half-rem-all { margin: 1.5rem; }
    .lg-margin-2-rem-all { margin: 2rem; }
    .lg-margin-2-half-rem-all { margin: 2.5rem; }
    .lg-margin-3-rem-all { margin: 3rem; }
    .lg-margin-3-half-rem-all { margin: 3.5rem; }
    .lg-margin-4-rem-all { margin: 4rem; }
    .lg-margin-4-half-rem-all { margin: 4.5rem; }
    .lg-margin-5-rem-all { margin: 5rem; }
    .lg-margin-5-half-rem-all { margin: 5.5rem; }
    .lg-margin-6-rem-all { margin: 6rem; }
    .lg-margin-6-half-rem-all { margin: 6.5rem; }
    .lg-margin-7-rem-all { margin: 7rem; }
    .lg-margin-7-half-rem-all { margin: 7.5rem; }
    .lg-margin-8-rem-all { margin: 8rem; }
    .lg-margin-8-half-rem-all { margin: 8.5rem; }
    .lg-margin-9-rem-all { margin: 9rem; }
    .lg-margin-9-half-rem-all { margin: 9.5rem; }
    .lg-margin-10-rem-all { margin: 10rem; }
    .lg-margin-10-half-rem-all { margin: 10.5rem; }

    /* margin top */
    .lg-margin-one-top { margin-top:1%; }
    .lg-margin-two-top { margin-top:2%; }
    .lg-margin-three-top { margin-top:3%; }
    .lg-margin-four-top { margin-top:4%; }
    .lg-margin-five-top { margin-top:5%; }
    .lg-margin-six-top { margin-top:6%; }
    .lg-margin-seven-top { margin-top:7%; }
    .lg-margin-eight-top { margin-top:8%; }
    .lg-margin-nine-top { margin-top:9%; }
    .lg-margin-ten-top { margin-top:10%; }
    .lg-margin-eleven-top { margin-top:11%; }
    .lg-margin-twelve-top { margin-top:12%; }
    .lg-margin-thirteen-top { margin-top:13%; }
    .lg-margin-fourteen-top { margin-top:14%; }
    .lg-margin-fifteen-top { margin-top:15%; }
    .lg-margin-sixteen-top { margin-top:16%; }
    .lg-margin-seventeen-top { margin-top:17%; }
    .lg-margin-eighteen-top { margin-top:18%; }
    .lg-margin-nineteen-top { margin-top:19%; }
    .lg-margin-twenty-top { margin-top:20%; }
    .lg-margin-5px-top { margin-top:5px; }
    .lg-margin-10px-top { margin-top:10px; }
    .lg-margin-15px-top { margin-top:15px; }
    .lg-margin-20px-top { margin-top:20px; }
    .lg-margin-25px-top { margin-top:25px; }
    .lg-margin-30px-top { margin-top:30px; }
    .lg-margin-35px-top { margin-top:35px; }
    .lg-margin-40px-top { margin-top:40px; }
    .lg-margin-45px-top { margin-top:45px; }
    .lg-margin-50px-top { margin-top:50px; }
    .lg-margin-55px-top { margin-top:55px; }
    .lg-margin-60px-top { margin-top:60px; }
    .lg-margin-65px-top { margin-top:65px; }
    .lg-margin-70px-top { margin-top:70px; }
    .lg-margin-75px-top { margin-top:75px; }
    .lg-margin-80px-top { margin-top:80px; }
    .lg-margin-85px-top { margin-top:85px; }
    .lg-margin-90px-top { margin-top:90px; }
    .lg-margin-95px-top { margin-top:95px; }
    .lg-margin-100px-top { margin-top:100px; }
    .lg-margin-1-rem-top { margin-top: 1rem; }
    .lg-margin-1-half-rem-top { margin-top: 1.5rem; }
    .lg-margin-2-rem-top { margin-top: 2rem; }
    .lg-margin-2-half-rem-top { margin-top: 2.5rem; }
    .lg-margin-3-rem-top { margin-top: 3rem; }
    .lg-margin-3-half-rem-top { margin-top: 3.5rem; }
    .lg-margin-4-rem-top { margin-top: 4rem; }
    .lg-margin-4-half-rem-top { margin-top: 4.5rem; }
    .lg-margin-5-rem-top { margin-top: 5rem; }
    .lg-margin-5-half-rem-top { margin-top: 5.5rem; }
    .lg-margin-6-rem-top { margin-top: 6rem; }
    .lg-margin-6-half-rem-top { margin-top: 6.5rem; }
    .lg-margin-7-rem-top { margin-top: 7rem; }
    .lg-margin-7-half-rem-top { margin-top: 7.5rem; }
    .lg-margin-8-rem-top { margin-top: 8rem; }
    .lg-margin-8-half-rem-top { margin-top: 8.5rem; }
    .lg-margin-9-rem-top { margin-top: 9rem; }
    .lg-margin-9-half-rem-top { margin-top: 9.5rem; }
    .lg-margin-10-rem-top { margin-top: 10rem; }
    .lg-margin-10-half-rem-top { margin-top: 10.5rem; }

    /* margin bottom */
    .lg-margin-one-bottom { margin-bottom:1%; }
    .lg-margin-two-bottom { margin-bottom:2%; }
    .lg-margin-three-bottom { margin-bottom:3%; }
    .lg-margin-four-bottom { margin-bottom:4%; }
    .lg-margin-five-bottom { margin-bottom:5%; }
    .lg-margin-six-bottom { margin-bottom:6%; }
    .lg-margin-seven-bottom { margin-bottom:7%; }
    .lg-margin-eight-bottom { margin-bottom:8%; }
    .lg-margin-nine-bottom { margin-bottom:9%; }
    .lg-margin-ten-bottom { margin-bottom:10%; }
    .lg-margin-eleven-bottom { margin-bottom:11%; }
    .lg-margin-twelve-bottom { margin-bottom:12%; }
    .lg-margin-thirteen-bottom { margin-bottom:13%; }
    .lg-margin-fourteen-bottom { margin-bottom:14%; }
    .lg-margin-fifteen-bottom { margin-bottom:15%; }
    .lg-margin-sixteen-bottom { margin-bottom:16%; }
    .lg-margin-seventeen-bottom { margin-bottom:17%; }
    .lg-margin-eighteen-bottom { margin-bottom:18%; }
    .lg-margin-nineteen-bottom { margin-bottom:19%; }
    .lg-margin-twenty-bottom { margin-bottom:20%; }
    .lg-margin-5px-bottom { margin-bottom:5px; }
    .lg-margin-10px-bottom { margin-bottom:10px; }
    .lg-margin-15px-bottom { margin-bottom:15px; }
    .lg-margin-20px-bottom { margin-bottom:20px; }
    .lg-margin-25px-bottom { margin-bottom:25px; }
    .lg-margin-30px-bottom { margin-bottom:30px; }
    .lg-margin-35px-bottom { margin-bottom:35px; }
    .lg-margin-40px-bottom { margin-bottom:40px; }
    .lg-margin-45px-bottom { margin-bottom:45px; }
    .lg-margin-50px-bottom { margin-bottom:50px; }
    .lg-margin-55px-bottom { margin-bottom:55px; }
    .lg-margin-60px-bottom { margin-bottom:60px; }
    .lg-margin-65px-bottom { margin-bottom:65px; }
    .lg-margin-70px-bottom { margin-bottom:70px; }
    .lg-margin-75px-bottom { margin-bottom:75px; }
    .lg-margin-80px-bottom { margin-bottom:80px; }
    .lg-margin-85px-bottom { margin-bottom:85px; }
    .lg-margin-90px-bottom { margin-bottom:90px; }
    .lg-margin-95px-bottom { margin-bottom:95px; }
    .lg-margin-100px-bottom { margin-bottom:100px; }
    .lg-margin-1-rem-bottom { margin-bottom: 1rem; }
    .lg-margin-1-half-rem-bottom { margin-bottom: 1.5rem; }
    .lg-margin-2-rem-bottom { margin-bottom: 2rem; }
    .lg-margin-2-half-rem-bottom { margin-bottom: 2.5rem; }
    .lg-margin-3-rem-bottom { margin-bottom: 3rem; }
    .lg-margin-3-half-rem-bottom { margin-bottom: 3.5rem; }
    .lg-margin-4-rem-bottom { margin-bottom: 4rem; }
    .lg-margin-4-half-rem-bottom { margin-bottom: 4.5rem; }
    .lg-margin-5-rem-bottom { margin-bottom: 5rem; }
    .lg-margin-5-half-rem-bottom { margin-bottom: 5.5rem; }
    .lg-margin-6-rem-bottom { margin-bottom: 6rem; }
    .lg-margin-6-half-rem-bottom { margin-bottom: 6.5rem; }
    .lg-margin-7-rem-bottom { margin-bottom: 7rem; }
    .lg-margin-7-half-rem-bottom { margin-bottom: 7.5rem; }
    .lg-margin-8-rem-bottom { margin-bottom: 8rem; }
    .lg-margin-8-half-rem-bottom { margin-bottom: 8.5rem; }
    .lg-margin-9-rem-bottom { margin-bottom: 9rem; }
    .lg-margin-9-half-rem-bottom { margin-bottom: 9.5rem; }
    .lg-margin-10-rem-bottom { margin-bottom: 10rem; }
    .lg-margin-10-half-rem-bottom { margin-bottom: 10.5rem; }

    /* margin right */
    .lg-margin-one-right { margin-right:1%; }
    .lg-margin-two-right { margin-right:2%; }
    .lg-margin-three-right { margin-right:3%; }
    .lg-margin-four-right { margin-right:4%; }
    .lg-margin-five-right { margin-right:5%; }
    .lg-margin-six-right { margin-right:6%; }
    .lg-margin-seven-right { margin-right:7%; }
    .lg-margin-eight-right { margin-right:8%; }
    .lg-margin-nine-right { margin-right:9%; }
    .lg-margin-ten-right { margin-right:10%; }
    .lg-margin-eleven-right { margin-right:11%; }
    .lg-margin-twelve-right { margin-right:12%; }
    .lg-margin-thirteen-right { margin-right:13%; }
    .lg-margin-fourteen-right { margin-right:14%; }
    .lg-margin-fifteen-right { margin-right:15%; }
    .lg-margin-sixteen-right { margin-right:16%; }
    .lg-margin-seventeen-right { margin-right:17%; }
    .lg-margin-eighteen-right { margin-right:18%; }
    .lg-margin-nineteen-right { margin-right:19%; }
    .lg-margin-twenty-right { margin-right:20%; }
    .lg-margin-5px-right { margin-right:5px; }
    .lg-margin-10px-right { margin-right:10px; }
    .lg-margin-15px-right { margin-right:15px; }
    .lg-margin-20px-right { margin-right:20px; }
    .lg-margin-25px-right { margin-right:25px; }
    .lg-margin-30px-right { margin-right:30px; }
    .lg-margin-35px-right { margin-right:35px; }
    .lg-margin-40px-right { margin-right:40px; }
    .lg-margin-45px-right { margin-right:45px; }
    .lg-margin-50px-right { margin-right:50px; }
    .lg-margin-55px-right { margin-right:55px; }
    .lg-margin-60px-right { margin-right:60px; }
    .lg-margin-65px-right { margin-right:65px; }
    .lg-margin-70px-right { margin-right:70px; }
    .lg-margin-75px-right { margin-right:75px; }
    .lg-margin-80px-right { margin-right:80px; }
    .lg-margin-85px-right { margin-right:85px; }
    .lg-margin-90px-right { margin-right:90px; }
    .lg-margin-95px-right { margin-right:95px; }
    .lg-margin-100px-right { margin-right:100px; }
    .lg-margin-1-rem-right { margin-right: 1rem; }
    .lg-margin-1-half-rem-right { margin-right: 1.5rem; }
    .lg-margin-2-rem-right { margin-right: 2rem; }
    .lg-margin-2-half-rem-right { margin-right: 2.5rem; }
    .lg-margin-3-rem-right { margin-right: 3rem; }
    .lg-margin-3-half-rem-right { margin-right: 3.5rem; }
    .lg-margin-4-rem-right { margin-right: 4rem; }
    .lg-margin-4-half-rem-right { margin-right: 4.5rem; }
    .lg-margin-5-rem-right { margin-right: 5rem; }
    .lg-margin-5-half-rem-right { margin-right: 5.5rem; }
    .lg-margin-6-rem-right { margin-right: 6rem; }
    .lg-margin-6-half-rem-right { margin-right: 6.5rem; }
    .lg-margin-7-rem-right { margin-right: 7rem; }
    .lg-margin-7-half-rem-right { margin-right: 7.5rem; }
    .lg-margin-8-rem-right { margin-right: 8rem; }
    .lg-margin-8-half-rem-right { margin-right: 8.5rem; }
    .lg-margin-9-rem-right { margin-right: 9rem; }
    .lg-margin-9-half-rem-right { margin-right: 9.5rem; }
    .lg-margin-10-rem-right { margin-right: 10rem; }
    .lg-margin-10-half-rem-right { margin-right: 10.5rem; }

    /* margin left */
    .lg-margin-one-left { margin-left:1%; }
    .lg-margin-two-left { margin-left:2%; }
    .lg-margin-three-left { margin-left:3%; }
    .lg-margin-four-left { margin-left:4%; }
    .lg-margin-five-left { margin-left:5%; }
    .lg-margin-six-left { margin-left:6%; }
    .lg-margin-seven-left { margin-left:7%; }
    .lg-margin-eight-left { margin-left:8%; }
    .lg-margin-nine-left { margin-left:9%; }
    .lg-margin-ten-left { margin-left:10%; }
    .lg-margin-eleven-left { margin-left:11%; }
    .lg-margin-twelve-left { margin-left:12%; }
    .lg-margin-thirteen-left { margin-left:13%; }
    .lg-margin-fourteen-left { margin-left:14%; }
    .lg-margin-fifteen-left { margin-left:15%; }
    .lg-margin-sixteen-left { margin-left:16%; }
    .lg-margin-seventeen-left { margin-left:17%; }
    .lg-margin-eighteen-left { margin-left:18%; }
    .lg-margin-nineteen-left { margin-left:19%; }
    .lg-margin-twenty-left { margin-left:20%; }
    .lg-margin-5px-left { margin-left:5px; }
    .lg-margin-10px-left { margin-left:10px; }
    .lg-margin-15px-left { margin-left:15px; }
    .lg-margin-20px-left { margin-left:20px; }
    .lg-margin-25px-left { margin-left:25px; }
    .lg-margin-30px-left { margin-left:30px; }
    .lg-margin-35px-left { margin-left:35px; }
    .lg-margin-40px-left { margin-left:40px; }
    .lg-margin-45px-left { margin-left:45px; }
    .lg-margin-50px-left { margin-left:50px; }
    .lg-margin-55px-left { margin-left:55px; }
    .lg-margin-60px-left { margin-left:60px; }
    .lg-margin-65px-left { margin-left:65px; }
    .lg-margin-70px-left { margin-left:70px; }
    .lg-margin-75px-left { margin-left:75px; }
    .lg-margin-80px-left { margin-left:80px; }
    .lg-margin-85px-left { margin-left:85px; }
    .lg-margin-90px-left { margin-left:90px; }
    .lg-margin-95px-left { margin-left:95px; }
    .lg-margin-100px-left { margin-left:100px; }
    .lg-margin-1-rem-left { margin-left: 1rem; }
    .lg-margin-1-half-rem-left { margin-left: 1.5rem; }
    .lg-margin-2-rem-left { margin-left: 2rem; }
    .lg-margin-2-half-rem-left { margin-left: 2.5rem; }
    .lg-margin-3-rem-left { margin-left: 3rem; }
    .lg-margin-3-half-rem-left { margin-left: 3.5rem; }
    .lg-margin-4-rem-left { margin-left: 4rem; }
    .lg-margin-4-half-rem-left { margin-left: 4.5rem; }
    .lg-margin-5-rem-left { margin-left: 5rem; }
    .lg-margin-5-half-rem-left { margin-left: 5.5rem; }
    .lg-margin-6-rem-left { margin-left: 6rem; }
    .lg-margin-6-half-rem-left { margin-left: 6.5rem; }
    .lg-margin-7-rem-left { margin-left: 7rem; }
    .lg-margin-7-half-rem-left { margin-left: 7.5rem; }
    .lg-margin-8-rem-left { margin-left: 8rem; }
    .lg-margin-8-half-rem-left { margin-left: 8.5rem; }
    .lg-margin-9-rem-left { margin-left: 9rem; }
    .lg-margin-9-half-rem-left { margin-left: 9.5rem; }
    .lg-margin-10-rem-left { margin-left: 10rem; }
    .lg-margin-10-half-rem-left { margin-left: 10.5rem; }

    /* margin left right */
    .lg-margin-one-lr { margin-left:1%; margin-right:1%; }
    .lg-margin-two-lr { margin-left:2%; margin-right:2%; }
    .lg-margin-three-lr { margin-left:3%; margin-right:3%; }
    .lg-margin-four-lr { margin-left:4%; margin-right:4%; }
    .lg-margin-five-lr { margin-left:5%; margin-right:5%; }
    .lg-margin-six-lr { margin-left:6%; margin-right:6%; }
    .lg-margin-seven-lr { margin-left:7%; margin-right:7%; }
    .lg-margin-eight-lr { margin-left:8%; margin-right:8%; }
    .lg-margin-nine-lr { margin-left:9%; margin-right:9%; }
    .lg-margin-ten-lr { margin-left:10%; margin-right:10%; }
    .lg-margin-eleven-lr { margin-left:11%; margin-right:11%; }
    .lg-margin-twelve-lr { margin-left:12%; margin-right:12%; }
    .lg-margin-thirteen-lr { margin-left:13%; margin-right:13%; }
    .lg-margin-fourteen-lr { margin-left:14%; margin-right:14%; }
    .lg-margin-fifteen-lr { margin-left:15%; margin-right:15%; }
    .lg-margin-sixteen-lr { margin-left:16%; margin-right:16%; }
    .lg-margin-seventeen-lr { margin-left:17%; margin-right:17%; }
    .lg-margin-eighteen-lr { margin-left:18%; margin-right:18%; }
    .lg-margin-nineteen-lr { margin-left:19%; margin-right:19%; }
    .lg-margin-twenty-lr { margin-left:20%; margin-right:20%; }
    .lg-margin-5px-lr { margin-left:5px; margin-right:5px; }
    .lg-margin-10px-lr { margin-left:10px; margin-right:10px; }
    .lg-margin-15px-lr { margin-left:15px; margin-right:15px; }
    .lg-margin-20px-lr { margin-left:20px; margin-right:20px; }
    .lg-margin-25px-lr { margin-left:25px; margin-right:25px; }
    .lg-margin-30px-lr { margin-left:30px; margin-right:30px; }
    .lg-margin-35px-lr { margin-left:35px; margin-right:35px; }
    .lg-margin-40px-lr { margin-left:40px; margin-right:40px; }
    .lg-margin-45px-lr { margin-left:45px; margin-right:45px; }
    .lg-margin-50px-lr { margin-left:50px; margin-right:50px; }
    .lg-margin-55px-lr { margin-left:55px; margin-right:55px; }
    .lg-margin-60px-lr { margin-left:60px; margin-right:60px; }
    .lg-margin-65px-lr { margin-left:65px; margin-right:65px; }
    .lg-margin-70px-lr { margin-left:70px; margin-right:70px; }
    .lg-margin-75px-lr { margin-left:75px; margin-right:75px; }
    .lg-margin-80px-lr { margin-left:80px; margin-right:80px; }
    .lg-margin-85px-lr { margin-left:85px; margin-right:85px; }
    .lg-margin-90px-lr { margin-left:90px; margin-right:90px; }
    .lg-margin-95px-lr { margin-left:95px; margin-right:95px; }
    .lg-margin-100px-lr { margin-left:100px; margin-right:100px; }
    .lg-margin-1-rem-lr { margin-left: 1rem; margin-right: 1rem; }
    .lg-margin-1-half-rem-lr { margin-left: 1.5rem; margin-right: 1.5rem; }
    .lg-margin-2-rem-lr { margin-left: 2rem; margin-right: 2rem; }
    .lg-margin-2-half-rem-lr { margin-left: 2.5rem; margin-right: 2.5rem; }
    .lg-margin-3-rem-lr { margin-left: 3rem; margin-right: 3rem; }
    .lg-margin-3-half-rem-lr { margin-left: 3.5rem; margin-right: 3.5rem; }
    .lg-margin-4-rem-lr { margin-left: 4rem; margin-right: 4rem; }
    .lg-margin-4-half-rem-lr { margin-left: 4.5rem; margin-right: 4.5rem; }
    .lg-margin-5-rem-lr { margin-left: 5rem; margin-right: 5rem; }
    .lg-margin-5-half-rem-lr { margin-left: 5.5rem; margin-right: 5.5rem; }
    .lg-margin-6-rem-lr { margin-left: 6rem; margin-right: 6rem; }
    .lg-margin-6-half-rem-lr { margin-left: 6.5rem; margin-right: 6.5rem; }
    .lg-margin-7-rem-lr { margin-left: 7rem; margin-right: 7rem; }
    .lg-margin-7-half-rem-lr { margin-left: 7.5rem; margin-right: 7.5rem; }
    .lg-margin-8-rem-lr { margin-left: 8rem; margin-right: 8rem; }
    .lg-margin-8-half-rem-lr { margin-left: 8.5rem; margin-right: 8.5rem; }
    .lg-margin-9-rem-lr { margin-left: 9rem; margin-right: 9rem; }
    .lg-margin-9-half-rem-lr { margin-left: 9.5rem; margin-right: 9.5rem; }
    .lg-margin-10-rem-lr { margin-left: 10rem; margin-right: 10rem; }
    .lg-margin-10-half-rem-lr { margin-left: 10.5rem; margin-right: 10.5rem; }

    /* margin top bottom */
    .lg-margin-one-tb { margin-top:1%; margin-bottom:1%; }
    .lg-margin-two-tb { margin-top:2%; margin-bottom:2%; }
    .lg-margin-three-tb { margin-top:3%; margin-bottom:3%; }
    .lg-margin-four-tb { margin-top:4%; margin-bottom:4%; }
    .lg-margin-five-tb { margin-top:5%; margin-bottom:5%; }
    .lg-margin-six-tb { margin-top:6%; margin-bottom:6%; }
    .lg-margin-seven-tb { margin-top:7%; margin-bottom:7%; }
    .lg-margin-eight-tb { margin-top:8%; margin-bottom:8%; }
    .lg-margin-nine-tb { margin-top:9%; margin-bottom:9%; }
    .lg-margin-ten-tb { margin-top:10%; margin-bottom:10%; }
    .lg-margin-eleven-tb { margin-top:11%; margin-bottom:11%; }
    .lg-margin-twelve-tb { margin-top:12%; margin-bottom:12%; }
    .lg-margin-thirteen-tb { margin-top:13%; margin-bottom:13%; }
    .lg-margin-fourteen-tb { margin-top:14%; margin-bottom:14%; }
    .lg-margin-fifteen-tb { margin-top:15%; margin-bottom:15%; }
    .lg-margin-sixteen-tb { margin-top:16%; margin-bottom:16%; }
    .lg-margin-seventeen-tb { margin-top:17%; margin-bottom:17%; }
    .lg-margin-eighteen-tb { margin-top:18%; margin-bottom:18%; }
    .lg-margin-nineteen-tb { margin-top:19%; margin-bottom:19%; }
    .lg-margin-twenty-tb { margin-top:20%; margin-bottom:20%; }
    .lg-margin-5px-tb { margin-top:5px; margin-bottom:5px; }
    .lg-margin-10px-tb { margin-top:10px; margin-bottom:10px; }
    .lg-margin-15px-tb { margin-top:15px; margin-bottom:15px; }
    .lg-margin-20px-tb { margin-top:20px; margin-bottom:20px; }
    .lg-margin-25px-tb { margin-top:25px; margin-bottom:25px; }
    .lg-margin-30px-tb { margin-top:30px; margin-bottom:30px; }
    .lg-margin-35px-tb { margin-top:35px; margin-bottom:35px; }
    .lg-margin-40px-tb { margin-top:40px; margin-bottom:40px; }
    .lg-margin-45px-tb { margin-top:45px; margin-bottom:45px; }
    .lg-margin-50px-tb { margin-top:50px; margin-bottom:50px; }
    .lg-margin-55px-tb { margin-top:55px; margin-bottom:55px; }
    .lg-margin-60px-tb { margin-top:60px; margin-bottom:60px; }
    .lg-margin-65px-tb { margin-top:65px; margin-bottom:65px; }
    .lg-margin-70px-tb { margin-top:70px; margin-bottom:70px; }
    .lg-margin-75px-tb { margin-top:75px; margin-bottom:75px; }
    .lg-margin-80px-tb { margin-top:80px; margin-bottom:80px; }
    .lg-margin-85px-tb { margin-top:85px; margin-bottom:85px; }
    .lg-margin-90px-tb { margin-top:90px; margin-bottom:90px; }
    .lg-margin-95px-tb { margin-top:95px; margin-bottom:95px; }
    .lg-margin-100px-tb { margin-top:100px; margin-bottom:100px; }
    .lg-margin-1-rem-tb { margin-top: 1rem; margin-bottom: 1rem; }
    .lg-margin-1-half-rem-tb { margin-top: 1.5rem; margin-bottom: 1.5rem; }
    .lg-margin-2-rem-tb { margin-top: 2rem; margin-bottom: 2rem; }
    .lg-margin-2-half-rem-tb { margin-top: 2.5rem; margin-bottom: 2.5rem; }
    .lg-margin-3-rem-tb { margin-top: 3rem; margin-bottom: 3rem; }
    .lg-margin-3-half-rem-tb { margin-top: 3.5rem; margin-bottom: 3.5rem; }
    .lg-margin-4-rem-tb { margin-top: 4rem; margin-bottom: 4rem; }
    .lg-margin-4-half-rem-tb { margin-top: 4.5rem; margin-bottom: 4.5rem; }
    .lg-margin-5-rem-tb { margin-top: 5rem; margin-bottom: 5rem; }
    .lg-margin-5-half-rem-tb { margin-top: 5.5rem; margin-bottom: 5.5rem; }
    .lg-margin-6-rem-tb { margin-top: 6rem; margin-bottom: 6rem; }
    .lg-margin-6-half-rem-tb { margin-top: 6.5rem; margin-bottom: 6.5rem; }
    .lg-margin-7-rem-tb { margin-top: 7rem; margin-bottom: 7rem; }
    .lg-margin-7-half-rem-tb { margin-top: 7.5rem; margin-bottom: 7.5rem; }
    .lg-margin-8-rem-tb { margin-top: 8rem; margin-bottom: 8rem; }
    .lg-margin-8-half-rem-tb { margin-top: 8.5rem; margin-bottom: 8.5rem; }
    .lg-margin-9-rem-tb { margin-top: 9rem; margin-bottom: 9rem; }
    .lg-margin-9-half-rem-tb { margin-top: 9.5rem; margin-bottom: 9.5rem; }
    .lg-margin-10-rem-tb { margin-top: 10rem; margin-bottom: 10rem; }
    .lg-margin-10-half-rem-tb { margin-top: 10.5rem; margin-bottom: 10.5rem; }

    .lg-margin-auto-lr { margin-left: auto !important; margin-right: auto !important; }
    .lg-margin-auto { margin: auto; }
    .lg-no-margin { margin: 0 !important; }
    .lg-no-margin-top { margin-top: 0 !important; }
    .lg-no-margin-bottom { margin-bottom: 0 !important; }
    .lg-no-margin-left { margin-left: 0 !important; }
    .lg-no-margin-right { margin-right: 0 !important; }
    .lg-no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
    .lg-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }

    /* padding */
    .lg-padding-one-all { padding:1%; }
    .lg-padding-two-all { padding:2%; }
    .lg-padding-three-all { padding:3%; }
    .lg-padding-four-all { padding:4%; }
    .lg-padding-five-all { padding:5%; }
    .lg-padding-six-all { padding:6%; }
    .lg-padding-seven-all { padding:7%; }
    .lg-padding-eight-all { padding:8%; }
    .lg-padding-nine-all { padding:9%; }
    .lg-padding-ten-all { padding:10%; }
    .lg-padding-eleven-all { padding:11%; }
    .lg-padding-twelve-all { padding:12%; }
    .lg-padding-thirteen-all { padding:13%; }
    .lg-padding-fourteen-all { padding:14%; }
    .lg-padding-fifteen-all { padding:15%; }
    .lg-padding-sixteen-all { padding:16%; }
    .lg-padding-seventeen-all { padding:17%; }
    .lg-padding-eighteen-all { padding:18%; }
    .lg-padding-nineteen-all { padding:19%; }
    .lg-padding-twenty-all { padding:20%; }
    .lg-padding-5px-all { padding:5px; }
    .lg-padding-10px-all { padding:10px; }
    .lg-padding-15px-all { padding:15px; }
    .lg-padding-20px-all { padding:20px; }
    .lg-padding-25px-all { padding:25px; }
    .lg-padding-30px-all { padding:30px; }
    .lg-padding-35px-all { padding:35px; }
    .lg-padding-40px-all { padding:40px; }
    .lg-padding-45px-all { padding:45px; }
    .lg-padding-50px-all { padding:50px; }
    .lg-padding-55px-all { padding:55px; }
    .lg-padding-60px-all { padding:60px; }
    .lg-padding-65px-all { padding:65px; }
    .lg-padding-70px-all { padding:70px; }
    .lg-padding-75px-all { padding:75px; }
    .lg-padding-80px-all { padding:80px; }
    .lg-padding-85px-all { padding:85px; }
    .lg-padding-90px-all { padding:90px; }
    .lg-padding-95px-all { padding:95px; }
    .lg-padding-100px-all { padding:100px; }
    .lg-padding-1-rem-all { padding: 1rem; }
    .lg-padding-1-half-rem-all { padding: 1.5rem; }
    .lg-padding-2-rem-all { padding: 2rem; }
    .lg-padding-2-half-rem-all { padding: 2.5rem; }
    .lg-padding-3-rem-all { padding: 3rem; }
    .lg-padding-3-half-rem-all { padding: 3.5rem; }
    .lg-padding-4-rem-all { padding: 4rem; }
    .lg-padding-4-half-rem-all { padding: 4.5rem; }
    .lg-padding-5-rem-all { padding: 5rem; }
    .lg-padding-5-half-rem-all { padding: 5.5rem; }
    .lg-padding-6-rem-all { padding: 6rem; }
    .lg-padding-6-half-rem-all { padding: 6.5rem; }
    .lg-padding-7-rem-all { padding: 7rem; }
    .lg-padding-7-half-rem-all { padding: 7.5rem; }
    .lg-padding-8-rem-all { padding: 8rem; }
    .lg-padding-8-half-rem-all { padding: 8.5rem; }
    .lg-padding-9-rem-all { padding: 9rem; }
    .lg-padding-9-half-rem-all { padding: 9.5rem; }
    .lg-padding-10-rem-all { padding: 10rem; }
    .lg-padding-10-half-rem-all { padding: 10.5rem; }

    /* padding top */
    .lg-padding-one-top { padding-top:1%; }
    .lg-padding-two-top { padding-top:2%; }
    .lg-padding-three-top { padding-top:3%; }
    .lg-padding-four-top { padding-top:4%; }
    .lg-padding-five-top { padding-top:5%; }
    .lg-padding-six-top { padding-top:6%; }
    .lg-padding-seven-top { padding-top:7%; }
    .lg-padding-eight-top { padding-top:8%; }
    .lg-padding-nine-top { padding-top:9%; }
    .lg-padding-ten-top { padding-top:10%; }
    .lg-padding-eleven-top { padding-top:11%; }
    .lg-padding-twelve-top { padding-top:12%; }
    .lg-padding-thirteen-top { padding-top:13%; }
    .lg-padding-fourteen-top { padding-top:14%; }
    .lg-padding-fifteen-top { padding-top:15%; }
    .lg-padding-sixteen-top { padding-top:16%; }
    .lg-padding-seventeen-top { padding-top:17%; }
    .lg-padding-eighteen-top { padding-top:18%; }
    .lg-padding-nineteen-top { padding-top:19%; }
    .lg-padding-twenty-top { padding-top:20%; }
    .lg-padding-5px-top { padding-top:5px; }
    .lg-padding-10px-top { padding-top:10px; }
    .lg-padding-15px-top { padding-top:15px; }
    .lg-padding-20px-top { padding-top:20px; }
    .lg-padding-25px-top { padding-top:25px; }
    .lg-padding-30px-top { padding-top:30px; }
    .lg-padding-35px-top { padding-top:35px; }
    .lg-padding-40px-top { padding-top:40px; }
    .lg-padding-45px-top { padding-top:45px; }
    .lg-padding-50px-top { padding-top:50px; }
    .lg-padding-55px-top { padding-top:55px; }
    .lg-padding-60px-top { padding-top:60px; }
    .lg-padding-65px-top { padding-top:65px; }
    .lg-padding-70px-top { padding-top:70px; }
    .lg-padding-75px-top { padding-top:75px; }
    .lg-padding-80px-top { padding-top:80px; }
    .lg-padding-85px-top { padding-top:85px; }
    .lg-padding-90px-top { padding-top:90px; }
    .lg-padding-95px-top { padding-top:95px; }
    .lg-padding-100px-top { padding-top:100px; }
    .lg-padding-1-rem-top { padding-top: 1rem; }
    .lg-padding-1-half-rem-top { padding-top: 1.5rem; }
    .lg-padding-2-rem-top { padding-top: 2rem; }
    .lg-padding-2-half-rem-top { padding-top: 2.5rem; }
    .lg-padding-3-rem-top { padding-top: 3rem; }
    .lg-padding-3-half-rem-top { padding-top: 3.5rem; }
    .lg-padding-4-rem-top { padding-top: 4rem; }
    .lg-padding-4-half-rem-top { padding-top: 4.5rem; }
    .lg-padding-5-rem-top { padding-top: 5rem; }
    .lg-padding-5-half-rem-top { padding-top: 5.5rem; }
    .lg-padding-6-rem-top { padding-top: 6rem; }
    .lg-padding-6-half-rem-top { padding-top: 6.5rem; }
    .lg-padding-7-rem-top { padding-top: 7rem; }
    .lg-padding-7-half-rem-top { padding-top: 7.5rem; }
    .lg-padding-8-rem-top { padding-top: 8rem; }
    .lg-padding-8-half-rem-top { padding-top: 8.5rem; }
    .lg-padding-9-rem-top { padding-top: 9rem; }
    .lg-padding-9-half-rem-top { padding-top: 9.5rem; }
    .lg-padding-10-rem-top { padding-top: 10rem; }
    .lg-padding-10-half-rem-top { padding-top: 10.5rem; }

    /* padding bottom */
    .lg-padding-one-bottom { padding-bottom:1%; }
    .lg-padding-two-bottom { padding-bottom:2%; }
    .lg-padding-three-bottom { padding-bottom:3%; }
    .lg-padding-four-bottom { padding-bottom:4%; }
    .lg-padding-five-bottom { padding-bottom:5%; }
    .lg-padding-six-bottom { padding-bottom:6%; }
    .lg-padding-seven-bottom { padding-bottom:7%; }
    .lg-padding-eight-bottom { padding-bottom:8%; }
    .lg-padding-nine-bottom { padding-bottom:9%; }
    .lg-padding-ten-bottom { padding-bottom:10%; }
    .lg-padding-eleven-bottom { padding-bottom:11%; }
    .lg-padding-twelve-bottom { padding-bottom:12%; }
    .lg-padding-thirteen-bottom { padding-bottom:13%; }
    .lg-padding-fourteen-bottom { padding-bottom:14%; }
    .lg-padding-fifteen-bottom { padding-bottom:15%; }
    .lg-padding-sixteen-bottom { padding-bottom:16%; }
    .lg-padding-seventeen-bottom { padding-bottom:17%; }
    .lg-padding-eighteen-bottom { padding-bottom:18%; }
    .lg-padding-nineteen-bottom { padding-bottom:19%; }
    .lg-padding-twenty-bottom { padding-bottom:20%; }
    .lg-padding-5px-bottom { padding-bottom:5px; }
    .lg-padding-10px-bottom { padding-bottom:10px; }
    .lg-padding-15px-bottom { padding-bottom:15px; }
    .lg-padding-20px-bottom { padding-bottom:20px; }
    .lg-padding-25px-bottom { padding-bottom:25px; }
    .lg-padding-30px-bottom { padding-bottom:30px; }
    .lg-padding-35px-bottom { padding-bottom:35px; }
    .lg-padding-40px-bottom { padding-bottom:40px; }
    .lg-padding-45px-bottom { padding-bottom:45px; }
    .lg-padding-50px-bottom { padding-bottom:50px; }
    .lg-padding-55px-bottom { padding-bottom:55px; }
    .lg-padding-60px-bottom { padding-bottom:60px; }
    .lg-padding-65px-bottom { padding-bottom:65px; }
    .lg-padding-70px-bottom { padding-bottom:70px; }
    .lg-padding-75px-bottom { padding-bottom:75px; }
    .lg-padding-80px-bottom { padding-bottom:80px; }
    .lg-padding-85px-bottom { padding-bottom:85px; }
    .lg-padding-90px-bottom { padding-bottom:90px; }
    .lg-padding-95px-bottom { padding-bottom:95px; }
    .lg-padding-100px-bottom { padding-bottom:100px; }
    .lg-padding-1-rem-bottom { padding-bottom: 1rem; }
    .lg-padding-1-half-rem-bottom { padding-bottom: 1.5rem; }
    .lg-padding-2-rem-bottom { padding-bottom: 2rem; }
    .lg-padding-2-half-rem-bottom { padding-bottom: 2.5rem; }
    .lg-padding-3-rem-bottom { padding-bottom: 3rem; }
    .lg-padding-3-half-rem-bottom { padding-bottom: 3.5rem; }
    .lg-padding-4-rem-bottom { padding-bottom: 4rem; }
    .lg-padding-4-half-rem-bottom { padding-bottom: 4.5rem; }
    .lg-padding-5-rem-bottom { padding-bottom: 5rem; }
    .lg-padding-5-half-rem-bottom { padding-bottom: 5.5rem; }
    .lg-padding-6-rem-bottom { padding-bottom: 6rem; }
    .lg-padding-6-half-rem-bottom { padding-bottom: 6.5rem; }
    .lg-padding-7-rem-bottom { padding-bottom: 7rem; }
    .lg-padding-7-half-rem-bottom { padding-bottom: 7.5rem; }
    .lg-padding-8-rem-bottom { padding-bottom: 8rem; }
    .lg-padding-8-half-rem-bottom { padding-bottom: 8.5rem; }
    .lg-padding-9-rem-bottom { padding-bottom: 9rem; }
    .lg-padding-9-half-rem-bottom { padding-bottom: 9.5rem; }
    .lg-padding-10-rem-bottom { padding-bottom: 10rem; }
    .lg-padding-10-half-rem-bottom { padding-bottom: 10.5rem; }

    /* padding right */
    .lg-padding-one-right { padding-right:1%; }
    .lg-padding-two-right { padding-right:2%; }
    .lg-padding-three-right { padding-right:3%; }
    .lg-padding-four-right { padding-right:4% }
    .lg-padding-five-right { padding-right:5%; }
    .lg-padding-six-right { padding-right:6%; }
    .lg-padding-seven-right { padding-right:7%; }
    .lg-padding-eight-right { padding-right:8%; }
    .lg-padding-nine-right { padding-right:9%; }
    .lg-padding-ten-right { padding-right:10%; }
    .lg-padding-eleven-right { padding-right:11%; }
    .lg-padding-twelve-right { padding-right:12%; }
    .lg-padding-thirteen-right { padding-right:13%; }
    .lg-padding-fourteen-right { padding-right:14%; }
    .lg-padding-fifteen-right { padding-right:15%; }
    .lg-padding-sixteen-right { padding-right:16%; }
    .lg-padding-seventeen-right { padding-right:17%; }
    .lg-padding-eighteen-right { padding-right:18%; }
    .lg-padding-nineteen-right { padding-right:19%; }
    .lg-padding-twenty-right { padding-right:20%; }
    .lg-padding-5px-right { padding-right:5px; }
    .lg-padding-10px-right { padding-right:10px; }
    .lg-padding-15px-right { padding-right:15px; }
    .lg-padding-20px-right { padding-right:20px; }
    .lg-padding-25px-right { padding-right:25px; }
    .lg-padding-30px-right { padding-right:30px; }
    .lg-padding-35px-right { padding-right:35px; }
    .lg-padding-40px-right { padding-right:40px; }
    .lg-padding-45px-right { padding-right:45px; }
    .lg-padding-50px-right { padding-right:50px; }
    .lg-padding-55px-right { padding-right:55px; }
    .lg-padding-60px-right { padding-right:60px; }
    .lg-padding-65px-right { padding-right:65px; }
    .lg-padding-70px-right { padding-right:70px; }
    .lg-padding-75px-right { padding-right:75px; }
    .lg-padding-80px-right { padding-right:80px; }
    .lg-padding-85px-right { padding-right:85px; }
    .lg-padding-90px-right { padding-right:90px; }
    .lg-padding-95px-right { padding-right:95px; }
    .lg-padding-100px-right { padding-right:100px; }
    .lg-padding-1-rem-right { padding-right: 1rem; }
    .lg-padding-1-half-rem-right { padding-right: 1.5rem; }
    .lg-padding-2-rem-right { padding-right: 2rem; }
    .lg-padding-2-half-rem-right { padding-right: 2.5rem; }
    .lg-padding-3-rem-right { padding-right: 3rem; }
    .lg-padding-3-half-rem-right { padding-right: 3.5rem; }
    .lg-padding-4-rem-right { padding-right: 4rem; }
    .lg-padding-4-half-rem-right { padding-right: 4.5rem; }
    .lg-padding-5-rem-right { padding-right: 5rem; }
    .lg-padding-5-half-rem-right { padding-right: 5.5rem; }
    .lg-padding-6-rem-right { padding-right: 6rem; }
    .lg-padding-6-half-rem-right { padding-right: 6.5rem; }
    .lg-padding-7-rem-right { padding-right: 7rem; }
    .lg-padding-7-half-rem-right { padding-right: 7.5rem; }
    .lg-padding-8-rem-right { padding-right: 8rem; }
    .lg-padding-8-half-rem-right { padding-right: 8.5rem; }
    .lg-padding-9-rem-right { padding-right: 9rem; }
    .lg-padding-9-half-rem-right { padding-right: 9.5rem; }
    .lg-padding-10-rem-right { padding-right: 10rem; }
    .lg-padding-10-half-rem-right { padding-right: 10.5rem; }

    /* padding left */
    .lg-padding-one-left { padding-left:1%; }
    .lg-padding-two-left { padding-left:2%; }
    .lg-padding-three-left { padding-left:3%; }
    .lg-padding-four-left { padding-left:4%; }
    .lg-padding-five-left { padding-left:5%; }
    .lg-padding-six-left { padding-left:6%; }
    .lg-padding-seven-left { padding-left:7%; }
    .lg-padding-eight-left { padding-left:8%; }
    .lg-padding-nine-left { padding-left:9%; }
    .lg-padding-ten-left { padding-left:10%; }
    .lg-padding-eleven-left { padding-left:11%; }
    .lg-padding-twelve-left { padding-left:12%; }
    .lg-padding-thirteen-left { padding-left:13%; }
    .lg-padding-fourteen-left { padding-left:14%; }
    .lg-padding-fifteen-left { padding-left:15%; }
    .lg-padding-sixteen-left { padding-left:16%; }
    .lg-padding-seventeen-left { padding-left:17%; }
    .lg-padding-eighteen-left { padding-left:18%; }
    .lg-padding-nineteen-left { padding-left:19%; }
    .lg-padding-twenty-left { padding-left:20%; }
    .lg-padding-5px-left { padding-left:5px; }
    .lg-padding-10px-left { padding-left:10px; }
    .lg-padding-15px-left { padding-left:15px; }
    .lg-padding-20px-left { padding-left:20px; }
    .lg-padding-25px-left { padding-left:25px; }
    .lg-padding-30px-left { padding-left:30px; }
    .lg-padding-35px-left { padding-left:35px; }
    .lg-padding-40px-left { padding-left:40px; }
    .lg-padding-45px-left { padding-left:45px; }
    .lg-padding-50px-left { padding-left:50px; }
    .lg-padding-55px-left { padding-left:55px; }
    .lg-padding-60px-left { padding-left:60px; }
    .lg-padding-65px-left { padding-left:65px; }
    .lg-padding-70px-left { padding-left:70px; }
    .lg-padding-75px-left { padding-left:75px; }
    .lg-padding-80px-left { padding-left:80px; }
    .lg-padding-85px-left { padding-left:85px; }
    .lg-padding-90px-left { padding-left:90px; }
    .lg-padding-95px-left { padding-left:95px; }
    .lg-padding-100px-left { padding-left:100px; }
    .lg-padding-1-rem-left { padding-left: 1rem; }
    .lg-padding-1-half-rem-left { padding-left: 1.5rem; }
    .lg-padding-2-rem-left { padding-left: 2rem; }
    .lg-padding-2-half-rem-left { padding-left: 2.5rem; }
    .lg-padding-3-rem-left { padding-left: 3rem; }
    .lg-padding-3-half-rem-left { padding-left: 3.5rem; }
    .lg-padding-4-rem-left { padding-left: 4rem; }
    .lg-padding-4-half-rem-left { padding-left: 4.5rem; }
    .lg-padding-5-rem-left { padding-left: 5rem; }
    .lg-padding-5-half-rem-left { padding-left: 5.5rem; }
    .lg-padding-6-rem-left { padding-left: 6rem; }
    .lg-padding-6-half-rem-left { padding-left: 6.5rem; }
    .lg-padding-7-rem-left { padding-left: 7rem; }
    .lg-padding-7-half-rem-left { padding-left: 7.5rem; }
    .lg-padding-8-rem-left { padding-left: 8rem; }
    .lg-padding-8-half-rem-left { padding-left: 8.5rem; }
    .lg-padding-9-rem-left { padding-left: 9rem; }
    .lg-padding-9-half-rem-left { padding-left: 9.5rem; }
    .lg-padding-10-rem-left { padding-left: 10rem; }
    .lg-padding-10-half-rem-left { padding-left: 10.5rem; }

    /* padding top bottom */
    .lg-padding-one-tb { padding-top:1%; padding-bottom:1%; }
    .lg-padding-two-tb { padding-top:2%; padding-bottom:2%; }
    .lg-padding-three-tb { padding-top:3%; padding-bottom:3%; }
    .lg-padding-four-tb { padding-top:4%; padding-bottom:4%; }
    .lg-padding-five-tb { padding-top:5%; padding-bottom:5%; }
    .lg-padding-six-tb { padding-top:6%; padding-bottom:6%; }
    .lg-padding-seven-tb { padding-top:7%; padding-bottom:7%; }
    .lg-padding-eight-tb { padding-top:8%; padding-bottom:8%; }
    .lg-padding-nine-tb { padding-top:9%; padding-bottom:9%; }
    .lg-padding-ten-tb { padding-top:10%; padding-bottom:10%; }
    .lg-padding-eleven-tb { padding-top:11%; padding-bottom:11%; }
    .lg-padding-twelve-tb { padding-top:12%; padding-bottom:12%; }
    .lg-padding-thirteen-tb { padding-top:13%; padding-bottom:13%; }
    .lg-padding-fourteen-tb { padding-top:14%; padding-bottom:14%; }
    .lg-padding-fifteen-tb { padding-top:15%; padding-bottom:15%; }
    .lg-padding-sixteen-tb { padding-top:16%; padding-bottom:16%; }
    .lg-padding-seventeen-tb { padding-top:17%; padding-bottom:17%; }
    .lg-padding-eighteen-tb { padding-top:18%; padding-bottom:18%; }
    .lg-padding-nineteen-tb { padding-top:19%; padding-bottom:19%; }
    .lg-padding-twenty-tb { padding-top:20%; padding-bottom:20%; }
    .lg-padding-5px-tb { padding-top:5px; padding-bottom:5px; }
    .lg-padding-10px-tb { padding-top:10px; padding-bottom:10px; }
    .lg-padding-15px-tb { padding-top:15px; padding-bottom:15px; }
    .lg-padding-20px-tb { padding-top:20px; padding-bottom:20px; }
    .lg-padding-25px-tb { padding-top:25px; padding-bottom:25px; }
    .lg-padding-30px-tb { padding-top:30px; padding-bottom:30px; }
    .lg-padding-35px-tb { padding-top:35px; padding-bottom:35px; }
    .lg-padding-40px-tb { padding-top:40px; padding-bottom:40px; }
    .lg-padding-45px-tb { padding-top:45px; padding-bottom:45px; }
    .lg-padding-50px-tb { padding-top:50px; padding-bottom:50px; }
    .lg-padding-55px-tb { padding-top:55px; padding-bottom:55px; }
    .lg-padding-60px-tb { padding-top:60px; padding-bottom:60px; }
    .lg-padding-65px-tb { padding-top:65px; padding-bottom:65px; }
    .lg-padding-70px-tb { padding-top:70px; padding-bottom:70px; }
    .lg-padding-75px-tb { padding-top:75px; padding-bottom:75px; }
    .lg-padding-80px-tb { padding-top:80px; padding-bottom:80px; }
    .lg-padding-85px-tb { padding-top:85px; padding-bottom:85px; }
    .lg-padding-90px-tb { padding-top:90px; padding-bottom:90px; }
    .lg-padding-95px-tb { padding-top:95px; padding-bottom:95px; }
    .lg-padding-100px-tb { padding-top:100px; padding-bottom:100px; }
    .lg-padding-1-rem-tb { padding-top: 1rem; padding-bottom: 1rem; }
    .lg-padding-1-half-rem-tb { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .lg-padding-2-rem-tb { padding-top: 2rem; padding-bottom: 2rem; }
    .lg-padding-2-half-rem-tb { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .lg-padding-3-rem-tb { padding-top: 3rem; padding-bottom: 3rem; }
    .lg-padding-3-half-rem-tb { padding-top: 3.5rem; padding-bottom: 3.5rem; }
    .lg-padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
    .lg-padding-4-half-rem-tb { padding-top: 4.5rem; padding-bottom: 4.5rem; }
    .lg-padding-5-rem-tb { padding-top: 5rem; padding-bottom: 5rem; }
    .lg-padding-5-half-rem-tb { padding-top: 5.5rem; padding-bottom: 5.5rem; }
    .lg-padding-6-rem-tb { padding-top: 6rem; padding-bottom: 6rem; }
    .lg-padding-6-half-rem-tb { padding-top: 6.5rem; padding-bottom: 6.5rem; }
    .lg-padding-7-rem-tb { padding-top: 7rem; padding-bottom: 7rem; }
    .lg-padding-7-half-rem-tb { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .lg-padding-8-rem-tb { padding-top: 8rem; padding-bottom: 8rem; }
    .lg-padding-8-half-rem-tb { padding-top: 8.5rem; padding-bottom: 8.5rem; }
    .lg-padding-9-rem-tb { padding-top: 9rem; padding-bottom: 9rem; }
    .lg-padding-9-half-rem-tb { padding-top: 9.5rem; padding-bottom: 9.5rem; }
    .lg-padding-10-rem-tb { padding-top: 10rem; padding-bottom: 10rem; }
    .lg-padding-10-half-rem-tb { padding-top: 10.5rem; padding-bottom: 10.5rem; }

    /* padding left right */
    .lg-padding-one-lr { padding-left:1%; padding-right:1%; }
    .lg-padding-two-lr { padding-left:2%; padding-right:2%; }
    .lg-padding-three-lr { padding-left:3%; padding-right:3%; }
    .lg-padding-four-lr { padding-left:4%; padding-right:4%; }
    .lg-padding-five-lr { padding-left:5%; padding-right:5%; }
    .lg-padding-six-lr { padding-left:6%; padding-right:6%; }
    .lg-padding-seven-lr { padding-left:7%; padding-right:7%; }
    .lg-padding-eight-lr { padding-left:8%; padding-right:8%; }
    .lg-padding-nine-lr { padding-left:9%; padding-right:9%; }
    .lg-padding-ten-lr { padding-left:10%; padding-right:10%; }
    .lg-padding-eleven-lr { padding-left:11%; padding-right:11%; }
    .lg-padding-twelve-lr { padding-left:12%; padding-right:12%; }
    .lg-padding-thirteen-lr { padding-left:13%; padding-right:13%; }
    .lg-padding-fourteen-lr { padding-left:14%; padding-right:14%; }
    .lg-padding-fifteen-lr { padding-left:15%; padding-right:15%; }
    .lg-padding-sixteen-lr { padding-left:16%; padding-right:16%; }
    .lg-padding-seventeen-lr { padding-left:17%; padding-right:17%; }
    .lg-padding-eighteen-lr { padding-left:18%; padding-right:18%; }
    .lg-padding-nineteen-lr { padding-left:19%; padding-right:19%; }
    .lg-padding-twenty-lr { padding-left:20%; padding-right:20%; }
    .lg-padding-5px-lr { padding-left:5px; padding-right:5px; }
    .lg-padding-10px-lr { padding-left:10px; padding-right:10px; }
    .lg-padding-15px-lr { padding-left:15px; padding-right:15px; }
    .lg-padding-20px-lr { padding-left:20px; padding-right:20px; }
    .lg-padding-25px-lr { padding-left:25px; padding-right:25px; }
    .lg-padding-30px-lr { padding-left:30px; padding-right:30px; }
    .lg-padding-35px-lr { padding-left:35px; padding-right:35px; }
    .lg-padding-40px-lr { padding-left:40px; padding-right:40px; }
    .lg-padding-45px-lr { padding-left:45px; padding-right:45px; }
    .lg-padding-50px-lr { padding-left:50px; padding-right:50px; }
    .lg-padding-55px-lr { padding-left:55px; padding-right:55px; }
    .lg-padding-60px-lr { padding-left:60px; padding-right:60px; }
    .lg-padding-65px-lr { padding-left:65px; padding-right:65px; }
    .lg-padding-70px-lr { padding-left:70px; padding-right:70px; }
    .lg-padding-75px-lr { padding-left:75px; padding-right:75px; }
    .lg-padding-80px-lr { padding-left:80px; padding-right:80px; }
    .lg-padding-85px-lr { padding-left:85px; padding-right:85px; }
    .lg-padding-90px-lr { padding-left:90px; padding-right:90px; }
    .lg-padding-95px-lr { padding-left:95px; padding-right:95px; }
    .lg-padding-100px-lr { padding-left:100px; padding-right:100px; }
    .lg-padding-1-rem-lr { padding-left: 1rem; padding-right: 1rem; }
    .lg-padding-1-half-rem-lr { padding-left: 1.5rem; padding-right: 1.5rem; }
    .lg-padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
    .lg-padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
    .lg-padding-3-rem-lr { padding-left: 3rem; padding-right: 3rem; }
    .lg-padding-3-half-rem-lr { padding-left: 3.5rem; padding-right: 3.5rem; }
    .lg-padding-4-rem-lr { padding-left: 4rem; padding-right: 4rem; }
    .lg-padding-4-half-rem-lr { padding-left: 4.5rem; padding-right: 4.5rem; }
    .lg-padding-5-rem-lr { padding-left: 5rem; padding-right: 5rem; }
    .lg-padding-5-half-rem-lr { padding-left: 5.5rem; padding-right: 5.5rem; }
    .lg-padding-6-rem-lr { padding-left: 6rem; padding-right: 6rem; }
    .lg-padding-6-half-rem-lr { padding-left: 6.5rem; padding-right: 6.5rem; }
    .lg-padding-7-rem-lr { padding-left: 7rem; padding-right: 7rem; }
    .lg-padding-7-half-rem-lr { padding-left: 7.5rem; padding-right: 7.5rem; }
    .lg-padding-8-rem-lr { padding-left: 8rem; padding-right: 8rem; }
    .lg-padding-8-half-rem-lr { padding-left: 8.5rem; padding-right: 8.5rem; }
    .lg-padding-9-rem-lr { padding-left: 9rem; padding-right: 9rem; }
    .lg-padding-9-half-rem-lr { padding-left: 9.5rem; padding-right: 9.5rem; }
    .lg-padding-10-rem-lr { padding-left: 10rem; padding-right: 10rem; }
    .lg-padding-10-half-rem-lr { padding-left: 10.5rem; padding-right: 10.5rem; }

    .lg-no-padding { padding:0 !important; }
    .lg-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .lg-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
    .lg-no-padding-top { padding-top:0 !important; }
    .lg-no-padding-bottom { padding-bottom:0 !important; }
    .lg-no-padding-left { padding-left:0 !important; }
    .lg-no-padding-right { padding-right:0 !important; }

    /* display and overflow */
    .lg-d-initial { display: initial !important; }
    .lg-overflow-hidden { overflow:hidden !important; }
    .lg-overflow-visible { overflow:visible !important; }
    .lg-overflow-auto { overflow:auto !important; }

    /* position */
    .lg-position-relative { position: relative !important; }
    .lg-position-absolute { position: absolute !important; }
    .lg-position-fixed { position: fixed !important; }
    .lg-position-inherit { position: inherit !important; }
    .lg-position-initial { position: initial !important; }

    /* top */
    .lg-top-0px { top: 0; }
    .lg-top-1px { top: 1px; }
    .lg-top-2px { top: 2px; }
    .lg-top-3px { top: 3px; }
    .lg-top-4px { top: 4px; }
    .lg-top-5px { top: 5px; }
    .lg-top-6px { top: 6px; }
    .lg-top-7px { top: 7px; }
    .lg-top-8px { top: 8px; }
    .lg-top-9px { top: 9px; }
    .lg-top-10px { top: 10px; }
    .lg-top-15px { top: 15px; }
    .lg-top-20px { top: 20px; }
    .lg-top-25px { top: 25px; }
    .lg-top-30px { top: 30px; }
    .lg-top-35px { top: 35px; }
    .lg-top-40px { top: 40px; }
    .lg-top-45px { top: 45px; }
    .lg-top-50px { top: 50px; }
    .lg-top-auto { top:auto; }
    .lg-top-inherit { top:inherit; }

    /* top minus */
    .lg-top-minus-1px { top: -1px; }
    .lg-top-minus-2px { top: -2px; }
    .lg-top-minus-3px { top: -3px; }
    .lg-top-minus-4px { top: -4px; }
    .lg-top-minus-5px { top: -5px; }
    .lg-top-minus-6px { top: -6px; }
    .lg-top-minus-7px { top: -7px; }
    .lg-top-minus-8px { top: -8px; }
    .lg-top-minus-9px { top: -9px; }
    .lg-top-minus-10px { top: -10px; }
    .lg-top-minus-15px { top: -15px; }
    .lg-top-minus-20px { top: -20px; }
    .lg-top-minus-25px { top: -25px; }
    .lg-top-minus-30px { top: -30px; }
    .lg-top-minus-35px { top: -35px; }
    .lg-top-minus-40px { top: -40px; }
    .lg-top-minus-45px { top: -45px; }
    .lg-top-minus-50px { top: -50px; }

    /* bottom */
    .lg-bottom-0px { bottom:0; }
    .lg-bottom-1px { bottom:1px; }
    .lg-bottom-2px { bottom:2px; }
    .lg-bottom-3px { bottom:3px; }
    .lg-bottom-4px { bottom:4px; }
    .lg-bottom-5px { bottom:5px; }
    .lg-bottom-6px { bottom:6px; }
    .lg-bottom-7px { bottom:7px; }
    .lg-bottom-8px { bottom:8px; }
    .lg-bottom-9px { bottom:9px; }
    .lg-bottom-10px { bottom:10px; }
    .lg-bottom-15px { bottom:15px; }
    .lg-bottom-20px { bottom:20px; }
    .lg-bottom-25px { bottom:25px; }
    .lg-bottom-30px { bottom:30px; }
    .lg-bottom-35px { bottom:35px; }
    .lg-bottom-40px { bottom:40px; }
    .lg-bottom-45px { bottom:45px; }
    .lg-bottom-50px { bottom:50px; }
    .lg-bottom-55px { bottom:55px; }
    .lg-bottom-60px { bottom:60px; }
    .lg-bottom-auto { bottom: auto; }
    .lg-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .lg-bottom-minus-1px { bottom: -1px; }
    .lg-bottom-minus-2px { bottom: -2px; }
    .lg-bottom-minus-3px { bottom: -3px; }
    .lg-bottom-minus-4px { bottom: -4px; }
    .lg-bottom-minus-5px { bottom: -5px; }
    .lg-bottom-minus-6px { bottom: -6px; }
    .lg-bottom-minus-7px { bottom: -7px; }
    .lg-bottom-minus-8px { bottom: -8px; }
    .lg-bottom-minus-9px { bottom: -9px; }
    .lg-bottom-minus-10px { bottom: -10px; }
    .lg-bottom-minus-15px { bottom: -15px; }
    .lg-bottom-minus-20px { bottom: -20px; }
    .lg-bottom-minus-25px { bottom: -25px; }
    .lg-bottom-minus-30px { bottom: -30px; }
    .lg-bottom-minus-35px { bottom: -35px; }
    .lg-bottom-minus-40px { bottom: -40px; }
    .lg-bottom-minus-45px { bottom: -45px; }
    .lg-bottom-minus-50px { bottom: -50px; }

    /* right */
    .lg-right-0px { right: 0; }
    .lg-right-1px { right: 1px; }
    .lg-right-2px { right: 2px; }
    .lg-right-3px { right: 3px; }
    .lg-right-4px { right: 4px; }
    .lg-right-5px { right: 5px; }
    .lg-right-6px { right: 6px; }
    .lg-right-7px { right: 7px; }
    .lg-right-8px { right: 8px; }
    .lg-right-9px { right: 9px; }
    .lg-right-10px { right: 10px; }
    .lg-right-15px { right: 15px; }
    .lg-right-20px { right: 20px; }
    .lg-right-25px { right: 25px; }
    .lg-right-30px { right: 30px; }
    .lg-right-35px { right: 35px; }
    .lg-right-40px { right: 40px; }
    .lg-right-45px { right: 45px; }
    .lg-right-50px { right: 50px; }
    .lg-right-auto { right: auto; }
    .lg-right-inherit { right: inherit; }

    /* right minus */
    .lg-right-minus-1px { right: -1px; }
    .lg-right-minus-2px { right: -2px; }
    .lg-right-minus-3px { right: -3px; }
    .lg-right-minus-4px { right: -4px; }
    .lg-right-minus-5px { right: -5px; }
    .lg-right-minus-6px { right: -6px; }
    .lg-right-minus-7px { right: -7px; }
    .lg-right-minus-8px { right: -8px; }
    .lg-right-minus-9px { right: -9px; }
    .lg-right-minus-10px { right: -10px; }
    .lg-right-minus-15px { right: -15px; }
    .lg-right-minus-20px { right: -20px; }
    .lg-right-minus-25px { right: -25px; }
    .lg-right-minus-30px { right: -30px; }
    .lg-right-minus-35px { right: -35px; }
    .lg-right-minus-40px { right: -40px; }
    .lg-right-minus-45px { right: -45px; }
    .lg-right-minus-50px { right: -50px; }

    /* left */
    .lg-left-0px { left: 0; }
    .lg-left-1px { left: 1px; }
    .lg-left-2px { left: 2px; }
    .lg-left-3px { left: 3px; }
    .lg-left-4px { left: 4px; }
    .lg-left-5px { left: 5px; }
    .lg-left-6px { left: 6px; }
    .lg-left-7px { left: 7px; }
    .lg-left-8px { left: 8px; }
    .lg-left-9px { left: 9px; }
    .lg-left-10px { left: 10px; }
    .lg-left-15px { left: 15px; }
    .lg-left-20px { left: 20px; }
    .lg-left-25px { left: 25px; }
    .lg-left-30px { left: 30px; }
    .lg-left-35px { left: 35px; }
    .lg-left-40px { left: 40px; }
    .lg-left-45px { left: 45px; }
    .lg-left-50px { left: 50px; }
    .lg-left-55px { left: 55px; }
    .lg-left-60px { left: 60px; }
    .lg-left-auto { left: auto; }
    .lg-left-inherit { left: inherit; }

    /* left minus */
    .lg-left-minus-1px { left: -1px; }
    .lg-left-minus-2px { left: -2px; }
    .lg-left-minus-3px { left: -3px; }
    .lg-left-minus-4px { left: -4px; }
    .lg-left-minus-5px { left: -5px; }
    .lg-left-minus-6px { left: -6px; }
    .lg-left-minus-7px { left: -7px; }
    .lg-left-minus-8px { left: -8px; }
    .lg-left-minus-9px { left: -9px; }
    .lg-left-minus-10px { left: -10px; }
    .lg-left-minus-15px { left: -15px; }
    .lg-left-minus-20px { left: -20px; }
    .lg-left-minus-25px { left: -25px; }
    .lg-left-minus-30px { left: -30px; }
    .lg-left-minus-35px { left: -35px; }
    .lg-left-minus-40px { left: -40px; }
    .lg-left-minus-45px { left: -45px; }
    .lg-left-minus-50px { left: -50px; }

    /* width */
    .lg-w-1px { width:1px !important; }
    .lg-w-2px { width:2px !important; }
    .lg-w-3px { width:3px !important; }
    .lg-w-4px { width:4px !important; }
    .lg-w-5px { width:5px !important; }
    .lg-w-6px { width:6px !important; }
    .lg-w-7px { width:7px !important; }
    .lg-w-8px { width:8px !important; }
    .lg-w-9px { width:9px !important; }
    .lg-w-10px { width:10px !important; }
    .lg-w-15px { width:15px !important; }
    .lg-w-20px { width:20px !important; }
    .lg-w-25px { width:25px !important; }
    .lg-w-30px { width:30px !important; }
    .lg-w-35px { width:35px !important; }
    .lg-w-40px { width:40px !important; }
    .lg-w-50px { width:50px !important; }
    .lg-w-55px { width:55px !important; }
    .lg-w-60px { width:60px !important; }
    .lg-w-65px { width:65px !important; }
    .lg-w-70px { width:70px !important; }
    .lg-w-75px { width:75px !important; }
    .lg-w-80px { width:80px !important; }
    .lg-w-85px { width:85px !important; }
    .lg-w-90px { width:90px !important; }
    .lg-w-95px { width:95px !important; }
    .lg-w-100px { width:100px !important; }
    .lg-w-110px { width:110px !important; }
    .lg-w-120px { width:120px !important; }
    .lg-w-130px { width:130px !important; }
    .lg-w-140px { width:140px !important; }
    .lg-w-150px { width:150px !important; }
    .lg-w-160px { width:160px !important; }
    .lg-w-170px { width:170px !important; }
    .lg-w-180px { width:180px !important; }
    .lg-w-190px { width:190px !important; }
    .lg-w-200px { width:200px !important; }
    .lg-w-250px { width:250px !important; }
    .lg-w-300px { width:300px !important; }
    .lg-w-350px { width:350px !important; }
    .lg-w-400px { width:400px !important; }
    .lg-w-450px { width:450px !important; }
    .lg-w-500px { width:500px !important; }
    .lg-w-550px { width:550px !important; }
    .lg-w-600px { width:600px !important; }
    .lg-w-650px { width:650px !important; }
    .lg-w-700px { width:700px !important; }
    .lg-w-750px { width:750px !important; }
    .lg-w-800px { width:800px !important; }
    .lg-w-850px { width:850px !important; }
    .lg-w-900px { width:900px !important; }
    .lg-w-950px { width:950px !important; }
    .lg-w-1000px { width:1000px !important; }
    .lg-w-10 { width: 10% !important; }
    .lg-w-15 { width: 15% !important; }
    .lg-w-20 { width: 20% !important; }
    .lg-w-25 { width: 25% !important; }
    .lg-w-30 { width: 30% !important; }
    .lg-w-35 { width: 35% !important; }
    .lg-w-40 { width: 40% !important; }
    .lg-w-45 { width: 45% !important; }
    .lg-w-50 { width: 50% !important; }
    .lg-w-55 { width: 55% !important; }
    .lg-w-60 { width: 60% !important; }
    .lg-w-65 { width: 65% !important; }
    .lg-w-70 { width: 70% !important; }
    .lg-w-75 { width: 75% !important; }
    .lg-w-80 { width: 80% !important; }
    .lg-w-85 { width: 85% !important; }
    .lg-w-90 { width: 90% !important; }
    .lg-w-95 { width: 95% !important; }
    .lg-w-100 { width: 100% !important; }
    .lg-w-auto { width:auto !important; }

    /* height */
    .lg-h-1px { height: 1px !important; }
    .lg-h-2px { height: 2px !important; }
    .lg-h-3px { height: 3px !important; }
    .lg-h-4px { height: 4px !important; }
    .lg-h-5px { height: 5px !important; }
    .lg-h-6px { height: 6px !important; }
    .lg-h-7px { height: 7px !important; }
    .lg-h-8px { height: 8px !important; }
    .lg-h-9px { height: 9px !important; }
    .lg-h-10px { height: 10px !important; }
    .lg-h-20px { height: 20px !important; }
    .lg-h-30px { height: 30px !important; }
    .lg-h-40px { height: 40px !important; }
    .lg-h-42px { height: 42px !important; }
    .lg-h-50px { height: 50px !important; }
    .lg-h-60px { height: 60px !important; }
    .lg-h-70px { height: 70px !important; }
    .lg-h-80px { height: 80px !important; }
    .lg-h-90px { height: 90px !important; }
    .lg-h-100px { height: 100px !important; }
    .lg-h-110px { height: 110px !important; }
    .lg-h-120px { height: 120px !important; }
    .lg-h-130px { height: 130px !important; }
    .lg-h-140px { height: 140px !important; }
    .lg-h-150px { height: 150px !important; }
    .lg-h-160px { height: 160px !important; }
    .lg-h-170px { height: 170px !important; }
    .lg-h-180px { height: 180px !important; }
    .lg-h-190px { height: 190px !important; }
    .lg-h-200px { height: 200px !important; }
    .lg-h-250px { height: 250px !important; }
    .lg-h-300px { height: 300px !important; }
    .lg-h-350px { height: 350px !important; }
    .lg-h-400px { height: 400px !important; }
    .lg-h-450px { height: 450px !important; }
    .lg-h-500px { height: 500px !important; }
    .lg-h-520px { height: 520px !important; }
    .lg-h-550px { height: 550px !important; }
    .lg-h-580px { height: 580px !important; }
    .lg-h-600px { height: 600px !important; }
    .lg-h-650px { height: 650px !important; }
    .lg-h-700px { height: 700px !important; }
    .lg-h-720px { height: 720px !important; }
    .lg-h-750px { height: 750px !important; }
    .lg-h-800px { height: 800px !important; }
    .lg-h-820px { height: 820px !important; }
    .lg-h-830px { height: 830px !important; }
    .lg-h-850px { height: 850px !important; }
    .lg-h-50 { height: 50% !important; }
    .lg-h-100 { height: 100% !important; }
    .lg-h-auto { height:auto !important; }

    /* min-height */
    .lg-min-h-100px { min-height: 100px; }
    .lg-min-h-200px { min-height: 200px; }
    .lg-min-h-300px { min-height: 300px; }
    .lg-min-h-400px { min-height: 400px; }
    .lg-min-h-500px { min-height: 500px; }
    .lg-min-h-600px { min-height: 600px; }
    .lg-min-h-700px { min-height: 700px; }

    /* screen height */
    .one-fifth-screen { height:750px; }

    /* letter spacing */
    .lg-letter-spacing-normal { letter-spacing: normal; }
    .lg-lt05 { letter-spacing: 0.50px; }
    .lg-lt10 { letter-spacing: 1px; }
    .lg-lt20 { letter-spacing: 2px; }
    .lg-lt30 { letter-spacing: 3px; }
    .lg-lt40 { letter-spacing: 4px; }
    .lg-lt50 { letter-spacing: 5px; }

    /* interactive banner style 02 */
    .interactive-banners-style-02 .category-name { left: 40px; }
    .interactive-banners-style-02 .category-content { padding: 20px 40px 40px; }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer { transform: translateY(calc(100% - 125px)); -webkit-transform: translateY(calc(100% - 125px)); -moz-transform: translateY(calc(100% - 125px)); -ms-transform: translateY(calc(100% - 125px)); }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 50px; bottom: 50px; }

    /* process step style 04 */
    .process-step-style-04 .process-step-item { padding-left: 15px; padding-right: 15px; }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-body { width: 45%; }

    /* time table */
    .time-table .panel { padding: 20px 40px; }
    .time-table .panel .panel-time { min-width: 170px; }
    .time-table .panel .panel-body { width: calc(100% - 350px); }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li a { padding: 8px 30px; }

    /* tab style 07 */
    .tab-style-07 .nav-tabs > li.nav-item { padding: 0 10px; }
    .tab-style-07 .nav-tabs > li.nav-item > a.nav-link { padding: 18px 8px 16px 8px; border-bottom: 4px solid transparent; font-size: 18px}


    /* no border */
    .lg-no-border-top { border-top:0 !important }
    .lg-no-border-bottom { border-bottom:0 !important }
    .lg-no-border-right { border-right:0 !important }
    .lg-no-border-left { border-left:0 !important }
    .lg-no-border-all { border: 0 !important }

    /* border width */
    .lg-border-width-1px { border-width:1px !important; }
    .lg-border-width-2px { border-width:2px !important; }
    .lg-border-width-3px { border-width:3px !important; }
    .lg-border-width-4px { border-width:4px !important; }
    .lg-border-width-5px { border-width:5px !important; }
    .lg-border-width-6px { border-width:6px !important; }
    .lg-border-width-7px { border-width:7px !important; }
    .lg-border-width-8px { border-width:8px !important; }
    .lg-border-width-9px { border-width:9px !important; }
    .lg-border-width-10px { border-width:10px !important; }
    .lg-border-width-11px { border-width:11px !important; }
    .lg-border-width-12px { border-width:12px !important; }
    .lg-border-width-13px { border-width:13px !important; }
    .lg-border-width-14px { border-width:14px !important; }
    .lg-border-width-15px { border-width:15px !important; }
    .lg-border-width-16px { border-width:16px !important; }
    .lg-border-width-17px { border-width:17px !important; }
    .lg-border-width-18px { border-width:18px !important; }
    .lg-border-width-19px { border-width:19px !important; }
    .lg-border-width-20px { border-width:20px !important; }

    /* border */
    .lg-border-all { border: 1px solid; }
    .lg-border-top { border-top: 1px solid; }
    .lg-border-bottom { border-bottom: 1px solid; }
    .lg-border-left { border-left: 1px solid; }
    .lg-border-right { border-right: 1px solid; }
    .lg-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .lg-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* border color */
    .lg-border-color-white { border-color: #fff; }
    .lg-border-color-black { border-color: #000; }
    .lg-border-color-sky-blue { border-color: #2e94eb; }
    .lg-border-color-extra-dark-gray { border-color: #232323; }
    .lg-border-color-medium-dark-gray { border-color: #363636; }
    .lg-border-color-dark-gray { border-color: #939393; }
    .lg-border-color-extra-medium-gray { border-color: #dbdbdb; }
    .lg-border-color-medium-gray { border-color: #e4e4e4; }
    .lg-border-color-extra-light-gray { border-color: #ededed; }
    .lg-border-color-light-gray { border-color: #f5f5f5; }
    .lg-border-color-light-pink { border-color: #862237; }
    .lg-border-color-deep-pink { border-color: #ff214f; }
    .lg-border-color-pink { border-color: #ff357c; }
    .lg-border-color-fast-blue { border-color: #0038e3; }
    .lg-border-color-orange { border-color: #ff6437; }
    .lg-border-color-green { border-color: #45d690; }
    .lg-border-color-golden { border-color: #d0ba6d; }
    .lg-border-color-persian-blue { border-color: #0039CC; }
    .lg-border-color-purple { border-color: #7342ac; }
    .lg-border-color-parrot-green { border-color: #cee002; }
    .lg-border-color-dark-red { border-color: #e12837; }

    /* transparent border */
    .lg-border-color-transparent { border-color: transparent; }
    .lg-border-color-black-transparent { border-color: rgba(0,0,0,.1); }
    .lg-border-color-white-transparent { border-color: rgba(255,255,255,.1); }
    .lg-border-color-golden-transparent { border-color: rgba(208, 186, 109, 0.2); }
    .lg-border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45); }
    .lg-border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2); }
    .lg-border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4); }
    .lg-border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05); }
    .lg-border-color-light-white-transparent { border-color: rgba(255,255,255,0.1); }
    .lg-border-color-nero-transparent { border-color: rgba(25,25,25,0.1); }
    .lg-border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04); }

    /* border style */
    .lg-border-dotted { border-style: dotted !important; }
    .lg-border-dashed { border-style: dashed !important; }
    .lg-border-solid { border-style: solid !important; }
    .lg-border-double { border-style: double !important; }
    .lg-border-groove { border-style: groove !important; }
    .lg-border-ridge { border-style: ridge !important; }
    .lg-border-inset { border-style: inset !important; }
    .lg-border-outset { border-style: outset !important; }
    .lg-border-none { border-style: none !important; }
    .lg-border-hidden { border-style: hidden !important; }
    .lg-border-transperent { border-color: transparent !important; }

    /* box layout */
    .box-layout { padding:0; }
    .box-layout-large { padding:0; }

    /* navigation */
    .nav-item.dropdown.megamenu .menu-back-div { padding: 35px 50px 40px; }
    .nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"] { padding-right: 30px; }
    .nav-item.dropdown.megamenu .menu-back-div .col:last-child, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"]:last-child { padding-right: 15px; }

    /* slider navigation style 02 */
    .slider-navigation-style-02.swiper-button-prev { left: -15px;}
    .slider-navigation-style-02.swiper-button-next { right: -15px;}

    /* slider navigation style 04 */
    .slider-navigation-style-04.swiper-button-prev { left: -20%; }
    .slider-navigation-style-04.swiper-button-next { right: -20%; }

    /* slider navigation style 07 */
    .slider-navigation-style-07.swiper-button-prev.light { left: -5px;}
    .slider-navigation-style-07.swiper-button-next.light { right: -5px;}

    /* grid */
    .grid.lg-grid-6col li { width: 16.67%; }
    .grid.lg-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.lg-grid-5col li { width: 20%; }
    .grid.lg-grid-5col li.grid-item-double { width: 40%; }
    .grid.lg-grid-4col li { width: 25%; }
    .grid.lg-grid-4col li.grid-item-double { width: 50%; }
    .grid.lg-grid-3col li { width: 33.33%; }
    .grid.lg-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.lg-grid-2col li { width: 50%; }
    .grid.lg-grid-2col li.grid-item-double { width: 100%; }
    .grid.lg-grid-1col li { width: 100%; }

    /* portfolio scattered */
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+0) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+1) .portfolio-box { padding: 15% 0; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+2) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+3) .portfolio-box { padding: 0 15%; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+0) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+1) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+3) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+6) .portfolio-box{ padding: 15% 0; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+2) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+4) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+5) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+7) .portfolio-box { padding: 0 15% 15%; }

    /* justified gallery */
    .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > figure > .caption { bottom: 10px !important; left: 10px !important; right: 10px; box-shadow: none; white-space: normal; top: initial !important; width: calc(100% - 20px); display: block !important;}

    /* table style 01 */
    .table-style-01 {  overflow-x: scroll; }
    .table-style-01 table { width: 900px; }

    /* blog modern */
    .blog-modern .post-details { left: 20px; width: calc(100% - 40px); }

    /* sidebar latest post */
    .latest-post-sidebar li figure { width: 100px; }
    .latest-post-sidebar li div { padding-left: 15px; }

    /* architecture */
    .box-layout .navbar.navbar-boxed { padding-left: 0px; padding-right: 0px; }
    .home-architecture .navbar.bg-transparent, .home-architecture.sticky .header-dark.header-always-fixed-scroll { background-color: transparent !important; }
    .home-architecture .navbar-dark.bg-transparent .push-button > span, .home-architecture.sticky .navbar-dark.bg-transparent .push-button > span { background-color: #FFFFFF !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -240) !important; }
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -307) !important; }

    /* application */
    .banner-bottom-right-images > img { bottom: -65px; }

    /* digital agency */
    .home-digital-agency .outside-box-text-right .fts-big3 { font-size: 200px; }

    /* marketing agency */
    footer.home-marketing-agency .footer-horizontal-link li { margin-right: 20px; }
    footer.home-marketing-agency .footer-horizontal-link li:last-child { margin-right: 0; }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar { padding: 0 4.5rem;}

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item .interactive-title { font-size: 70px; line-height: 70px; padding: 20px 35px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:after { bottom: 30px; }
    .fullscreen-hover-list .hover-list-item.active .interactive-title:after { width: calc(100% - 60px); }

    /* content box image */
    .content-box-image { height: 225px; }

    /* landing page */
    .litho-parallax-bg { width: 620px; }
    .customer-bg-section { top: 80px; bottom: inherit; }
    .landing-page-auto-slider .swiper-container.swiper-auto-slide .swiper-slide { width: 40% !important; }

    /* for buy and demo button */
    .theme-demos { display: none !important; }
    
    /* magnific popup */
    button.mfp-close, .mfp-image-holder button.mfp-close, .mfp-iframe-holder button.mfp-close, .mfp-close:active { top: 20px; right: 20px; }
}

@media (max-width: 1024px) {
    /*main content*/
    .main-content { margin-bottom: 0 !important; position: inherit; }

    /* background image */
    .fix-background { background-attachment: unset !important; }

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination { left: 73px; bottom: 115px; }

    /* home decor */
    .home-decor .zeus { transform: matrix(1, 0, 0, 1, -470, -59) !important; }
    .home-decor .collection-btn span{ width: 48px !important; height: 48px !important; top: 50% !important; transform: translateY(-50%) !important; }
    .home-decor .collection-btn:hover span{ width: 100% !important; height: 48px; }
    .home-decor .tp-bullet { height: 8px !important; width: 8px !important; }

    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 605px !important; }

    /* home-architecture */
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -240) !important; }
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -307) !important; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-icon { opacity: 1; visibility: visible; transition-delay: .8s; transition-duration: 1s;}


    /* scroll to top */
    .scroll-top-arrow { display: none !important}

    /*footer sticky*/
    .footer-sticky { position: relative !important; z-index: 0 !important; }

}

@media only screen and (max-width:1024px) and (min-width: 778px) {
    /* spa salon */
    .home-spa-salon .ares { top: 55.5% !important; }
}


@media (max-width: 991px) {
    /* reset */
    html { font-size: 12px }
    section { padding: 75px 0; }
    section.big-section { padding:95px 0; }
    section.extra-big-section { padding: 110px 0; }
    section.half-section { padding:40px 0; }
    section.section-py-l { padding:40px 0; }
    section.section-py-ls { padding:15px 0; }	
    section.section-py-m { padding:30px 0; }
    section.section-py-ms { padding:15px 0; }	
    section.section-py-s { padding:15px 0; }	
    .md-no-overlap-section { height: auto !important}
    .md-no-overlap-section ~ section .overlap-section { margin-top: 0 !important}
    .md-last-order { order: 10; }

    /* typography */
    p { margin: 0 0 20px; }

    /* text size */
    .fs-xl { font-size:16px; line-height:22px; }
    .fs-xxl { font-size: 18px; line-height:26px; }
    .fts-xs { font-size: 30px; line-height: 30px; }
    .fts-l { font-size: 70px; line-height: 65px; }
    .fts-xl { font-size: 90px; line-height:85px }
    .fts-xxl { font-size: 9rem; line-height: 11rem; }
    .fts-big { font-size: 120px; line-height: 120px; }

    /* lineheight */
    .md-lh0 { line-height: 0px; }
    .md-lh8 { line-height: 8px; }
    .md-lh10 { line-height: 10px; }
    .md-lh14 { line-height: 14px; }
    .md-lh15 { line-height: 15px; }
    .md-lh16 { line-height: 16px; }
    .md-lh18 { line-height: 18px; }
    .md-lh20 { line-height: 20px; }
    .md-lh22 { line-height: 22px; }
    .md-lh24 { line-height: 24px; }
    .md-lh26 { line-height: 26px; }
    .md-lh28 { line-height: 28px; }
    .md-lh30 { line-height: 30px; }
    .md-lh32 { line-height: 32px; }
    .md-lh34 { line-height: 34px; }
    .md-lh36 { line-height: 36px; }
    .md-lh38 { line-height: 38px; }
    .md-lh40 { line-height: 40px; }
    .md-lh50 { line-height: 50px; }
    .md-lh140 { line-height: 140px; }
    .md-lhnormal { line-height: normal; }

    /* letter spacing minus */
    .md-ltm05 { letter-spacing: -0.50px; }
    .md-ltm10 { letter-spacing: -1px; }
    .md-ltm20 { letter-spacing: -2px; }
    .md-ltm30 { letter-spacing: -3px; }
    .md-ltm40 { letter-spacing: -4px; }
    .md-ltm50 { letter-spacing: -5px; }

    /* absolute middle center */
    .md-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .md-background-image-none { background: inherit !important; }
    .md-background-position-left { background-position: left center; }
    .md-background-position-right { background-position: right center; }
    .md-background-position-top { background-position: right top; }
    .md-background-position-center { background-position: center; }
    .md-background-position-left-top { background-position: left top; }

    /* blockquote */
    blockquote { padding: 2px 30px; }

    /* box shadow */
    .md-box-shadow-none { box-shadow: none; }

    /* margin */
    .md-margin-one-all { margin:1%; }
    .md-margin-two-all { margin:2%; }
    .md-margin-three-all { margin:3%; }
    .md-margin-four-all { margin:4%; }
    .md-margin-five-all { margin:5%; }
    .md-margin-six-all { margin:6%; }
    .md-margin-seven-all { margin:7%; }
    .md-margin-eight-all { margin:8%; }
    .md-margin-nine-all { margin:9%; }
    .md-margin-ten-all { margin:10%; }
    .md-margin-eleven-all { margin:11%; }
    .md-margin-twelve-all { margin:12%; }
    .md-margin-thirteen-all { margin:13%; }
    .md-margin-fourteen-all { margin:14%; }
    .md-margin-fifteen-all { margin:15%; }
    .md-margin-sixteen-all { margin:16%; }
    .md-margin-seventeen-all { margin:17%; }
    .md-margin-eighteen-all { margin:18%; }
    .md-margin-nineteen-all { margin:19%; }
    .md-margin-twenty-all { margin:20%; }
    .md-margin-5px-all { margin:5px; }
    .md-margin-10px-all { margin:10px; }
    .md-margin-15px-all { margin:15px; }
    .md-margin-20px-all { margin:20px; }
    .md-margin-25px-all { margin:25px; }
    .md-margin-30px-all { margin:30px; }
    .md-margin-35px-all { margin:35px; }
    .md-margin-40px-all { margin:40px; }
    .md-margin-45px-all { margin:45px; }
    .md-margin-50px-all { margin:50px; }
    .md-margin-55px-all { margin:55px; }
    .md-margin-60px-all { margin:60px; }
    .md-margin-65px-all { margin:65px; }
    .md-margin-70px-all { margin:70px; }
    .md-margin-75px-all { margin:75px; }
    .md-margin-80px-all { margin:80px; }
    .md-margin-85px-all { margin:85px; }
    .md-margin-90px-all { margin:90px; }
    .md-margin-95px-all { margin:95px; }
    .md-margin-100px-all { margin:100px; }
    .md-margin-1-rem-all { margin: 1rem; }
    .md-margin-1-half-rem-all { margin: 1.5rem; }
    .md-margin-2-rem-all { margin: 2rem; }
    .md-margin-2-half-rem-all { margin: 2.5rem; }
    .md-margin-3-rem-all { margin: 3rem; }
    .md-margin-3-half-rem-all { margin: 3.5rem; }
    .md-margin-4-rem-all { margin: 4rem; }
    .md-margin-4-half-rem-all { margin: 4.5rem; }
    .md-margin-5-rem-all { margin: 5rem; }
    .md-margin-5-half-rem-all { margin: 5.5rem; }
    .md-margin-6-rem-all { margin: 6rem; }
    .md-margin-6-half-rem-all { margin: 6.5rem; }
    .md-margin-7-rem-all { margin: 7rem; }
    .md-margin-7-half-rem-all { margin: 7.5rem; }
    .md-margin-8-rem-all { margin: 8rem; }
    .md-margin-8-half-rem-all { margin: 8.5rem; }
    .md-margin-9-rem-all { margin: 9rem; }
    .md-margin-9-half-rem-all { margin: 9.5rem; }
    .md-margin-10-rem-all { margin: 10rem; }
    .md-margin-10-half-rem-all { margin: 10.5rem; }

    /* margin top */
    .md-margin-one-top { margin-top:1%; }
    .md-margin-two-top { margin-top:2%; }
    .md-margin-three-top { margin-top:3%; }
    .md-margin-four-top { margin-top:4%; }
    .md-margin-five-top { margin-top:5%; }
    .md-margin-six-top { margin-top:6%; }
    .md-margin-seven-top { margin-top:7%; }
    .md-margin-eight-top { margin-top:8%; }
    .md-margin-nine-top { margin-top:9%; }
    .md-margin-ten-top { margin-top:10%; }
    .md-margin-eleven-top { margin-top:11%; }
    .md-margin-twelve-top { margin-top:12%; }
    .md-margin-thirteen-top { margin-top:13%; }
    .md-margin-fourteen-top { margin-top:14%; }
    .md-margin-fifteen-top { margin-top:15%; }
    .md-margin-sixteen-top { margin-top:16%; }
    .md-margin-seventeen-top { margin-top:17%; }
    .md-margin-eighteen-top { margin-top:18%; }
    .md-margin-nineteen-top { margin-top:19%; }
    .md-margin-twenty-top { margin-top:20%; }
    .md-margin-5px-top { margin-top:5px; }
    .md-margin-10px-top { margin-top:10px; }
    .md-margin-15px-top { margin-top:15px; }
    .md-margin-20px-top { margin-top:20px; }
    .md-margin-25px-top { margin-top:25px; }
    .md-margin-30px-top { margin-top:30px; }
    .md-margin-35px-top { margin-top:35px; }
    .md-margin-40px-top { margin-top:40px; }
    .md-margin-45px-top { margin-top:45px; }
    .md-margin-50px-top { margin-top:50px; }
    .md-margin-55px-top { margin-top:55px; }
    .md-margin-60px-top { margin-top:60px; }
    .md-margin-65px-top { margin-top:65px; }
    .md-margin-70px-top { margin-top:70px; }
    .md-margin-75px-top { margin-top:75px; }
    .md-margin-80px-top { margin-top:80px; }
    .md-margin-85px-top { margin-top:85px; }
    .md-margin-90px-top { margin-top:90px; }
    .md-margin-95px-top { margin-top:95px; }
    .md-margin-100px-top { margin-top:100px; }
    .md-margin-1-rem-top { margin-top: 1rem; }
    .md-margin-1-half-rem-top { margin-top: 1.5rem; }
    .md-margin-2-rem-top { margin-top: 2rem; }
    .md-margin-2-half-rem-top { margin-top: 2.5rem; }
    .md-margin-3-rem-top { margin-top: 3rem; }
    .md-margin-3-half-rem-top { margin-top: 3.5rem; }
    .md-margin-4-rem-top { margin-top: 4rem; }
    .md-margin-4-half-rem-top { margin-top: 4.5rem; }
    .md-margin-5-rem-top { margin-top: 5rem; }
    .md-margin-5-half-rem-top { margin-top: 5.5rem; }
    .md-margin-6-rem-top { margin-top: 6rem; }
    .md-margin-6-half-rem-top { margin-top: 6.5rem; }
    .md-margin-7-rem-top { margin-top: 7rem; }
    .md-margin-7-half-rem-top { margin-top: 7.5rem; }
    .md-margin-8-rem-top { margin-top: 8rem; }
    .md-margin-8-half-rem-top { margin-top: 8.5rem; }
    .md-margin-9-rem-top { margin-top: 9rem; }
    .md-margin-9-half-rem-top { margin-top: 9.5rem; }
    .md-margin-10-rem-top { margin-top: 10rem; }
    .md-margin-10-half-rem-top { margin-top: 10.5rem; }

    /* margin bottom */
    .md-margin-one-bottom { margin-bottom:1%; }
    .md-margin-two-bottom { margin-bottom:2%; }
    .md-margin-three-bottom { margin-bottom:3%; }
    .md-margin-four-bottom { margin-bottom:4%; }
    .md-margin-five-bottom { margin-bottom:5%; }
    .md-margin-six-bottom { margin-bottom:6%; }
    .md-margin-seven-bottom { margin-bottom:7%; }
    .md-margin-eight-bottom { margin-bottom:8%; }
    .md-margin-nine-bottom { margin-bottom:9%; }
    .md-margin-ten-bottom { margin-bottom:10%; }
    .md-margin-eleven-bottom { margin-bottom:11%; }
    .md-margin-twelve-bottom { margin-bottom:12%; }
    .md-margin-thirteen-bottom { margin-bottom:13%; }
    .md-margin-fourteen-bottom { margin-bottom:14%; }
    .md-margin-fifteen-bottom { margin-bottom:15%; }
    .md-margin-sixteen-bottom { margin-bottom:16%; }
    .md-margin-seventeen-bottom { margin-bottom:17%; }
    .md-margin-eighteen-bottom { margin-bottom:18%; }
    .md-margin-nineteen-bottom { margin-bottom:19%; }
    .md-margin-twenty-bottom { margin-bottom:20%; }
    .md-margin-5px-bottom { margin-bottom:5px; }
    .md-margin-10px-bottom { margin-bottom:10px; }
    .md-margin-15px-bottom { margin-bottom:15px; }
    .md-margin-20px-bottom { margin-bottom:20px; }
    .md-margin-25px-bottom { margin-bottom:25px; }
    .md-margin-30px-bottom { margin-bottom:30px; }
    .md-margin-35px-bottom { margin-bottom:35px; }
    .md-margin-40px-bottom { margin-bottom:40px; }
    .md-margin-45px-bottom { margin-bottom:45px; }
    .md-margin-50px-bottom { margin-bottom:50px; }
    .md-margin-55px-bottom { margin-bottom:55px; }
    .md-margin-60px-bottom { margin-bottom:60px; }
    .md-margin-65px-bottom { margin-bottom:65px; }
    .md-margin-70px-bottom { margin-bottom:70px; }
    .md-margin-75px-bottom { margin-bottom:75px; }
    .md-margin-80px-bottom { margin-bottom:80px; }
    .md-margin-85px-bottom { margin-bottom:85px; }
    .md-margin-90px-bottom { margin-bottom:90px; }
    .md-margin-95px-bottom { margin-bottom:95px; }
    .md-margin-100px-bottom { margin-bottom:100px; }
    .md-margin-1-rem-bottom { margin-bottom: 1rem; }
    .md-margin-1-half-rem-bottom { margin-bottom: 1.5rem; }
    .md-margin-2-rem-bottom { margin-bottom: 2rem; }
    .md-margin-2-half-rem-bottom { margin-bottom: 2.5rem; }
    .md-margin-3-rem-bottom { margin-bottom: 3rem; }
    .md-margin-3-half-rem-bottom { margin-bottom: 3.5rem; }
    .md-margin-4-rem-bottom { margin-bottom: 4rem; }
    .md-margin-4-half-rem-bottom { margin-bottom: 4.5rem; }
    .md-margin-5-rem-bottom { margin-bottom: 5rem; }
    .md-margin-5-half-rem-bottom { margin-bottom: 5.5rem; }
    .md-margin-6-rem-bottom { margin-bottom: 6rem; }
    .md-margin-6-half-rem-bottom { margin-bottom: 6.5rem; }
    .md-margin-7-rem-bottom { margin-bottom: 7rem; }
    .md-margin-7-half-rem-bottom { margin-bottom: 7.5rem; }
    .md-margin-8-rem-bottom { margin-bottom: 8rem; }
    .md-margin-8-half-rem-bottom { margin-bottom: 8.5rem; }
    .md-margin-9-rem-bottom { margin-bottom: 9rem; }
    .md-margin-9-half-rem-bottom { margin-bottom: 9.5rem; }
    .md-margin-10-rem-bottom { margin-bottom: 10rem; }
    .md-margin-10-half-rem-bottom { margin-bottom: 10.5rem; }

    /* margin right */
    .md-margin-one-right { margin-right:1%; }
    .md-margin-two-right { margin-right:2%; }
    .md-margin-three-right { margin-right:3%; }
    .md-margin-four-right { margin-right:4%; }
    .md-margin-five-right { margin-right:5%; }
    .md-margin-six-right { margin-right:6%; }
    .md-margin-seven-right { margin-right:7%; }
    .md-margin-eight-right { margin-right:8%; }
    .md-margin-nine-right { margin-right:9%; }
    .md-margin-ten-right { margin-right:10%; }
    .md-margin-eleven-right { margin-right:11%; }
    .md-margin-twelve-right { margin-right:12%; }
    .md-margin-thirteen-right { margin-right:13%; }
    .md-margin-fourteen-right { margin-right:14%; }
    .md-margin-fifteen-right { margin-right:15%; }
    .md-margin-sixteen-right { margin-right:16%; }
    .md-margin-seventeen-right { margin-right:17%; }
    .md-margin-eighteen-right { margin-right:18%; }
    .md-margin-nineteen-right { margin-right:19%; }
    .md-margin-twenty-right { margin-right:20%; }
    .md-margin-5px-right { margin-right:5px; }
    .md-margin-10px-right { margin-right:10px; }
    .md-margin-15px-right { margin-right:15px; }
    .md-margin-20px-right { margin-right:20px; }
    .md-margin-25px-right { margin-right:25px; }
    .md-margin-30px-right { margin-right:30px; }
    .md-margin-35px-right { margin-right:35px; }
    .md-margin-40px-right { margin-right:40px; }
    .md-margin-45px-right { margin-right:45px; }
    .md-margin-50px-right { margin-right:50px; }
    .md-margin-55px-right { margin-right:55px; }
    .md-margin-60px-right { margin-right:60px; }
    .md-margin-65px-right { margin-right:65px; }
    .md-margin-70px-right { margin-right:70px; }
    .md-margin-75px-right { margin-right:75px; }
    .md-margin-80px-right { margin-right:80px; }
    .md-margin-85px-right { margin-right:85px; }
    .md-margin-90px-right { margin-right:90px; }
    .md-margin-95px-right { margin-right:95px; }
    .md-margin-100px-right { margin-right:100px; }
    .md-margin-1-rem-right { margin-right: 1rem; }
    .md-margin-1-half-rem-right { margin-right: 1.5rem; }
    .md-margin-2-rem-right { margin-right: 2rem; }
    .md-margin-2-half-rem-right { margin-right: 2.5rem; }
    .md-margin-3-rem-right { margin-right: 3rem; }
    .md-margin-3-half-rem-right { margin-right: 3.5rem; }
    .md-margin-4-rem-right { margin-right: 4rem; }
    .md-margin-4-half-rem-right { margin-right: 4.5rem; }
    .md-margin-5-rem-right { margin-right: 5rem; }
    .md-margin-5-half-rem-right { margin-right: 5.5rem; }
    .md-margin-6-rem-right { margin-right: 6rem; }
    .md-margin-6-half-rem-right { margin-right: 6.5rem; }
    .md-margin-7-rem-right { margin-right: 7rem; }
    .md-margin-7-half-rem-right { margin-right: 7.5rem; }
    .md-margin-8-rem-right { margin-right: 8rem; }
    .md-margin-8-half-rem-right { margin-right: 8.5rem; }
    .md-margin-9-rem-right { margin-right: 9rem; }
    .md-margin-9-half-rem-right { margin-right: 9.5rem; }
    .md-margin-10-rem-right { margin-right: 10rem; }
    .md-margin-10-half-rem-right { margin-right: 10.5rem; }

    /* margin left */
    .md-margin-one-left { margin-left:1%; }
    .md-margin-two-left { margin-left:2%; }
    .md-margin-three-left { margin-left:3%; }
    .md-margin-four-left { margin-left:4%; }
    .md-margin-five-left { margin-left:5%; }
    .md-margin-six-left { margin-left:6%; }
    .md-margin-seven-left { margin-left:7%; }
    .md-margin-eight-left { margin-left:8%; }
    .md-margin-nine-left { margin-left:9%; }
    .md-margin-ten-left { margin-left:10%; }
    .md-margin-eleven-left { margin-left:11%; }
    .md-margin-twelve-left { margin-left:12%; }
    .md-margin-thirteen-left { margin-left:13%; }
    .md-margin-fourteen-left { margin-left:14%; }
    .md-margin-fifteen-left { margin-left:15%; }
    .md-margin-sixteen-left { margin-left:16%; }
    .md-margin-seventeen-left { margin-left:17%; }
    .md-margin-eighteen-left { margin-left:18%; }
    .md-margin-nineteen-left { margin-left:19%; }
    .md-margin-twenty-left { margin-left:20%; }
    .md-margin-5px-left { margin-left:5px; }
    .md-margin-10px-left { margin-left:10px; }
    .md-margin-15px-left { margin-left:15px; }
    .md-margin-20px-left { margin-left:20px; }
    .md-margin-25px-left { margin-left:25px; }
    .md-margin-30px-left { margin-left:30px; }
    .md-margin-35px-left { margin-left:35px; }
    .md-margin-40px-left { margin-left:40px; }
    .md-margin-45px-left { margin-left:45px; }
    .md-margin-50px-left { margin-left:50px; }
    .md-margin-55px-left { margin-left:55px; }
    .md-margin-60px-left { margin-left:60px; }
    .md-margin-65px-left { margin-left:65px; }
    .md-margin-70px-left { margin-left:70px; }
    .md-margin-75px-left { margin-left:75px; }
    .md-margin-80px-left { margin-left:80px; }
    .md-margin-85px-left { margin-left:85px; }
    .md-margin-90px-left { margin-left:90px; }
    .md-margin-95px-left { margin-left:95px; }
    .md-margin-100px-left { margin-left:100px; }
    .md-margin-1-rem-left { margin-left: 1rem; }
    .md-margin-1-half-rem-left { margin-left: 1.5rem; }
    .md-margin-2-rem-left { margin-left: 2rem; }
    .md-margin-2-half-rem-left { margin-left: 2.5rem; }
    .md-margin-3-rem-left { margin-left: 3rem; }
    .md-margin-3-half-rem-left { margin-left: 3.5rem; }
    .md-margin-4-rem-left { margin-left: 4rem; }
    .md-margin-4-half-rem-left { margin-left: 4.5rem; }
    .md-margin-5-rem-left { margin-left: 5rem; }
    .md-margin-5-half-rem-left { margin-left: 5.5rem; }
    .md-margin-6-rem-left { margin-left: 6rem; }
    .md-margin-6-half-rem-left { margin-left: 6.5rem; }
    .md-margin-7-rem-left { margin-left: 7rem; }
    .md-margin-7-half-rem-left { margin-left: 7.5rem; }
    .md-margin-8-rem-left { margin-left: 8rem; }
    .md-margin-8-half-rem-left { margin-left: 8.5rem; }
    .md-margin-9-rem-left { margin-left: 9rem; }
    .md-margin-9-half-rem-left { margin-left: 9.5rem; }
    .md-margin-10-rem-left { margin-left: 10rem; }
    .md-margin-10-half-rem-left { margin-left: 10.5rem; }

    /* margin left right */
    .md-margin-one-lr { margin-left:1%; margin-right:1%; }
    .md-margin-two-lr { margin-left:2%; margin-right:2%; }
    .md-margin-three-lr { margin-left:3%; margin-right:3%; }
    .md-margin-four-lr { margin-left:4%; margin-right:4%; }
    .md-margin-five-lr { margin-left:5%; margin-right:5%; }
    .md-margin-six-lr { margin-left:6%; margin-right:6%; }
    .md-margin-seven-lr { margin-left:7%; margin-right:7%; }
    .md-margin-eight-lr { margin-left:8%; margin-right:8%; }
    .md-margin-nine-lr { margin-left:9%; margin-right:9%; }
    .md-margin-ten-lr { margin-left:10%; margin-right:10%; }
    .md-margin-eleven-lr { margin-left:11%; margin-right:11%; }
    .md-margin-twelve-lr { margin-left:12%; margin-right:12%; }
    .md-margin-thirteen-lr { margin-left:13%; margin-right:13%; }
    .md-margin-fourteen-lr { margin-left:14%; margin-right:14%; }
    .md-margin-fifteen-lr { margin-left:15%; margin-right:15%; }
    .md-margin-sixteen-lr { margin-left:16%; margin-right:16%; }
    .md-margin-seventeen-lr { margin-left:17%; margin-right:17%; }
    .md-margin-eighteen-lr { margin-left:18%; margin-right:18%; }
    .md-margin-nineteen-lr { margin-left:19%; margin-right:19%; }
    .md-margin-twenty-lr { margin-left:20%; margin-right:20%; }
    .md-margin-5px-lr { margin-left:5px; margin-right:5px; }
    .md-margin-10px-lr { margin-left:10px; margin-right:10px; }
    .md-margin-15px-lr { margin-left:15px; margin-right:15px; }
    .md-margin-20px-lr { margin-left:20px; margin-right:20px; }
    .md-margin-25px-lr { margin-left:25px; margin-right:25px; }
    .md-margin-30px-lr { margin-left:30px; margin-right:30px; }
    .md-margin-35px-lr { margin-left:35px; margin-right:35px; }
    .md-margin-40px-lr { margin-left:40px; margin-right:40px; }
    .md-margin-45px-lr { margin-left:45px; margin-right:45px; }
    .md-margin-50px-lr { margin-left:50px; margin-right:50px; }
    .md-margin-55px-lr { margin-left:55px; margin-right:55px; }
    .md-margin-60px-lr { margin-left:60px; margin-right:60px; }
    .md-margin-65px-lr { margin-left:65px; margin-right:65px; }
    .md-margin-70px-lr { margin-left:70px; margin-right:70px; }
    .md-margin-75px-lr { margin-left:75px; margin-right:75px; }
    .md-margin-80px-lr { margin-left:80px; margin-right:80px; }
    .md-margin-85px-lr { margin-left:85px; margin-right:85px; }
    .md-margin-90px-lr { margin-left:90px; margin-right:90px; }
    .md-margin-95px-lr { margin-left:95px; margin-right:95px; }
    .md-margin-100px-lr { margin-left:100px; margin-right:100px; }
    .md-margin-1-rem-lr { margin-left: 1rem; margin-right: 1rem; }
    .md-margin-1-half-rem-lr { margin-left: 1.5rem; margin-right: 1.5rem; }
    .md-margin-2-rem-lr { margin-left: 2rem; margin-right: 2rem; }
    .md-margin-2-half-rem-lr { margin-left: 2.5rem; margin-right: 2.5rem; }
    .md-margin-3-rem-lr { margin-left: 3rem; margin-right: 3rem; }
    .md-margin-3-half-rem-lr { margin-left: 3.5rem; margin-right: 3.5rem; }
    .md-margin-4-rem-lr { margin-left: 4rem; margin-right: 4rem; }
    .md-margin-4-half-rem-lr { margin-left: 4.5rem; margin-right: 4.5rem; }
    .md-margin-5-rem-lr { margin-left: 5rem; margin-right: 5rem; }
    .md-margin-5-half-rem-lr { margin-left: 5.5rem; margin-right: 5.5rem; }
    .md-margin-6-rem-lr { margin-left: 6rem; margin-right: 6rem; }
    .md-margin-6-half-rem-lr { margin-left: 6.5rem; margin-right: 6.5rem; }
    .md-margin-7-rem-lr { margin-left: 7rem; margin-right: 7rem; }
    .md-margin-7-half-rem-lr { margin-left: 7.5rem; margin-right: 7.5rem; }
    .md-margin-8-rem-lr { margin-left: 8rem; margin-right: 8rem; }
    .md-margin-8-half-rem-lr { margin-left: 8.5rem; margin-right: 8.5rem; }
    .md-margin-9-rem-lr { margin-left: 9rem; margin-right: 9rem; }
    .md-margin-9-half-rem-lr { margin-left: 9.5rem; margin-right: 9.5rem; }
    .md-margin-10-rem-lr { margin-left: 10rem; margin-right: 10rem; }
    .md-margin-10-half-rem-lr { margin-left: 10.5rem; margin-right: 10.5rem; }

    /* margin top bottom */
    .md-margin-one-tb { margin-top:1%; margin-bottom:1%; }
    .md-margin-two-tb { margin-top:2%; margin-bottom:2%; }
    .md-margin-three-tb { margin-top:3%; margin-bottom:3%; }
    .md-margin-four-tb { margin-top:4%; margin-bottom:4%; }
    .md-margin-five-tb { margin-top:5%; margin-bottom:5%; }
    .md-margin-six-tb { margin-top:6%; margin-bottom:6%; }
    .md-margin-seven-tb { margin-top:7%; margin-bottom:7%; }
    .md-margin-eight-tb { margin-top:8%; margin-bottom:8%; }
    .md-margin-nine-tb { margin-top:9%; margin-bottom:9%; }
    .md-margin-ten-tb { margin-top:10%; margin-bottom:10%; }
    .md-margin-eleven-tb { margin-top:11%; margin-bottom:11%; }
    .md-margin-twelve-tb { margin-top:12%; margin-bottom:12%; }
    .md-margin-thirteen-tb { margin-top:13%; margin-bottom:13%; }
    .md-margin-fourteen-tb { margin-top:14%; margin-bottom:14%; }
    .md-margin-fifteen-tb { margin-top:15%; margin-bottom:15%; }
    .md-margin-sixteen-tb { margin-top:16%; margin-bottom:16%; }
    .md-margin-seventeen-tb { margin-top:17%; margin-bottom:17%; }
    .md-margin-eighteen-tb { margin-top:18%; margin-bottom:18%; }
    .md-margin-nineteen-tb { margin-top:19%; margin-bottom:19%; }
    .md-margin-twenty-tb { margin-top:20%; margin-bottom:20%; }
    .md-margin-5px-tb { margin-top:5px; margin-bottom:5px; }
    .md-margin-10px-tb { margin-top:10px; margin-bottom:10px; }
    .md-margin-15px-tb { margin-top:15px; margin-bottom:15px; }
    .md-margin-20px-tb { margin-top:20px; margin-bottom:20px; }
    .md-margin-25px-tb { margin-top:25px; margin-bottom:25px; }
    .md-margin-30px-tb { margin-top:30px; margin-bottom:30px; }
    .md-margin-35px-tb { margin-top:35px; margin-bottom:35px; }
    .md-margin-40px-tb { margin-top:40px; margin-bottom:40px; }
    .md-margin-45px-tb { margin-top:45px; margin-bottom:45px; }
    .md-margin-50px-tb { margin-top:50px; margin-bottom:50px; }
    .md-margin-55px-tb { margin-top:55px; margin-bottom:55px; }
    .md-margin-60px-tb { margin-top:60px; margin-bottom:60px; }
    .md-margin-65px-tb { margin-top:65px; margin-bottom:65px; }
    .md-margin-70px-tb { margin-top:70px; margin-bottom:70px; }
    .md-margin-75px-tb { margin-top:75px; margin-bottom:75px; }
    .md-margin-80px-tb { margin-top:80px; margin-bottom:80px; }
    .md-margin-85px-tb { margin-top:85px; margin-bottom:85px; }
    .md-margin-90px-tb { margin-top:90px; margin-bottom:90px; }
    .md-margin-95px-tb { margin-top:95px; margin-bottom:95px; }
    .md-margin-100px-tb { margin-top:100px; margin-bottom:100px; }
    .md-margin-1-rem-tb { margin-top: 1rem; margin-bottom: 1rem; }
    .md-margin-1-half-rem-tb { margin-top: 1.5rem; margin-bottom: 1.5rem; }
    .md-margin-2-rem-tb { margin-top: 2rem; margin-bottom: 2rem; }
    .md-margin-2-half-rem-tb { margin-top: 2.5rem; margin-bottom: 2.5rem; }
    .md-margin-3-rem-tb { margin-top: 3rem; margin-bottom: 3rem; }
    .md-margin-3-half-rem-tb { margin-top: 3.5rem; margin-bottom: 3.5rem; }
    .md-margin-4-rem-tb { margin-top: 4rem; margin-bottom: 4rem; }
    .md-margin-4-half-rem-tb { margin-top: 4.5rem; margin-bottom: 4.5rem; }
    .md-margin-5-rem-tb { margin-top: 5rem; margin-bottom: 5rem; }
    .md-margin-5-half-rem-tb { margin-top: 5.5rem; margin-bottom: 5.5rem; }
    .md-margin-6-rem-tb { margin-top: 6rem; margin-bottom: 6rem; }
    .md-margin-6-half-rem-tb { margin-top: 6.5rem; margin-bottom: 6.5rem; }
    .md-margin-7-rem-tb { margin-top: 7rem; margin-bottom: 7rem; }
    .md-margin-7-half-rem-tb { margin-top: 7.5rem; margin-bottom: 7.5rem; }
    .md-margin-8-rem-tb { margin-top: 8rem; margin-bottom: 8rem; }
    .md-margin-8-half-rem-tb { margin-top: 8.5rem; margin-bottom: 8.5rem; }
    .md-margin-9-rem-tb { margin-top: 9rem; margin-bottom: 9rem; }
    .md-margin-9-half-rem-tb { margin-top: 9.5rem; margin-bottom: 9.5rem; }
    .md-margin-10-rem-tb { margin-top: 10rem; margin-bottom: 10rem; }
    .md-margin-10-half-rem-tb { margin-top: 10.5rem; margin-bottom: 10.5rem; }

    .md-margin-auto-lr { margin-left: auto !important; margin-right: auto !important; }
    .md-margin-auto { margin: auto; }
    .md-no-margin { margin: 0 !important; }
    .md-no-margin-top { margin-top: 0 !important; }
    .md-no-margin-bottom { margin-bottom: 0 !important; }
    .md-no-margin-left { margin-left: 0 !important; }
    .md-no-margin-right { margin-right: 0 !important; }
    .md-no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
    .md-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }

    /* padding */
    .md-padding-one-all { padding:1%; }
    .md-padding-two-all { padding:2%; }
    .md-padding-three-all { padding:3%; }
    .md-padding-four-all { padding:4%; }
    .md-padding-five-all { padding:5%; }
    .md-padding-six-all { padding:6%; }
    .md-padding-seven-all { padding:7%; }
    .md-padding-eight-all { padding:8%; }
    .md-padding-nine-all { padding:9%; }
    .md-padding-ten-all { padding:10%; }
    .md-padding-eleven-all { padding:11%; }
    .md-padding-twelve-all { padding:12%; }
    .md-padding-thirteen-all { padding:13%; }
    .md-padding-fourteen-all { padding:14%; }
    .md-padding-fifteen-all { padding:15%; }
    .md-padding-sixteen-all { padding:16%; }
    .md-padding-seventeen-all { padding:17%; }
    .md-padding-eighteen-all { padding:18%; }
    .md-padding-nineteen-all { padding:19%; }
    .md-padding-twenty-all { padding:20%; }
    .md-padding-5px-all { padding:5px; }
    .md-padding-10px-all { padding:10px; }
    .md-padding-15px-all { padding:15px; }
    .md-padding-20px-all { padding:20px; }
    .md-padding-25px-all { padding:25px; }
    .md-padding-30px-all { padding:30px; }
    .md-padding-35px-all { padding:35px; }
    .md-padding-40px-all { padding:40px; }
    .md-padding-45px-all { padding:45px; }
    .md-padding-50px-all { padding:50px; }
    .md-padding-55px-all { padding:55px; }
    .md-padding-60px-all { padding:60px; }
    .md-padding-65px-all { padding:65px; }
    .md-padding-70px-all { padding:70px; }
    .md-padding-75px-all { padding:75px; }
    .md-padding-80px-all { padding:80px; }
    .md-padding-85px-all { padding:85px; }
    .md-padding-90px-all { padding:90px; }
    .md-padding-95px-all { padding:95px; }
    .md-padding-100px-all { padding:100px; }
    .md-padding-1-rem-all { padding: 1rem; }
    .md-padding-1-half-rem-all { padding: 1.5rem; }
    .md-padding-2-rem-all { padding: 2rem; }
    .md-padding-2-half-rem-all { padding: 2.5rem; }
    .md-padding-3-rem-all { padding: 3rem; }
    .md-padding-3-half-rem-all { padding: 3.5rem; }
    .md-padding-4-rem-all { padding: 4rem; }
    .md-padding-4-half-rem-all { padding: 4.5rem; }
    .md-padding-5-rem-all { padding: 5rem; }
    .md-padding-5-half-rem-all { padding: 5.5rem; }
    .md-padding-6-rem-all { padding: 6rem; }
    .md-padding-6-half-rem-all { padding: 6.5rem; }
    .md-padding-7-rem-all { padding: 7rem; }
    .md-padding-7-half-rem-all { padding: 7.5rem; }
    .md-padding-8-rem-all { padding: 8rem; }
    .md-padding-8-half-rem-all { padding: 8.5rem; }
    .md-padding-9-rem-all { padding: 9rem; }
    .md-padding-9-half-rem-all { padding: 9.5rem; }
    .md-padding-10-rem-all { padding: 10rem; }
    .md-padding-10-half-rem-all { padding: 10.5rem; }

    /* padding top */
    .md-padding-one-top { padding-top:1%; }
    .md-padding-two-top { padding-top:2%; }
    .md-padding-three-top { padding-top:3%; }
    .md-padding-four-top { padding-top:4%; }
    .md-padding-five-top { padding-top:5%; }
    .md-padding-six-top { padding-top:6%; }
    .md-padding-seven-top { padding-top:7%; }
    .md-padding-eight-top { padding-top:8%; }
    .md-padding-nine-top { padding-top:9%; }
    .md-padding-ten-top { padding-top:10%; }
    .md-padding-eleven-top { padding-top:11%; }
    .md-padding-twelve-top { padding-top:12%; }
    .md-padding-thirteen-top { padding-top:13%; }
    .md-padding-fourteen-top { padding-top:14%; }
    .md-padding-fifteen-top { padding-top:15%; }
    .md-padding-sixteen-top { padding-top:16%; }
    .md-padding-seventeen-top { padding-top:17%; }
    .md-padding-eighteen-top { padding-top:18%; }
    .md-padding-nineteen-top { padding-top:19%; }
    .md-padding-twenty-top { padding-top:20%; }
    .md-padding-5px-top { padding-top:5px; }
    .md-padding-10px-top { padding-top:10px; }
    .md-padding-15px-top { padding-top:15px; }
    .md-padding-20px-top { padding-top:20px; }
    .md-padding-25px-top { padding-top:25px; }
    .md-padding-30px-top { padding-top:30px; }
    .md-padding-35px-top { padding-top:35px; }
    .md-padding-40px-top { padding-top:40px; }
    .md-padding-45px-top { padding-top:45px; }
    .md-padding-50px-top { padding-top:50px; }
    .md-padding-55px-top { padding-top:55px; }
    .md-padding-60px-top { padding-top:60px; }
    .md-padding-65px-top { padding-top:65px; }
    .md-padding-70px-top { padding-top:70px; }
    .md-padding-75px-top { padding-top:75px; }
    .md-padding-80px-top { padding-top:80px; }
    .md-padding-85px-top { padding-top:85px; }
    .md-padding-90px-top { padding-top:90px; }
    .md-padding-95px-top { padding-top:95px; }
    .md-padding-100px-top { padding-top:100px; }
    .md-padding-1-rem-top { padding-top: 1rem; }
    .md-padding-1-half-rem-top { padding-top: 1.5rem; }
    .md-padding-2-rem-top { padding-top: 2rem; }
    .md-padding-2-half-rem-top { padding-top: 2.5rem; }
    .md-padding-3-rem-top { padding-top: 3rem; }
    .md-padding-3-half-rem-top { padding-top: 3.5rem; }
    .md-padding-4-rem-top { padding-top: 4rem; }
    .md-padding-4-half-rem-top { padding-top: 4.5rem; }
    .md-padding-5-rem-top { padding-top: 5rem; }
    .md-padding-5-half-rem-top { padding-top: 5.5rem; }
    .md-padding-6-rem-top { padding-top: 6rem; }
    .md-padding-6-half-rem-top { padding-top: 6.5rem; }
    .md-padding-7-rem-top { padding-top: 7rem; }
    .md-padding-7-half-rem-top { padding-top: 7.5rem; }
    .md-padding-8-rem-top { padding-top: 8rem; }
    .md-padding-8-half-rem-top { padding-top: 8.5rem; }
    .md-padding-9-rem-top { padding-top: 9rem; }
    .md-padding-9-half-rem-top { padding-top: 9.5rem; }
    .md-padding-10-rem-top { padding-top: 10rem; }
    .md-padding-10-half-rem-top { padding-top: 10.5rem; }

    /* padding bottom */
    .md-padding-one-bottom { padding-bottom:1%; }
    .md-padding-two-bottom { padding-bottom:2%; }
    .md-padding-three-bottom { padding-bottom:3%; }
    .md-padding-four-bottom { padding-bottom:4%; }
    .md-padding-five-bottom { padding-bottom:5%; }
    .md-padding-six-bottom { padding-bottom:6%; }
    .md-padding-seven-bottom { padding-bottom:7%; }
    .md-padding-eight-bottom { padding-bottom:8%; }
    .md-padding-nine-bottom { padding-bottom:9%; }
    .md-padding-ten-bottom { padding-bottom:10%; }
    .md-padding-eleven-bottom { padding-bottom:11%; }
    .md-padding-twelve-bottom { padding-bottom:12%; }
    .md-padding-thirteen-bottom { padding-bottom:13%; }
    .md-padding-fourteen-bottom { padding-bottom:14%; }
    .md-padding-fifteen-bottom { padding-bottom:15%; }
    .md-padding-sixteen-bottom { padding-bottom:16%; }
    .md-padding-seventeen-bottom { padding-bottom:17%; }
    .md-padding-eighteen-bottom { padding-bottom:18%; }
    .md-padding-nineteen-bottom { padding-bottom:19%; }
    .md-padding-twenty-bottom { padding-bottom:20%; }
    .md-padding-5px-bottom { padding-bottom:5px; }
    .md-padding-10px-bottom { padding-bottom:10px; }
    .md-padding-15px-bottom { padding-bottom:15px; }
    .md-padding-20px-bottom { padding-bottom:20px; }
    .md-padding-25px-bottom { padding-bottom:25px; }
    .md-padding-30px-bottom { padding-bottom:30px; }
    .md-padding-35px-bottom { padding-bottom:35px; }
    .md-padding-40px-bottom { padding-bottom:40px; }
    .md-padding-45px-bottom { padding-bottom:45px; }
    .md-padding-50px-bottom { padding-bottom:50px; }
    .md-padding-55px-bottom { padding-bottom:55px; }
    .md-padding-60px-bottom { padding-bottom:60px; }
    .md-padding-65px-bottom { padding-bottom:65px; }
    .md-padding-70px-bottom { padding-bottom:70px; }
    .md-padding-75px-bottom { padding-bottom:75px; }
    .md-padding-80px-bottom { padding-bottom:80px; }
    .md-padding-85px-bottom { padding-bottom:85px; }
    .md-padding-90px-bottom { padding-bottom:90px; }
    .md-padding-95px-bottom { padding-bottom:95px; }
    .md-padding-100px-bottom { padding-bottom:100px; }
    .md-padding-1-rem-bottom { padding-bottom: 1rem; }
    .md-padding-1-half-rem-bottom { padding-bottom: 1.5rem; }
    .md-padding-2-rem-bottom { padding-bottom: 2rem; }
    .md-padding-2-half-rem-bottom { padding-bottom: 2.5rem; }
    .md-padding-3-rem-bottom { padding-bottom: 3rem; }
    .md-padding-3-half-rem-bottom { padding-bottom: 3.5rem; }
    .md-padding-4-rem-bottom { padding-bottom: 4rem; }
    .md-padding-4-half-rem-bottom { padding-bottom: 4.5rem; }
    .md-padding-5-rem-bottom { padding-bottom: 5rem; }
    .md-padding-5-half-rem-bottom { padding-bottom: 5.5rem; }
    .md-padding-6-rem-bottom { padding-bottom: 6rem; }
    .md-padding-6-half-rem-bottom { padding-bottom: 6.5rem; }
    .md-padding-7-rem-bottom { padding-bottom: 7rem; }
    .md-padding-7-half-rem-bottom { padding-bottom: 7.5rem; }
    .md-padding-8-rem-bottom { padding-bottom: 8rem; }
    .md-padding-8-half-rem-bottom { padding-bottom: 8.5rem; }
    .md-padding-9-rem-bottom { padding-bottom: 9rem; }
    .md-padding-9-half-rem-bottom { padding-bottom: 9.5rem; }
    .md-padding-10-rem-bottom { padding-bottom: 10rem; }
    .md-padding-10-half-rem-bottom { padding-bottom: 10.5rem; }

    /* padding right */
    .md-padding-one-right { padding-right:1%; }
    .md-padding-two-right { padding-right:2%; }
    .md-padding-three-right { padding-right:3%; }
    .md-padding-four-right { padding-right:4% }
    .md-padding-five-right { padding-right:5%; }
    .md-padding-six-right { padding-right:6%; }
    .md-padding-seven-right { padding-right:7%; }
    .md-padding-eight-right { padding-right:8%; }
    .md-padding-nine-right { padding-right:9%; }
    .md-padding-ten-right { padding-right:10%; }
    .md-padding-eleven-right { padding-right:11%; }
    .md-padding-twelve-right { padding-right:12%; }
    .md-padding-thirteen-right { padding-right:13%; }
    .md-padding-fourteen-right { padding-right:14%; }
    .md-padding-fifteen-right { padding-right:15%; }
    .md-padding-sixteen-right { padding-right:16%; }
    .md-padding-seventeen-right { padding-right:17%; }
    .md-padding-eighteen-right { padding-right:18%; }
    .md-padding-nineteen-right { padding-right:19%; }
    .md-padding-twenty-right { padding-right:20%; }
    .md-padding-5px-right { padding-right:5px; }
    .md-padding-10px-right { padding-right:10px; }
    .md-padding-15px-right { padding-right:15px; }
    .md-padding-20px-right { padding-right:20px; }
    .md-padding-25px-right { padding-right:25px; }
    .md-padding-30px-right { padding-right:30px; }
    .md-padding-35px-right { padding-right:35px; }
    .md-padding-40px-right { padding-right:40px; }
    .md-padding-45px-right { padding-right:45px; }
    .md-padding-50px-right { padding-right:50px; }
    .md-padding-55px-right { padding-right:55px; }
    .md-padding-60px-right { padding-right:60px; }
    .md-padding-65px-right { padding-right:65px; }
    .md-padding-70px-right { padding-right:70px; }
    .md-padding-75px-right { padding-right:75px; }
    .md-padding-80px-right { padding-right:80px; }
    .md-padding-85px-right { padding-right:85px; }
    .md-padding-90px-right { padding-right:90px; }
    .md-padding-95px-right { padding-right:95px; }
    .md-padding-100px-right { padding-right:100px; }
    .md-padding-1-rem-right { padding-right: 1rem; }
    .md-padding-1-half-rem-right { padding-right: 1.5rem; }
    .md-padding-2-rem-right { padding-right: 2rem; }
    .md-padding-2-half-rem-right { padding-right: 2.5rem; }
    .md-padding-3-rem-right { padding-right: 3rem; }
    .md-padding-3-half-rem-right { padding-right: 3.5rem; }
    .md-padding-4-rem-right { padding-right: 4rem; }
    .md-padding-4-half-rem-right { padding-right: 4.5rem; }
    .md-padding-5-rem-right { padding-right: 5rem; }
    .md-padding-5-half-rem-right { padding-right: 5.5rem; }
    .md-padding-6-rem-right { padding-right: 6rem; }
    .md-padding-6-half-rem-right { padding-right: 6.5rem; }
    .md-padding-7-rem-right { padding-right: 7rem; }
    .md-padding-7-half-rem-right { padding-right: 7.5rem; }
    .md-padding-8-rem-right { padding-right: 8rem; }
    .md-padding-8-half-rem-right { padding-right: 8.5rem; }
    .md-padding-9-rem-right { padding-right: 9rem; }
    .md-padding-9-half-rem-right { padding-right: 9.5rem; }
    .md-padding-10-rem-right { padding-right: 10rem; }
    .md-padding-10-half-rem-right { padding-right: 10.5rem; }

    /* padding left */
    .md-padding-one-left { padding-left:1%; }
    .md-padding-two-left { padding-left:2%; }
    .md-padding-three-left { padding-left:3%; }
    .md-padding-four-left { padding-left:4%; }
    .md-padding-five-left { padding-left:5%; }
    .md-padding-six-left { padding-left:6%; }
    .md-padding-seven-left { padding-left:7%; }
    .md-padding-eight-left { padding-left:8%; }
    .md-padding-nine-left { padding-left:9%; }
    .md-padding-ten-left { padding-left:10%; }
    .md-padding-eleven-left { padding-left:11%; }
    .md-padding-twelve-left { padding-left:12%; }
    .md-padding-thirteen-left { padding-left:13%; }
    .md-padding-fourteen-left { padding-left:14%; }
    .md-padding-fifteen-left { padding-left:15%; }
    .md-padding-sixteen-left { padding-left:16%; }
    .md-padding-seventeen-left { padding-left:17%; }
    .md-padding-eighteen-left { padding-left:18%; }
    .md-padding-nineteen-left { padding-left:19%; }
    .md-padding-twenty-left { padding-left:20%; }
    .md-padding-5px-left { padding-left:5px; }
    .md-padding-10px-left { padding-left:10px; }
    .md-padding-15px-left { padding-left:15px; }
    .md-padding-20px-left { padding-left:20px; }
    .md-padding-25px-left { padding-left:25px; }
    .md-padding-30px-left { padding-left:30px; }
    .md-padding-35px-left { padding-left:35px; }
    .md-padding-40px-left { padding-left:40px; }
    .md-padding-45px-left { padding-left:45px; }
    .md-padding-50px-left { padding-left:50px; }
    .md-padding-55px-left { padding-left:55px; }
    .md-padding-60px-left { padding-left:60px; }
    .md-padding-65px-left { padding-left:65px; }
    .md-padding-70px-left { padding-left:70px; }
    .md-padding-75px-left { padding-left:75px; }
    .md-padding-80px-left { padding-left:80px; }
    .md-padding-85px-left { padding-left:85px; }
    .md-padding-90px-left { padding-left:90px; }
    .md-padding-95px-left { padding-left:95px; }
    .md-padding-100px-left { padding-left:100px; }
    .md-padding-1-rem-left { padding-left: 1rem; }
    .md-padding-1-half-rem-left { padding-left: 1.5rem; }
    .md-padding-2-rem-left { padding-left: 2rem; }
    .md-padding-2-half-rem-left { padding-left: 2.5rem; }
    .md-padding-3-rem-left { padding-left: 3rem; }
    .md-padding-3-half-rem-left { padding-left: 3.5rem; }
    .md-padding-4-rem-left { padding-left: 4rem; }
    .md-padding-4-half-rem-left { padding-left: 4.5rem; }
    .md-padding-5-rem-left { padding-left: 5rem; }
    .md-padding-5-half-rem-left { padding-left: 5.5rem; }
    .md-padding-6-rem-left { padding-left: 6rem; }
    .md-padding-6-half-rem-left { padding-left: 6.5rem; }
    .md-padding-7-rem-left { padding-left: 7rem; }
    .md-padding-7-half-rem-left { padding-left: 7.5rem; }
    .md-padding-8-rem-left { padding-left: 8rem; }
    .md-padding-8-half-rem-left { padding-left: 8.5rem; }
    .md-padding-9-rem-left { padding-left: 9rem; }
    .md-padding-9-half-rem-left { padding-left: 9.5rem; }
    .md-padding-10-rem-left { padding-left: 10rem; }
    .md-padding-10-half-rem-left { padding-left: 10.5rem; }

    /* padding top bottom */
    .md-padding-one-tb { padding-top:1%; padding-bottom:1%; }
    .md-padding-two-tb { padding-top:2%; padding-bottom:2%; }
    .md-padding-three-tb { padding-top:3%; padding-bottom:3%; }
    .md-padding-four-tb { padding-top:4%; padding-bottom:4%; }
    .md-padding-five-tb { padding-top:5%; padding-bottom:5%; }
    .md-padding-six-tb { padding-top:6%; padding-bottom:6%; }
    .md-padding-seven-tb { padding-top:7%; padding-bottom:7%; }
    .md-padding-eight-tb { padding-top:8%; padding-bottom:8%; }
    .md-padding-nine-tb { padding-top:9%; padding-bottom:9%; }
    .md-padding-ten-tb { padding-top:10%; padding-bottom:10%; }
    .md-padding-eleven-tb { padding-top:11%; padding-bottom:11%; }
    .md-padding-twelve-tb { padding-top:12%; padding-bottom:12%; }
    .md-padding-thirteen-tb { padding-top:13%; padding-bottom:13%; }
    .md-padding-fourteen-tb { padding-top:14%; padding-bottom:14%; }
    .md-padding-fifteen-tb { padding-top:15%; padding-bottom:15%; }
    .md-padding-sixteen-tb { padding-top:16%; padding-bottom:16%; }
    .md-padding-seventeen-tb { padding-top:17%; padding-bottom:17%; }
    .md-padding-eighteen-tb { padding-top:18%; padding-bottom:18%; }
    .md-padding-nineteen-tb { padding-top:19%; padding-bottom:19%; }
    .md-padding-twenty-tb { padding-top:20%; padding-bottom:20%; }
    .md-padding-5px-tb { padding-top:5px; padding-bottom:5px; }
    .md-padding-10px-tb { padding-top:10px; padding-bottom:10px; }
    .md-padding-15px-tb { padding-top:15px; padding-bottom:15px; }
    .md-padding-20px-tb { padding-top:20px; padding-bottom:20px; }
    .md-padding-25px-tb { padding-top:25px; padding-bottom:25px; }
    .md-padding-30px-tb { padding-top:30px; padding-bottom:30px; }
    .md-padding-35px-tb { padding-top:35px; padding-bottom:35px; }
    .md-padding-40px-tb { padding-top:40px; padding-bottom:40px; }
    .md-padding-45px-tb { padding-top:45px; padding-bottom:45px; }
    .md-padding-50px-tb { padding-top:50px; padding-bottom:50px; }
    .md-padding-55px-tb { padding-top:55px; padding-bottom:55px; }
    .md-padding-60px-tb { padding-top:60px; padding-bottom:60px; }
    .md-padding-65px-tb { padding-top:65px; padding-bottom:65px; }
    .md-padding-70px-tb { padding-top:70px; padding-bottom:70px; }
    .md-padding-75px-tb { padding-top:75px; padding-bottom:75px; }
    .md-padding-80px-tb { padding-top:80px; padding-bottom:80px; }
    .md-padding-85px-tb { padding-top:85px; padding-bottom:85px; }
    .md-padding-90px-tb { padding-top:90px; padding-bottom:90px; }
    .md-padding-95px-tb { padding-top:95px; padding-bottom:95px; }
    .md-padding-100px-tb { padding-top:100px; padding-bottom:100px; }
    .md-padding-1-rem-tb { padding-top: 1rem; padding-bottom: 1rem; }
    .md-padding-1-half-rem-tb { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .md-padding-2-rem-tb { padding-top: 2rem; padding-bottom: 2rem; }
    .md-padding-2-half-rem-tb { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .md-padding-3-rem-tb { padding-top: 3rem; padding-bottom: 3rem; }
    .md-padding-3-half-rem-tb { padding-top: 3.5rem; padding-bottom: 3.5rem; }
    .md-padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
    .md-padding-4-half-rem-tb { padding-top: 4.5rem; padding-bottom: 4.5rem; }
    .md-padding-5-rem-tb { padding-top: 5rem; padding-bottom: 5rem; }
    .md-padding-5-half-rem-tb { padding-top: 5.5rem; padding-bottom: 5.5rem; }
    .md-padding-6-rem-tb { padding-top: 6rem; padding-bottom: 6rem; }
    .md-padding-6-half-rem-tb { padding-top: 6.5rem; padding-bottom: 6.5rem; }
    .md-padding-7-rem-tb { padding-top: 7rem; padding-bottom: 7rem; }
    .md-padding-7-half-rem-tb { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .md-padding-8-rem-tb { padding-top: 8rem; padding-bottom: 8rem; }
    .md-padding-8-half-rem-tb { padding-top: 8.5rem; padding-bottom: 8.5rem; }
    .md-padding-9-rem-tb { padding-top: 9rem; padding-bottom: 9rem; }
    .md-padding-9-half-rem-tb { padding-top: 9.5rem; padding-bottom: 9.5rem; }
    .md-padding-10-rem-tb { padding-top: 10rem; padding-bottom: 10rem; }
    .md-padding-10-half-rem-tb { padding-top: 10.5rem; padding-bottom: 10.5rem; }

    /* padding left right */
    .md-padding-one-lr { padding-left:1%; padding-right:1%; }
    .md-padding-two-lr { padding-left:2%; padding-right:2%; }
    .md-padding-three-lr { padding-left:3%; padding-right:3%; }
    .md-padding-four-lr { padding-left:4%; padding-right:4%; }
    .md-padding-five-lr { padding-left:5%; padding-right:5%; }
    .md-padding-six-lr { padding-left:6%; padding-right:6%; }
    .md-padding-seven-lr { padding-left:7%; padding-right:7%; }
    .md-padding-eight-lr { padding-left:8%; padding-right:8%; }
    .md-padding-nine-lr { padding-left:9%; padding-right:9%; }
    .md-padding-ten-lr { padding-left:10%; padding-right:10%; }
    .md-padding-eleven-lr { padding-left:11%; padding-right:11%; }
    .md-padding-twelve-lr { padding-left:12%; padding-right:12%; }
    .md-padding-thirteen-lr { padding-left:13%; padding-right:13%; }
    .md-padding-fourteen-lr { padding-left:14%; padding-right:14%; }
    .md-padding-fifteen-lr { padding-left:15%; padding-right:15%; }
    .md-padding-sixteen-lr { padding-left:16%; padding-right:16%; }
    .md-padding-seventeen-lr { padding-left:17%; padding-right:17%; }
    .md-padding-eighteen-lr { padding-left:18%; padding-right:18%; }
    .md-padding-nineteen-lr { padding-left:19%; padding-right:19%; }
    .md-padding-twenty-lr { padding-left:20%; padding-right:20%; }
    .md-padding-5px-lr { padding-left:5px; padding-right:5px; }
    .md-padding-10px-lr { padding-left:10px; padding-right:10px; }
    .md-padding-15px-lr { padding-left:15px; padding-right:15px; }
    .md-padding-20px-lr { padding-left:20px; padding-right:20px; }
    .md-padding-25px-lr { padding-left:25px; padding-right:25px; }
    .md-padding-30px-lr { padding-left:30px; padding-right:30px; }
    .md-padding-35px-lr { padding-left:35px; padding-right:35px; }
    .md-padding-40px-lr { padding-left:40px; padding-right:40px; }
    .md-padding-45px-lr { padding-left:45px; padding-right:45px; }
    .md-padding-50px-lr { padding-left:50px; padding-right:50px; }
    .md-padding-55px-lr { padding-left:55px; padding-right:55px; }
    .md-padding-60px-lr { padding-left:60px; padding-right:60px; }
    .md-padding-65px-lr { padding-left:65px; padding-right:65px; }
    .md-padding-70px-lr { padding-left:70px; padding-right:70px; }
    .md-padding-75px-lr { padding-left:75px; padding-right:75px; }
    .md-padding-80px-lr { padding-left:80px; padding-right:80px; }
    .md-padding-85px-lr { padding-left:85px; padding-right:85px; }
    .md-padding-90px-lr { padding-left:90px; padding-right:90px; }
    .md-padding-95px-lr { padding-left:95px; padding-right:95px; }
    .md-padding-100px-lr { padding-left:100px; padding-right:100px; }
    .md-padding-1-rem-lr { padding-left: 1rem; padding-right: 1rem; }
    .md-padding-1-half-rem-lr { padding-left: 1.5rem; padding-right: 1.5rem; }
    .md-padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
    .md-padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
    .md-padding-3-rem-lr { padding-left: 3rem; padding-right: 3rem; }
    .md-padding-3-half-rem-lr { padding-left: 3.5rem; padding-right: 3.5rem; }
    .md-padding-4-rem-lr { padding-left: 4rem; padding-right: 4rem; }
    .md-padding-4-half-rem-lr { padding-left: 4.5rem; padding-right: 4.5rem; }
    .md-padding-5-rem-lr { padding-left: 5rem; padding-right: 5rem; }
    .md-padding-5-half-rem-lr { padding-left: 5.5rem; padding-right: 5.5rem; }
    .md-padding-6-rem-lr { padding-left: 6rem; padding-right: 6rem; }
    .md-padding-6-half-rem-lr { padding-left: 6.5rem; padding-right: 6.5rem; }
    .md-padding-7-rem-lr { padding-left: 7rem; padding-right: 7rem; }
    .md-padding-7-half-rem-lr { padding-left: 7.5rem; padding-right: 7.5rem; }
    .md-padding-8-rem-lr { padding-left: 8rem; padding-right: 8rem; }
    .md-padding-8-half-rem-lr { padding-left: 8.5rem; padding-right: 8.5rem; }
    .md-padding-9-rem-lr { padding-left: 9rem; padding-right: 9rem; }
    .md-padding-9-half-rem-lr { padding-left: 9.5rem; padding-right: 9.5rem; }
    .md-padding-10-rem-lr { padding-left: 10rem; padding-right: 10rem; }
    .md-padding-10-half-rem-lr { padding-left: 10.5rem; padding-right: 10.5rem; }

    .md-no-padding { padding:0 !important; }
    .md-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .md-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
    .md-no-padding-top { padding-top:0 !important; }
    .md-no-padding-bottom { padding-bottom:0 !important; }
    .md-no-padding-left { padding-left:0 !important; }
    .md-no-padding-right { padding-right:0 !important; }

    /* display and overflow */
    .md-d-initial { display: initial !important; }
    .md-overflow-hidden { overflow:hidden !important; }
    .md-overflow-visible { overflow:visible !important; }
    .md-overflow-auto { overflow:auto !important; }

    /* position */
    .md-position-relative { position: relative !important; }
    .md-position-absolute { position: absolute !important; }
    .md-position-fixed { position: fixed !important; }
    .md-position-inherit { position: inherit !important; }
    .md-position-initial { position: initial !important; }

    /* top */
    .md-top-0px { top: 0; }
    .md-top-1px { top: 1px; }
    .md-top-2px { top: 2px; }
    .md-top-3px { top: 3px; }
    .md-top-4px { top: 4px; }
    .md-top-5px { top: 5px; }
    .md-top-6px { top: 6px; }
    .md-top-7px { top: 7px; }
    .md-top-8px { top: 8px; }
    .md-top-9px { top: 9px; }
    .md-top-10px { top: 10px; }
    .md-top-15px { top: 15px; }
    .md-top-20px { top: 20px; }
    .md-top-25px { top: 25px; }
    .md-top-30px { top: 30px; }
    .md-top-35px { top: 35px; }
    .md-top-40px { top: 40px; }
    .md-top-45px { top: 45px; }
    .md-top-50px { top: 50px; }
    .md-top-auto { top:auto; }
    .md-top-inherit { top:inherit; }

    /* top minus */
    .md-top-minus-1px { top: -1px; }
    .md-top-minus-2px { top: -2px; }
    .md-top-minus-3px { top: -3px; }
    .md-top-minus-4px { top: -4px; }
    .md-top-minus-5px { top: -5px; }
    .md-top-minus-6px { top: -6px; }
    .md-top-minus-7px { top: -7px; }
    .md-top-minus-8px { top: -8px; }
    .md-top-minus-9px { top: -9px; }
    .md-top-minus-10px { top: -10px; }
    .md-top-minus-15px { top: -15px; }
    .md-top-minus-20px { top: -20px; }
    .md-top-minus-25px { top: -25px; }
    .md-top-minus-30px { top: -30px; }
    .md-top-minus-35px { top: -35px; }
    .md-top-minus-40px { top: -40px; }
    .md-top-minus-45px { top: -45px; }
    .md-top-minus-50px { top: -50px; }

    /* bottom */
    .md-bottom-0px { bottom:0; }
    .md-bottom-1px { bottom:1px; }
    .md-bottom-2px { bottom:2px; }
    .md-bottom-3px { bottom:3px; }
    .md-bottom-4px { bottom:4px; }
    .md-bottom-5px { bottom:5px; }
    .md-bottom-6px { bottom:6px; }
    .md-bottom-7px { bottom:7px; }
    .md-bottom-8px { bottom:8px; }
    .md-bottom-9px { bottom:9px; }
    .md-bottom-10px { bottom:10px; }
    .md-bottom-15px { bottom:15px; }
    .md-bottom-20px { bottom:20px; }
    .md-bottom-25px { bottom:25px; }
    .md-bottom-30px { bottom:30px; }
    .md-bottom-35px { bottom:35px; }
    .md-bottom-40px { bottom:40px; }
    .md-bottom-45px { bottom:45px; }
    .md-bottom-50px { bottom:50px; }
    .md-bottom-55px { bottom:55px; }
    .md-bottom-60px { bottom:60px; }
    .md-bottom-auto { bottom: auto; }
    .md-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .md-bottom-minus-1px { bottom: -1px; }
    .md-bottom-minus-2px { bottom: -2px; }
    .md-bottom-minus-3px { bottom: -3px; }
    .md-bottom-minus-4px { bottom: -4px; }
    .md-bottom-minus-5px { bottom: -5px; }
    .md-bottom-minus-6px { bottom: -6px; }
    .md-bottom-minus-7px { bottom: -7px; }
    .md-bottom-minus-8px { bottom: -8px; }
    .md-bottom-minus-9px { bottom: -9px; }
    .md-bottom-minus-10px { bottom: -10px; }
    .md-bottom-minus-15px { bottom: -15px; }
    .md-bottom-minus-20px { bottom: -20px; }
    .md-bottom-minus-25px { bottom: -25px; }
    .md-bottom-minus-30px { bottom: -30px; }
    .md-bottom-minus-35px { bottom: -35px; }
    .md-bottom-minus-40px { bottom: -40px; }
    .md-bottom-minus-45px { bottom: -45px; }
    .md-bottom-minus-50px { bottom: -50px; }

    /* right */
    .md-right-0px { right: 0; }
    .md-right-1px { right: 1px; }
    .md-right-2px { right: 2px; }
    .md-right-3px { right: 3px; }
    .md-right-4px { right: 4px; }
    .md-right-5px { right: 5px; }
    .md-right-6px { right: 6px; }
    .md-right-7px { right: 7px; }
    .md-right-8px { right: 8px; }
    .md-right-9px { right: 9px; }
    .md-right-10px { right: 10px; }
    .md-right-15px { right: 15px; }
    .md-right-20px { right: 20px; }
    .md-right-25px { right: 25px; }
    .md-right-30px { right: 30px; }
    .md-right-35px { right: 35px; }
    .md-right-40px { right: 40px; }
    .md-right-45px { right: 45px; }
    .md-right-50px { right: 50px; }
    .md-right-auto { right: auto; }
    .md-right-inherit { right: inherit; }

    /* right minus */
    .md-right-minus-1px { right: -1px; }
    .md-right-minus-2px { right: -2px; }
    .md-right-minus-3px { right: -3px; }
    .md-right-minus-4px { right: -4px; }
    .md-right-minus-5px { right: -5px; }
    .md-right-minus-6px { right: -6px; }
    .md-right-minus-7px { right: -7px; }
    .md-right-minus-8px { right: -8px; }
    .md-right-minus-9px { right: -9px; }
    .md-right-minus-10px { right: -10px; }
    .md-right-minus-15px { right: -15px; }
    .md-right-minus-20px { right: -20px; }
    .md-right-minus-25px { right: -25px; }
    .md-right-minus-30px { right: -30px; }
    .md-right-minus-35px { right: -35px; }
    .md-right-minus-40px { right: -40px; }
    .md-right-minus-45px { right: -45px; }
    .md-right-minus-50px { right: -50px; }

    /* left */
    .md-left-0px { left: 0; }
    .md-left-1px { left: 1px; }
    .md-left-2px { left: 2px; }
    .md-left-3px { left: 3px; }
    .md-left-4px { left: 4px; }
    .md-left-5px { left: 5px; }
    .md-left-6px { left: 6px; }
    .md-left-7px { left: 7px; }
    .md-left-8px { left: 8px; }
    .md-left-9px { left: 9px; }
    .md-left-10px { left: 10px; }
    .md-left-15px { left: 15px; }
    .md-left-20px { left: 20px; }
    .md-left-25px { left: 25px; }
    .md-left-30px { left: 30px; }
    .md-left-35px { left: 35px; }
    .md-left-40px { left: 40px; }
    .md-left-45px { left: 45px; }
    .md-left-50px { left: 50px; }
    .md-left-55px { left: 55px; }
    .md-left-60px { left: 60px; }
    .md-left-auto { left: auto; }
    .md-left-inherit { left: inherit; }

    /* left minus */
    .md-left-minus-1px { left: -1px; }
    .md-left-minus-2px { left: -2px; }
    .md-left-minus-3px { left: -3px; }
    .md-left-minus-4px { left: -4px; }
    .md-left-minus-5px { left: -5px; }
    .md-left-minus-6px { left: -6px; }
    .md-left-minus-7px { left: -7px; }
    .md-left-minus-8px { left: -8px; }
    .md-left-minus-9px { left: -9px; }
    .md-left-minus-10px { left: -10px; }
    .md-left-minus-15px { left: -15px; }
    .md-left-minus-20px { left: -20px; }
    .md-left-minus-25px { left: -25px; }
    .md-left-minus-30px { left: -30px; }
    .md-left-minus-35px { left: -35px; }
    .md-left-minus-40px { left: -40px; }
    .md-left-minus-45px { left: -45px; }
    .md-left-minus-50px { left: -50px; }

    /* md width */
    .md-w-1px { width:1px !important; }
    .md-w-2px { width:2px !important; }
    .md-w-3px { width:3px !important; }
    .md-w-4px { width:4px !important; }
    .md-w-5px { width:5px !important; }
    .md-w-6px { width:6px !important; }
    .md-w-7px { width:7px !important; }
    .md-w-8px { width:8px !important; }
    .md-w-9px { width:9px !important; }
    .md-w-10px { width:10px !important; }
    .md-w-15px { width:15px !important; }
    .md-w-20px { width:20px !important; }
    .md-w-25px { width:25px !important; }
    .md-w-30px { width:30px !important; }
    .md-w-35px { width:35px !important; }
    .md-w-40px { width:40px !important; }
    .md-w-50px { width:50px !important; }
    .md-w-55px { width:55px !important; }
    .md-w-60px { width:60px !important; }
    .md-w-65px { width:65px !important; }
    .md-w-70px { width:70px !important; }
    .md-w-75px { width:75px !important; }
    .md-w-80px { width:80px !important; }
    .md-w-85px { width:85px !important; }
    .md-w-90px { width:90px !important; }
    .md-w-95px { width:95px !important; }
    .md-w-100px { width:100px !important; }
    .md-w-110px { width:110px !important; }
    .md-w-120px { width:120px !important; }
    .md-w-130px { width:130px !important; }
    .md-w-140px { width:140px !important; }
    .md-w-150px { width:150px !important; }
    .md-w-160px { width:160px !important; }
    .md-w-170px { width:170px !important; }
    .md-w-180px { width:180px !important; }
    .md-w-190px { width:190px !important; }
    .md-w-200px { width:200px !important; }
    .md-w-250px { width:250px !important; }
    .md-w-300px { width:300px !important; }
    .md-w-350px { width:350px !important; }
    .md-w-400px { width:400px !important; }
    .md-w-450px { width:450px !important; }
    .md-w-500px { width:500px !important; }
    .md-w-550px { width:550px !important; }
    .md-w-600px { width:600px !important; }
    .md-w-650px { width:650px !important; }
    .md-w-700px { width:700px !important; }
    .md-w-750px { width:750px !important; }
    .md-w-800px { width:800px !important; }
    .md-w-850px { width:850px !important; }
    .md-w-900px { width:900px !important; }
    .md-w-950px { width:950px !important; }
    .md-w-1000px { width:1000px !important; }
    .md-w-10 { width: 10% !important; }
    .md-w-15 { width: 15% !important; }
    .md-w-20 { width: 20% !important; }
    .md-w-25 { width: 25% !important; }
    .md-w-30 { width: 30% !important; }
    .md-w-35 { width: 35% !important; }
    .md-w-40 { width: 40% !important; }
    .md-w-45 { width: 45% !important; }
    .md-w-50 { width: 50% !important; }
    .md-w-55 { width: 55% !important; }
    .md-w-60 { width: 60% !important; }
    .md-w-65 { width: 65% !important; }
    .md-w-70 { width: 70% !important; }
    .md-w-75 { width: 75% !important; }
    .md-w-80 { width: 80% !important; }
    .md-w-85 { width: 85% !important; }
    .md-w-90 { width: 90% !important; }
    .md-w-95 { width: 95% !important; }
    .md-w-100 { width: 100% !important; }
    .md-w-auto { width:auto !important; }

    /* height */
    .md-h-1px { height: 1px !important; }
    .md-h-2px { height: 2px !important; }
    .md-h-3px { height: 3px !important; }
    .md-h-4px { height: 4px !important; }
    .md-h-5px { height: 5px !important; }
    .md-h-6px { height: 6px !important; }
    .md-h-7px { height: 7px !important; }
    .md-h-8px { height: 8px !important; }
    .md-h-9px { height: 9px !important; }
    .md-h-10px { height: 10px !important; }
    .md-h-20px { height: 20px !important; }
    .md-h-30px { height: 30px !important; }
    .md-h-40px { height: 40px !important; }
    .md-h-42px { height: 42px !important; }
    .md-h-50px { height: 50px !important; }
    .md-h-60px { height: 60px !important; }
    .md-h-70px { height: 70px !important; }
    .md-h-80px { height: 80px !important; }
    .md-h-90px { height: 90px !important; }
    .md-h-100px { height: 100px !important; }
    .md-h-110px { height: 110px !important; }
    .md-h-120px { height: 120px !important; }
    .md-h-130px { height: 130px !important; }
    .md-h-140px { height: 140px !important; }
    .md-h-150px { height: 150px !important; }
    .md-h-160px { height: 160px !important; }
    .md-h-170px { height: 170px !important; }
    .md-h-180px { height: 180px !important; }
    .md-h-190px { height: 190px !important; }
    .md-h-200px { height: 200px !important; }
    .md-h-250px { height: 250px !important; }
    .md-h-300px { height: 300px !important; }
    .md-h-350px { height: 350px !important; }
    .md-h-400px { height: 400px !important; }
    .md-h-450px { height: 450px !important; }
    .md-h-500px { height: 500px !important; }
    .md-h-520px { height: 520px !important; }
    .md-h-550px { height: 550px !important; }
    .md-h-580px { height: 580px !important; }
    .md-h-600px { height: 600px !important; }
    .md-h-650px { height: 650px !important; }
    .md-h-700px { height: 700px !important; }
    .md-h-720px { height: 720px !important; }
    .md-h-750px { height: 750px !important; }
    .md-h-800px { height: 800px !important; }
    .md-h-820px { height: 820px !important; }
    .md-h-830px { height: 830px !important; }
    .md-h-850px { height: 850px !important; }

    .md-h-50 { height: 50%; }
    .md-h-100 { height: 100% !important; }
    .md-h-auto { height:auto !important; }

    /* min-height */
    .md-min-h-100px { min-height: 100px; }
    .md-min-h-200px { min-height: 200px; }
    .md-min-h-300px { min-height: 300px; }
    .md-min-h-400px { min-height: 400px; }
    .md-min-h-500px { min-height: 500px; }
    .md-min-h-600px { min-height: 600px; }
    .md-min-h-700px { min-height: 700px; }

    /* screen height */
    .one-third-screen { height:550px; }
    .one-fourth-screen { height:650px; }
    .one-fifth-screen { height:750px; }

    /* text size */
    .fts-big2 { font-size: 130px; line-height: 130px; }

    /* letter spacing */
    .md-letter-spacing-normal { letter-spacing: normal; }
    .md-lt05 { letter-spacing: 0.50px; }
    .md-lt10 { letter-spacing: 1px; }
    .md-lt20 { letter-spacing: 2px; }
    .md-lt30 { letter-spacing: 3px; }
    .md-lt40 { letter-spacing: 4px; }
    .md-lt50 { letter-spacing: 5px; }

    /* list style 08 */
    .list-style-08 li:last-child { padding-bottom: 22px; }
	
/* list style 02 */
.list-style-02 li { line-height: 24px; }
.list-style-02 li i { line-height: 24px; }	

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-body { width: 50%; }

    /* time table */
    .time-table .panel { padding: 20px; }
    .time-table .panel .panel-time { min-width: 150px; }
    .time-table .panel .panel-body { width: calc(100% - 330px); }

    /* tab */
    .nav-tabs > li { padding: 0 15px; }
    .nav-tabs > li.nav-item { margin: 0; padding: 0 8px; }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li { padding: 0; }
    .tab-style-05 .nav-tabs li a { padding: 8px 22px; }

    /* tab style 06 */
    .tab-style-06 .nav-tabs > li.nav-item > a.nav-link { padding: 0 20px 22px; }
    .tab-style-06b .nav-tabs > li.nav-item > a.nav-link { padding: 0 20px 22px; }
	
    /* tab style 07 */
    .tab-style-07 .nav-tabs { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    .tab-style-07 .nav-tabs > li.nav-item > a.nav-link { padding: 18px 5px 16px 5px; line-height: 22px; border-bottom: 4px solid transparent; font-size: 15px }

    /* testimonials carousel style 01 */
    .testimonials-carousel-style-01 { min-width: 100%; }

    /* testimonials carousel style 02 */
    .testimonials-carousel-style-02 { min-width: 100%; }

    /* process step style 4 */
    .process-step-style-04 .process-step-item { padding-left: 0; padding-right: 0; }

    /* no border */
    .md-no-border-top { border-top:0 !important }
    .md-no-border-bottom { border-bottom:0 !important }
    .md-no-border-right { border-right:0 !important }
    .md-no-border-left { border-left:0 !important }
    .md-no-border-all { border: 0 !important }

    /* border width */
    .md-border-width-1px { border-width:1px !important; }
    .md-border-width-2px { border-width:2px !important; }
    .md-border-width-3px { border-width:3px !important; }
    .md-border-width-4px { border-width:4px !important; }
    .md-border-width-5px { border-width:5px !important; }
    .md-border-width-6px { border-width:6px !important; }
    .md-border-width-7px { border-width:7px !important; }
    .md-border-width-8px { border-width:8px !important; }
    .md-border-width-9px { border-width:9px !important; }
    .md-border-width-10px { border-width:10px !important; }
    .md-border-width-11px { border-width:11px !important; }
    .md-border-width-12px { border-width:12px !important; }
    .md-border-width-13px { border-width:13px !important; }
    .md-border-width-14px { border-width:14px !important; }
    .md-border-width-15px { border-width:15px !important; }
    .md-border-width-16px { border-width:16px !important; }
    .md-border-width-17px { border-width:17px !important; }
    .md-border-width-18px { border-width:18px !important; }
    .md-border-width-19px { border-width:19px !important; }
    .md-border-width-20px { border-width:20px !important; }

    /* border */
    .md-border-all { border: 1px solid; }
    .md-border-top { border-top: 1px solid; }
    .md-border-bottom { border-bottom: 1px solid; }
    .md-border-left { border-left: 1px solid; }
    .md-border-right { border-right: 1px solid; }
    .md-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .md-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* border color */
    .md-border-color-white { border-color: #fff; }
    .md-border-color-black { border-color: #000; }
    .md-border-color-sky-blue { border-color: #2e94eb; }
    .md-border-color-extra-dark-gray { border-color: #232323; }
    .md-border-color-medium-dark-gray { border-color: #363636; }
    .md-border-color-dark-gray { border-color: #939393; }
    .md-border-color-extra-medium-gray { border-color: #dbdbdb; }
    .md-border-color-medium-gray { border-color: #e4e4e4; }
    .md-border-color-extra-light-gray { border-color: #ededed; }
    .md-border-color-light-gray { border-color: #f5f5f5; }
    .md-border-color-light-pink { border-color: #862237; }
    .md-border-color-deep-pink { border-color: #ff214f; }
    .md-border-color-pink { border-color: #ff357c; }
    .md-border-color-fast-blue { border-color: #0038e3; }
    .md-border-color-orange { border-color: #ff6437; }
    .md-border-color-green { border-color: #45d690; }
    .md-border-color-golden { border-color: #d0ba6d; }
    .md-border-color-persian-blue { border-color: #0039CC; }
    .md-border-color-purple { border-color: #7342ac; }
    .md-border-color-parrot-green { border-color: #cee002; }
    .md-border-color-dark-red { border-color: #e12837; }

    /* transparent border */
    .md-border-color-transparent { border-color: transparent; }
    .md-border-color-black-transparent { border-color: rgba(0,0,0,.1); }
    .md-border-color-white-transparent { border-color: rgba(255,255,255,.1); }
    .md-border-color-golden-transparent { border-color: rgba(208, 186, 109, 0.2); }
    .md-border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45); }
    .md-border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2); }
    .md-border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4); }
    .md-border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05); }
    .md-border-color-light-white-transparent { border-color: rgba(255,255,255,0.1); }
    .md-border-color-nero-transparent { border-color: rgba(25,25,25,0.1); }
    .md-border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04); }

    /* border style */
    .md-border-dotted { border-style: dotted !important; }
    .md-border-dashed { border-style: dashed !important; }
    .md-border-solid { border-style: solid !important; }
    .md-border-double { border-style: double !important; }
    .md-border-groove { border-style: groove !important; }
    .md-border-ridge { border-style: ridge !important; }
    .md-border-inset { border-style: inset !important; }
    .md-border-outset { border-style: outset !important; }
    .md-border-none { border-style: none !important; }
    .md-border-hidden { border-style: hidden !important; }
    .md-border-transperent { border-color: transparent !important; }

    /* swiper thumb */
    .single-product-thumb .slider-vertical { position: relative; }
    .single-product-thumb .slider-vertical .swiper-wrapper { flex-direction: row; }
    .single-product-thumb .slider-vertical .swiper-slide { width: 25%; margin-right: 10px; }
    .swiper-thumb-next-prev { top: 50%; bottom: inherit; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .swiper-thumb-next-prev .swiper-thumb-prev, .swiper-thumb-next-prev .swiper-thumb-next { width: 30px; height: 30px; line-height: 30px; position: absolute; transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); }
    .swiper-thumb-next-prev .swiper-thumb-prev { left: 15px; }
    .swiper-thumb-next-prev .swiper-thumb-next { right: 15px;; left: auto; }

    /* swiper vertical */  
    .slider-vertical .vh-100 { height: calc(100vh - 70px) !important }
    .slider-vertical .swiper-number-pagination { left: 68px; bottom: 50px; font-size: 16px; line-height: 22px; }
    .slider-vertical >.swiper-pagination-bullets { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .slider-vertical >.swiper-pagination-bullets>.swiper-pagination-bullet { margin: 8px 0; }

    /* split slider */
    .home-split-portfolio { height: auto !important; }
    .home-split-portfolio .swiper-slide { -ms-flex-wrap: wrap;flex-wrap: wrap; height: auto; }
    .home-split-portfolio .swiper-slide .swiper-slide-l,.home-split-portfolio .swiper-slide .swiper-slide-r { opacity: 1; visibility: visible; -webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); width: 100% !important; -webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; height: calc(100vh - 70px) !important;}
    .home-split-portfolio .swiper-wrapper { -ms-flex-wrap: wrap;flex-wrap: wrap; overflow: auto; }

    /* horizontal portfolio slider */
    .horizontal-portfolio-slider-main { -webkit-overflow-scrolling: touch; }
    .horizontal-portfolio-slider-main .horizontal-portfolio-slider .swiper-wrapper{ -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: auto; transform: translate3d(0, 0px, 0px) !important; }

    /* grid */
    .grid.md-grid-6col li { width: 16.67%; }
    .grid.md-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.md-grid-5col li { width: 20%; }
    .grid.md-grid-5col li.grid-item-double { width: 40%; }
    .grid.md-grid-4col li { width: 25%; }
    .grid.md-grid-4col li.grid-item-double { width: 50%; }
    .grid.md-grid-3col li { width: 33.33%; }
    .grid.md-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.md-grid-2col li { width: 50%; }
    .grid.md-grid-2col li.grid-item-double { width: 100%; }
    .grid.md-grid-1col li { width: 100%; }

    /* team style 02 */
    .team-style-02 .social-icon a { margin: 0 8px; }

    /* blog side image */
    .blog-side-image .separator { display: none; }

    /* blog modern */
    .blog-modern .blog-post-image { margin-bottom: 120px; }
    .blog-modern .post-details { left: 30px; width: calc(100% - 60px); }

    /* outside box */
    .outside-box-left { margin-left: 0; }
    .outside-box-right { margin-right: 0; }
    .outside-box-bottom { margin-bottom: 0; }

    /* footer */
    footer .footer-horizontal-link li { margin-right: 20px; }

    /* magnific popup */
    .mfp-container { padding-left: 15px; padding-right: 15px; }
    button.mfp-close,.mfp-image-holder button.mfp-close, .mfp-iframe-holder button.mfp-close, .mfp-close, .mfp-close:active { top: 15px; right: 15px; }
  
    /* cart and checkout page */
    .cart-products thead { display: none; }
    .cart-products tr { border-bottom: 1px solid #e8e8e8; position: relative; display: block; padding-left: 95px; padding-bottom: 20px; background: none; margin-bottom: 20px; overflow: hidden; }
    .cart-products td { display: block; border: none; text-align: right; margin-bottom: 10px; padding: 0; }
    .cart-products td:last-child { margin: 0; }
    .cart-products td:before { content: attr(data-title); font-weight: 500; float: left; display: block; color: #232323; font-family: 'Poppins',sans-serif; font-size: 12px; }
    .cart-products .product-remove { width: auto; position: absolute; right: 0; margin: 0; padding: 0; text-align: right; top: 0; z-index: 11; border: none; }
    .cart-products .product-thumbnail { position: absolute; left: 0; width: 80px; display: inline-block; top: 0; overflow: hidden; text-align: left; }
    .cart-products .product-name { text-align: left; padding-right: 25px; }
    .cart-products .product-name .variation { float: none; display: block; }
    .total-price-table td{ text-align: right; }    
    .checkout-total-price-table td{ text-align: left; }

    /* application */
    .banner-bottom-right-images > img { bottom: 0; }

    /* yoga meditation */
    .home-yoga-meditation .outside-box-right .absolute-middle-center { left: 50%; }

    /* consulting */
    .home-consulting .popup-youtube.absolute-middle-center { left: 50%; }

    /* digital agency */
    .home-digital-agency .outside-box-text-right .fts-big3 { font-size: 150px; }

    /* design agency */
    .home-design-agency .outside-box-left { margin-left: 0; }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title { font-size: 55px; line-height: 60px; }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar { padding: 0 3.5rem;}

    /* freelancer */
    .home-freelancer .fts-xxl { line-height: 90px; }

    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 50% !important; -webkit-transform: translateX(-50%) !important;-ms-transform: translateX(-50%) !important;transform: translateX(-50%) !important; top: auto !important; bottom: 5% !important; }

    /* slider navigation style 04 */
    .slider-navigation-style-04.swiper-button-prev { left: -60px; }
    .slider-navigation-style-04.swiper-button-next { right: -60px; }

    /* content box image */
    .content-box-image { height: 300px; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item .interactive-icon { top: 4px; }

    /* split portfolio */
    .home-split-portfolio.vh-100 { height: calc(100vh - 70px) !important; }
    .home-split-portfolio .fts-l { font-size: 90px; line-height: 90px; }

    /* coming soon v2 */
    .show-notify-popup .mfp-container { padding-top: 30px; }
    
    /* landing page */
    .litho-landing-header .navbar-brand:after { display: none; }
    .litho-parallax-bg { width: 60%; right: -90px;}
    .customer-bg-section { display: none; }
    .landing-page-footer .fts-s { font-size: 54px; line-height: 64px; }
    .landing-page-auto-slider .swiper-container.swiper-auto-slide .swiper-slide { width: 60% !important; }
    
    /* text shadow */
    .md-no-text-shadow { text-shadow: none;}
    
    /* cookie message */
    .gdpr-container .gdpr-content { display: block; margin-right: 0; margin-bottom: 15px;}
        
    /* consulting */
    .home-dentist .popup-youtube.absolute-middle-center { left: 50%; }
}

@media only screen and (max-width: 991px) and (orientation: landscape) {
    /* home decor */
    .home-decor .zeus { transform: translateX(-50%) !important; top: 90% !important; }

    /*home spa salon*/
    .home-spa-salon .img img { width: 220px !important; }
    .home-spa-salon .rev_slider_wrapper { height: 450px !important; }

    /*coming soon*/
    .coming-soon .tp-fullwidth-forcer ,.coming-soon .rev_slider_wrapper { height: 450px !important; }
    .coming-soon .logo img { width: 100px !important; }
    .coming-soon .coming-soon-text { font-size: 12px !important; line-height: 14px !important; min-width: 300px !important; }
    .coming-soon .coming-soon-icon i { font-size: 11px !important; }

    /*home architecture*/
    .home-architecture .rev_slider_wrapper { min-height: 400px !important; }
    .architecture-overlap { position: relative !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -67) !important; }
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -134) !important; }
    .home-architecture .architecture-title { font-size: 34px !important; line-height: 34px !important; }

    /*home startup*/
    .home-startup .rev_slider_wrapper { min-height: 450px; }

    /*home yoga meditation*/
    .home-yoga-meditation .rev_slider_wrapper { height: 350px !important; }
    .home-yoga-meditation .yoga-woman, .home-yoga-meditation .yoga-leaves { bottom: -140px; }
    .home-yoga-meditation .yoga-woman img { height: 275px !important; width: auto !important; }
    .home-yoga-meditation .yoga-main-text { font-size: 60px !important; top: 25px !important; }
    .home-yoga-meditation .yoga-small-text { font-size: 15px !important; line-height: 20px !important; }
    .home-yoga-meditation .yoga-top-line { transform: matrix(1, 0, 0, 1, 0, 19) !important; min-width: 420px !important; }
    .home-yoga-meditation .yoga-bottom-line { transform: matrix(1, 0, 0, 1, 0, 36) !important; min-width: 400px !important; }

    /*home furniture shop*/
    .home-furniture-shop, .home-furniture-shop .rev_slider_wrapper { height: 350px !important; }
    
    /*home vertical portfolio*/
    .home-vertical-portfolio .slider-vertical { height: 100% !important; }
    
    /* maintenance */
    .maintenance .maintenance-title { font-size: 28px !important; line-height: 30px !important; padding-top: 20px !important; }

    /* height */
    .md-landscape-h-300px { height: 300px !important; }
    .md-landscape-h-350px { height: 350px !important; }
    .md-landscape-h-400px { height: 400px !important; }
    .md-landscape-h-450px { height: 450px !important; }
    .md-landscape-h-500px { height: 500px !important; }
    .md-landscape-h-520px { height: 520px !important; }
    .md-landscape-h-550px { height: 550px !important; }
    .md-landscape-h-580px { height: 580px !important; }
    .md-landscape-h-600px { height: 600px !important; }
    .md-landscape-h-650px { height: 650px !important; }
    .md-landscape-h-700px { height: 700px !important; }
}

@media only screen and (max-width: 991px) and (min-width: 767px) and (orientation: landscape) {
    .home-hotel-resort .rev_slider_wrapper { min-height: 450px !important; }
    .home-startup .rev_slider_wrapper { min-height: 450px; }
}

@media (max-width: 778px) {
    /* home decor */
    .home-decor .rev_slider_wrapper { height: 540px; }
    .home-decor .zeus { transform:matrix(1, 0, 0, 1, -350, -59) !important }

    /* architecture */
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -234) !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -301) !important; }
}

@media (max-width: 767px) {
    /* reset */
    html { font-size: 11px }
    .xs-center-col { float:none; margin-left:auto; margin-right:auto; }
    section, section.extra-big-section { padding: 50px 0; }
    section.big-section { padding:80px 0; }
    .center-col-style .custom-col { flex: 0 0 100%; max-width: 100%; margin: 8px 0; }
    .sm-last-order { order: 10; }

    /* typography */
    p { margin: 0 0 15px }

    /* text size */
    .fts-xxs { font-size: 20px; line-height: 30px; }
    .fts-l { font-size: 45px; line-height: 43px; }
    .fts-xl { font-size: 50px; line-height:50px }
    .fts-big2 { font-size: 100px; line-height: 100px; }
    .fts-big { font-size: 90px; line-height: 90px; }

    /* lineheight */
    .sm-lh0 { line-height: 0px; }
    .sm-lh8 { line-height: 8px; }
    .sm-lh10 { line-height: 10px; }
    .sm-lh14 { line-height: 14px; }
    .sm-lh15 { line-height: 15px; }
    .sm-lh16 { line-height: 16px; }
    .sm-lh18 { line-height: 18px; }
    .sm-lh20 { line-height: 20px; }
    .sm-lh22 { line-height: 22px; }
    .sm-lh24 { line-height: 24px; }
    .sm-lh26 { line-height: 26px; }
    .sm-lh28 { line-height: 28px; }
    .sm-lh30 { line-height: 30px; }
    .sm-lh32 { line-height: 32px; }
    .sm-lh34 { line-height: 34px; }
    .sm-lh36 { line-height: 36px; }
    .sm-lh38 { line-height: 38px; }
    .sm-lh40 { line-height: 40px; }
    .sm-lh50 { line-height: 50px; }
    .sm-lh140 { line-height: 140px; }
    .sm-lhnormal { line-height: normal; }

    /* letter spacing minus */
    .sm-ltm05 { letter-spacing: -0.50px; }
    .sm-ltm10 { letter-spacing: -1px; }
    .sm-ltm20 { letter-spacing: -2px; }
    .sm-ltm30 { letter-spacing: -3px; }
    .sm-ltm40 { letter-spacing: -4px; }
    .sm-ltm50 { letter-spacing: -5px; }

    /* absolute middle center */
    .sm-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .sm-background-image-none { background: inherit !important; }
    .sm-background-position-left { background-position: left center; }
    .sm-background-position-right { background-position: right center; }
    .sm-background-position-top { background-position: right top; }
    .sm-background-position-center { background-position: center; }
    .sm-background-position-left-top { background-position: left top; }

    /* box shadow */
    .sm-box-shadow-none { box-shadow: none; }

    /* video */
    .html-video-play .play-icon { padding-left: 5px; }
    .html-video-play .pause-icon { font-size: 22px; padding-left: 0; }

    /* margin */
    .sm-margin-one-all { margin:1%; }
    .sm-margin-two-all { margin:2%; }
    .sm-margin-three-all { margin:3%; }
    .sm-margin-four-all { margin:4%; }
    .sm-margin-five-all { margin:5%; }
    .sm-margin-six-all { margin:6%; }
    .sm-margin-seven-all { margin:7%; }
    .sm-margin-eight-all { margin:8%; }
    .sm-margin-nine-all { margin:9%; }
    .sm-margin-ten-all { margin:10%; }
    .sm-margin-eleven-all { margin:11%; }
    .sm-margin-twelve-all { margin:12%; }
    .sm-margin-thirteen-all { margin:13%; }
    .sm-margin-fourteen-all { margin:14%; }
    .sm-margin-fifteen-all { margin:15%; }
    .sm-margin-sixteen-all { margin:16%; }
    .sm-margin-seventeen-all { margin:17%; }
    .sm-margin-eighteen-all { margin:18%; }
    .sm-margin-nineteen-all { margin:19%; }
    .sm-margin-twenty-all { margin:20%; }
    .sm-margin-5px-all { margin:5px; }
    .sm-margin-10px-all { margin:10px; }
    .sm-margin-15px-all { margin:15px; }
    .sm-margin-20px-all { margin:20px; }
    .sm-margin-25px-all { margin:25px; }
    .sm-margin-30px-all { margin:30px; }
    .sm-margin-35px-all { margin:35px; }
    .sm-margin-40px-all { margin:40px; }
    .sm-margin-45px-all { margin:45px; }
    .sm-margin-50px-all { margin:50px; }
    .sm-margin-55px-all { margin:55px; }
    .sm-margin-60px-all { margin:60px; }
    .sm-margin-65px-all { margin:65px; }
    .sm-margin-70px-all { margin:70px; }
    .sm-margin-75px-all { margin:75px; }
    .sm-margin-80px-all { margin:80px; }
    .sm-margin-85px-all { margin:85px; }
    .sm-margin-90px-all { margin:90px; }
    .sm-margin-95px-all { margin:95px; }
    .sm-margin-100px-all { margin:100px; }
    .sm-margin-1-rem-all { margin: 1rem; }
    .sm-margin-1-half-rem-all { margin: 1.5rem; }
    .sm-margin-2-rem-all { margin: 2rem; }
    .sm-margin-2-half-rem-all { margin: 2.5rem; }
    .sm-margin-3-rem-all { margin: 3rem; }
    .sm-margin-3-half-rem-all { margin: 3.5rem; }
    .sm-margin-4-rem-all { margin: 4rem; }
    .sm-margin-4-half-rem-all { margin: 4.5rem; }
    .sm-margin-5-rem-all { margin: 5rem; }
    .sm-margin-5-half-rem-all { margin: 5.5rem; }
    .sm-margin-6-rem-all { margin: 6rem; }
    .sm-margin-6-half-rem-all { margin: 6.5rem; }
    .sm-margin-7-rem-all { margin: 7rem; }
    .sm-margin-7-half-rem-all { margin: 7.5rem; }
    .sm-margin-8-rem-all { margin: 8rem; }
    .sm-margin-8-half-rem-all { margin: 8.5rem; }
    .sm-margin-9-rem-all { margin: 9rem; }
    .sm-margin-9-half-rem-all { margin: 9.5rem; }
    .sm-margin-10-rem-all { margin: 10rem; }
    .sm-margin-10-half-rem-all { margin: 10.5rem; }

    /* margin top */
    .sm-margin-one-top { margin-top:1%; }
    .sm-margin-two-top { margin-top:2%; }
    .sm-margin-three-top { margin-top:3%; }
    .sm-margin-four-top { margin-top:4%; }
    .sm-margin-five-top { margin-top:5%; }
    .sm-margin-six-top { margin-top:6%; }
    .sm-margin-seven-top { margin-top:7%; }
    .sm-margin-eight-top { margin-top:8%; }
    .sm-margin-nine-top { margin-top:9%; }
    .sm-margin-ten-top { margin-top:10%; }
    .sm-margin-eleven-top { margin-top:11%; }
    .sm-margin-twelve-top { margin-top:12%; }
    .sm-margin-thirteen-top { margin-top:13%; }
    .sm-margin-fourteen-top { margin-top:14%; }
    .sm-margin-fifteen-top { margin-top:15%; }
    .sm-margin-sixteen-top { margin-top:16%; }
    .sm-margin-seventeen-top { margin-top:17%; }
    .sm-margin-eighteen-top { margin-top:18%; }
    .sm-margin-nineteen-top { margin-top:19%; }
    .sm-margin-twenty-top { margin-top:20%; }
    .sm-margin-5px-top { margin-top:5px; }
    .sm-margin-10px-top { margin-top:10px; }
    .sm-margin-15px-top { margin-top:15px; }
    .sm-margin-20px-top { margin-top:20px; }
    .sm-margin-25px-top { margin-top:25px; }
    .sm-margin-30px-top { margin-top:30px; }
    .sm-margin-35px-top { margin-top:35px; }
    .sm-margin-40px-top { margin-top:40px; }
    .sm-margin-45px-top { margin-top:45px; }
    .sm-margin-50px-top { margin-top:50px; }
    .sm-margin-55px-top { margin-top:55px; }
    .sm-margin-60px-top { margin-top:60px; }
    .sm-margin-65px-top { margin-top:65px; }
    .sm-margin-70px-top { margin-top:70px; }
    .sm-margin-75px-top { margin-top:75px; }
    .sm-margin-80px-top { margin-top:80px; }
    .sm-margin-85px-top { margin-top:85px; }
    .sm-margin-90px-top { margin-top:90px; }
    .sm-margin-95px-top { margin-top:95px; }
    .sm-margin-100px-top { margin-top:100px; }
    .sm-margin-1-rem-top { margin-top: 1rem; }
    .sm-margin-1-half-rem-top { margin-top: 1.5rem; }
    .sm-margin-2-rem-top { margin-top: 2rem; }
    .sm-margin-2-half-rem-top { margin-top: 2.5rem; }
    .sm-margin-3-rem-top { margin-top: 3rem; }
    .sm-margin-3-half-rem-top { margin-top: 3.5rem; }
    .sm-margin-4-rem-top { margin-top: 4rem; }
    .sm-margin-4-half-rem-top { margin-top: 4.5rem; }
    .sm-margin-5-rem-top { margin-top: 5rem; }
    .sm-margin-5-half-rem-top { margin-top: 5.5rem; }
    .sm-margin-6-rem-top { margin-top: 6rem; }
    .sm-margin-6-half-rem-top { margin-top: 6.5rem; }
    .sm-margin-7-rem-top { margin-top: 7rem; }
    .sm-margin-7-half-rem-top { margin-top: 7.5rem; }
    .sm-margin-8-rem-top { margin-top: 8rem; }
    .sm-margin-8-half-rem-top { margin-top: 8.5rem; }
    .sm-margin-9-rem-top { margin-top: 9rem; }
    .sm-margin-9-half-rem-top { margin-top: 9.5rem; }
    .sm-margin-10-rem-top { margin-top: 10rem; }
    .sm-margin-10-half-rem-top { margin-top: 10.5rem; }

    /* margin bottom */
    .sm-margin-one-bottom { margin-bottom:1%; }
    .sm-margin-two-bottom { margin-bottom:2%; }
    .sm-margin-three-bottom { margin-bottom:3%; }
    .sm-margin-four-bottom { margin-bottom:4%; }
    .sm-margin-five-bottom { margin-bottom:5%; }
    .sm-margin-six-bottom { margin-bottom:6%; }
    .sm-margin-seven-bottom { margin-bottom:7%; }
    .sm-margin-eight-bottom { margin-bottom:8%; }
    .sm-margin-nine-bottom { margin-bottom:9%; }
    .sm-margin-ten-bottom { margin-bottom:10%; }
    .sm-margin-eleven-bottom { margin-bottom:11%; }
    .sm-margin-twelve-bottom { margin-bottom:12%; }
    .sm-margin-thirteen-bottom { margin-bottom:13%; }
    .sm-margin-fourteen-bottom { margin-bottom:14%; }
    .sm-margin-fifteen-bottom { margin-bottom:15%; }
    .sm-margin-sixteen-bottom { margin-bottom:16%; }
    .sm-margin-seventeen-bottom { margin-bottom:17%; }
    .sm-margin-eighteen-bottom { margin-bottom:18%; }
    .sm-margin-nineteen-bottom { margin-bottom:19%; }
    .sm-margin-twenty-bottom { margin-bottom:20%; }
    .sm-margin-5px-bottom { margin-bottom:5px; }
    .sm-margin-10px-bottom { margin-bottom:10px; }
    .sm-margin-15px-bottom { margin-bottom:15px; }
    .sm-margin-20px-bottom { margin-bottom:20px; }
    .sm-margin-25px-bottom { margin-bottom:25px; }
    .sm-margin-30px-bottom { margin-bottom:30px; }
    .sm-margin-35px-bottom { margin-bottom:35px; }
    .sm-margin-40px-bottom { margin-bottom:40px; }
    .sm-margin-45px-bottom { margin-bottom:45px; }
    .sm-margin-50px-bottom { margin-bottom:50px; }
    .sm-margin-55px-bottom { margin-bottom:55px; }
    .sm-margin-60px-bottom { margin-bottom:60px; }
    .sm-margin-65px-bottom { margin-bottom:65px; }
    .sm-margin-70px-bottom { margin-bottom:70px; }
    .sm-margin-75px-bottom { margin-bottom:75px; }
    .sm-margin-80px-bottom { margin-bottom:80px; }
    .sm-margin-85px-bottom { margin-bottom:85px; }
    .sm-margin-90px-bottom { margin-bottom:90px; }
    .sm-margin-95px-bottom { margin-bottom:95px; }
    .sm-margin-100px-bottom { margin-bottom:100px; }
    .sm-margin-1-rem-bottom { margin-bottom: 1rem; }
    .sm-margin-1-half-rem-bottom { margin-bottom: 1.5rem; }
    .sm-margin-2-rem-bottom { margin-bottom: 2rem; }
    .sm-margin-2-half-rem-bottom { margin-bottom: 2.5rem; }
    .sm-margin-3-rem-bottom { margin-bottom: 3rem; }
    .sm-margin-3-half-rem-bottom { margin-bottom: 3.5rem; }
    .sm-margin-4-rem-bottom { margin-bottom: 4rem; }
    .sm-margin-4-half-rem-bottom { margin-bottom: 4.5rem; }
    .sm-margin-5-rem-bottom { margin-bottom: 5rem; }
    .sm-margin-5-half-rem-bottom { margin-bottom: 5.5rem; }
    .sm-margin-6-rem-bottom { margin-bottom: 6rem; }
    .sm-margin-6-half-rem-bottom { margin-bottom: 6.5rem; }
    .sm-margin-7-rem-bottom { margin-bottom: 7rem; }
    .sm-margin-7-half-rem-bottom { margin-bottom: 7.5rem; }
    .sm-margin-8-rem-bottom { margin-bottom: 8rem; }
    .sm-margin-8-half-rem-bottom { margin-bottom: 8.5rem; }
    .sm-margin-9-rem-bottom { margin-bottom: 9rem; }
    .sm-margin-9-half-rem-bottom { margin-bottom: 9.5rem; }
    .sm-margin-10-rem-bottom { margin-bottom: 10rem; }
    .sm-margin-10-half-rem-bottom { margin-bottom: 10.5rem; }

    /* margin right */
    .sm-margin-one-right { margin-right:1%; }
    .sm-margin-two-right { margin-right:2%; }
    .sm-margin-three-right { margin-right:3%; }
    .sm-margin-four-right { margin-right:4%; }
    .sm-margin-five-right { margin-right:5%; }
    .sm-margin-six-right { margin-right:6%; }
    .sm-margin-seven-right { margin-right:7%; }
    .sm-margin-eight-right { margin-right:8%; }
    .sm-margin-nine-right { margin-right:9%; }
    .sm-margin-ten-right { margin-right:10%; }
    .sm-margin-eleven-right { margin-right:11%; }
    .sm-margin-twelve-right { margin-right:12%; }
    .sm-margin-thirteen-right { margin-right:13%; }
    .sm-margin-fourteen-right { margin-right:14%; }
    .sm-margin-fifteen-right { margin-right:15%; }
    .sm-margin-sixteen-right { margin-right:16%; }
    .sm-margin-seventeen-right { margin-right:17%; }
    .sm-margin-eighteen-right { margin-right:18%; }
    .sm-margin-nineteen-right { margin-right:19%; }
    .sm-margin-twenty-right { margin-right:20%; }
    .sm-margin-5px-right { margin-right:5px; }
    .sm-margin-10px-right { margin-right:10px; }
    .sm-margin-15px-right { margin-right:15px; }
    .sm-margin-20px-right { margin-right:20px; }
    .sm-margin-25px-right { margin-right:25px; }
    .sm-margin-30px-right { margin-right:30px; }
    .sm-margin-35px-right { margin-right:35px; }
    .sm-margin-40px-right { margin-right:40px; }
    .sm-margin-45px-right { margin-right:45px; }
    .sm-margin-50px-right { margin-right:50px; }
    .sm-margin-55px-right { margin-right:55px; }
    .sm-margin-60px-right { margin-right:60px; }
    .sm-margin-65px-right { margin-right:65px; }
    .sm-margin-70px-right { margin-right:70px; }
    .sm-margin-75px-right { margin-right:75px; }
    .sm-margin-80px-right { margin-right:80px; }
    .sm-margin-85px-right { margin-right:85px; }
    .sm-margin-90px-right { margin-right:90px; }
    .sm-margin-95px-right { margin-right:95px; }
    .sm-margin-100px-right { margin-right:100px; }
    .sm-margin-1-rem-right { margin-right: 1rem; }
    .sm-margin-1-half-rem-right { margin-right: 1.5rem; }
    .sm-margin-2-rem-right { margin-right: 2rem; }
    .sm-margin-2-half-rem-right { margin-right: 2.5rem; }
    .sm-margin-3-rem-right { margin-right: 3rem; }
    .sm-margin-3-half-rem-right { margin-right: 3.5rem; }
    .sm-margin-4-rem-right { margin-right: 4rem; }
    .sm-margin-4-half-rem-right { margin-right: 4.5rem; }
    .sm-margin-5-rem-right { margin-right: 5rem; }
    .sm-margin-5-half-rem-right { margin-right: 5.5rem; }
    .sm-margin-6-rem-right { margin-right: 6rem; }
    .sm-margin-6-half-rem-right { margin-right: 6.5rem; }
    .sm-margin-7-rem-right { margin-right: 7rem; }
    .sm-margin-7-half-rem-right { margin-right: 7.5rem; }
    .sm-margin-8-rem-right { margin-right: 8rem; }
    .sm-margin-8-half-rem-right { margin-right: 8.5rem; }
    .sm-margin-9-rem-right { margin-right: 9rem; }
    .sm-margin-9-half-rem-right { margin-right: 9.5rem; }
    .sm-margin-10-rem-right { margin-right: 10rem; }
    .sm-margin-10-half-rem-right { margin-right: 10.5rem; }

    /* margin left */
    .sm-margin-one-left { margin-left:1%; }
    .sm-margin-two-left { margin-left:2%; }
    .sm-margin-three-left { margin-left:3%; }
    .sm-margin-four-left { margin-left:4%; }
    .sm-margin-five-left { margin-left:5%; }
    .sm-margin-six-left { margin-left:6%; }
    .sm-margin-seven-left { margin-left:7%; }
    .sm-margin-eight-left { margin-left:8%; }
    .sm-margin-nine-left { margin-left:9%; }
    .sm-margin-ten-left { margin-left:10%; }
    .sm-margin-eleven-left { margin-left:11%; }
    .sm-margin-twelve-left { margin-left:12%; }
    .sm-margin-thirteen-left { margin-left:13%; }
    .sm-margin-fourteen-left { margin-left:14%; }
    .sm-margin-fifteen-left { margin-left:15%; }
    .sm-margin-sixteen-left { margin-left:16%; }
    .sm-margin-seventeen-left { margin-left:17%; }
    .sm-margin-eighteen-left { margin-left:18%; }
    .sm-margin-nineteen-left { margin-left:19%; }
    .sm-margin-twenty-left { margin-left:20%; }
    .sm-margin-5px-left { margin-left:5px; }
    .sm-margin-10px-left { margin-left:10px; }
    .sm-margin-15px-left { margin-left:15px; }
    .sm-margin-20px-left { margin-left:20px; }
    .sm-margin-25px-left { margin-left:25px; }
    .sm-margin-30px-left { margin-left:30px; }
    .sm-margin-35px-left { margin-left:35px; }
    .sm-margin-40px-left { margin-left:40px; }
    .sm-margin-45px-left { margin-left:45px; }
    .sm-margin-50px-left { margin-left:50px; }
    .sm-margin-55px-left { margin-left:55px; }
    .sm-margin-60px-left { margin-left:60px; }
    .sm-margin-65px-left { margin-left:65px; }
    .sm-margin-70px-left { margin-left:70px; }
    .sm-margin-75px-left { margin-left:75px; }
    .sm-margin-80px-left { margin-left:80px; }
    .sm-margin-85px-left { margin-left:85px; }
    .sm-margin-90px-left { margin-left:90px; }
    .sm-margin-95px-left { margin-left:95px; }
    .sm-margin-100px-left { margin-left:100px; }
    .sm-margin-1-rem-left { margin-left: 1rem; }
    .sm-margin-1-half-rem-left { margin-left: 1.5rem; }
    .sm-margin-2-rem-left { margin-left: 2rem; }
    .sm-margin-2-half-rem-left { margin-left: 2.5rem; }
    .sm-margin-3-rem-left { margin-left: 3rem; }
    .sm-margin-3-half-rem-left { margin-left: 3.5rem; }
    .sm-margin-4-rem-left { margin-left: 4rem; }
    .sm-margin-4-half-rem-left { margin-left: 4.5rem; }
    .sm-margin-5-rem-left { margin-left: 5rem; }
    .sm-margin-5-half-rem-left { margin-left: 5.5rem; }
    .sm-margin-6-rem-left { margin-left: 6rem; }
    .sm-margin-6-half-rem-left { margin-left: 6.5rem; }
    .sm-margin-7-rem-left { margin-left: 7rem; }
    .sm-margin-7-half-rem-left { margin-left: 7.5rem; }
    .sm-margin-8-rem-left { margin-left: 8rem; }
    .sm-margin-8-half-rem-left { margin-left: 8.5rem; }
    .sm-margin-9-rem-left { margin-left: 9rem; }
    .sm-margin-9-half-rem-left { margin-left: 9.5rem; }
    .sm-margin-10-rem-left { margin-left: 10rem; }
    .sm-margin-10-half-rem-left { margin-left: 10.5rem; }

    /* margin left right */
    .sm-margin-one-lr { margin-left:1%; margin-right:1%; }
    .sm-margin-two-lr { margin-left:2%; margin-right:2%; }
    .sm-margin-three-lr { margin-left:3%; margin-right:3%; }
    .sm-margin-four-lr { margin-left:4%; margin-right:4%; }
    .sm-margin-five-lr { margin-left:5%; margin-right:5%; }
    .sm-margin-six-lr { margin-left:6%; margin-right:6%; }
    .sm-margin-seven-lr { margin-left:7%; margin-right:7%; }
    .sm-margin-eight-lr { margin-left:8%; margin-right:8%; }
    .sm-margin-nine-lr { margin-left:9%; margin-right:9%; }
    .sm-margin-ten-lr { margin-left:10%; margin-right:10%; }
    .sm-margin-eleven-lr { margin-left:11%; margin-right:11%; }
    .sm-margin-twelve-lr { margin-left:12%; margin-right:12%; }
    .sm-margin-thirteen-lr { margin-left:13%; margin-right:13%; }
    .sm-margin-fourteen-lr { margin-left:14%; margin-right:14%; }
    .sm-margin-fifteen-lr { margin-left:15%; margin-right:15%; }
    .sm-margin-sixteen-lr { margin-left:16%; margin-right:16%; }
    .sm-margin-seventeen-lr { margin-left:17%; margin-right:17%; }
    .sm-margin-eighteen-lr { margin-left:18%; margin-right:18%; }
    .sm-margin-nineteen-lr { margin-left:19%; margin-right:19%; }
    .sm-margin-twenty-lr { margin-left:20%; margin-right:20%; }
    .sm-margin-5px-lr { margin-left:5px; margin-right:5px; }
    .sm-margin-10px-lr { margin-left:10px; margin-right:10px; }
    .sm-margin-15px-lr { margin-left:15px; margin-right:15px; }
    .sm-margin-20px-lr { margin-left:20px; margin-right:20px; }
    .sm-margin-25px-lr { margin-left:25px; margin-right:25px; }
    .sm-margin-30px-lr { margin-left:30px; margin-right:30px; }
    .sm-margin-35px-lr { margin-left:35px; margin-right:35px; }
    .sm-margin-40px-lr { margin-left:40px; margin-right:40px; }
    .sm-margin-45px-lr { margin-left:45px; margin-right:45px; }
    .sm-margin-50px-lr { margin-left:50px; margin-right:50px; }
    .sm-margin-55px-lr { margin-left:55px; margin-right:55px; }
    .sm-margin-60px-lr { margin-left:60px; margin-right:60px; }
    .sm-margin-65px-lr { margin-left:65px; margin-right:65px; }
    .sm-margin-70px-lr { margin-left:70px; margin-right:70px; }
    .sm-margin-75px-lr { margin-left:75px; margin-right:75px; }
    .sm-margin-80px-lr { margin-left:80px; margin-right:80px; }
    .sm-margin-85px-lr { margin-left:85px; margin-right:85px; }
    .sm-margin-90px-lr { margin-left:90px; margin-right:90px; }
    .sm-margin-95px-lr { margin-left:95px; margin-right:95px; }
    .sm-margin-100px-lr { margin-left:100px; margin-right:100px; }
    .sm-margin-1-rem-lr { margin-left: 1rem; margin-right: 1rem; }
    .sm-margin-1-half-rem-lr { margin-left: 1.5rem; margin-right: 1.5rem; }
    .sm-margin-2-rem-lr { margin-left: 2rem; margin-right: 2rem; }
    .sm-margin-2-half-rem-lr { margin-left: 2.5rem; margin-right: 2.5rem; }
    .sm-margin-3-rem-lr { margin-left: 3rem; margin-right: 3rem; }
    .sm-margin-3-half-rem-lr { margin-left: 3.5rem; margin-right: 3.5rem; }
    .sm-margin-4-rem-lr { margin-left: 4rem; margin-right: 4rem; }
    .sm-margin-4-half-rem-lr { margin-left: 4.5rem; margin-right: 4.5rem; }
    .sm-margin-5-rem-lr { margin-left: 5rem; margin-right: 5rem; }
    .sm-margin-5-half-rem-lr { margin-left: 5.5rem; margin-right: 5.5rem; }
    .sm-margin-6-rem-lr { margin-left: 6rem; margin-right: 6rem; }
    .sm-margin-6-half-rem-lr { margin-left: 6.5rem; margin-right: 6.5rem; }
    .sm-margin-7-rem-lr { margin-left: 7rem; margin-right: 7rem; }
    .sm-margin-7-half-rem-lr { margin-left: 7.5rem; margin-right: 7.5rem; }
    .sm-margin-8-rem-lr { margin-left: 8rem; margin-right: 8rem; }
    .sm-margin-8-half-rem-lr { margin-left: 8.5rem; margin-right: 8.5rem; }
    .sm-margin-9-rem-lr { margin-left: 9rem; margin-right: 9rem; }
    .sm-margin-9-half-rem-lr { margin-left: 9.5rem; margin-right: 9.5rem; }
    .sm-margin-10-rem-lr { margin-left: 10rem; margin-right: 10rem; }
    .sm-margin-10-half-rem-lr { margin-left: 10.5rem; margin-right: 10.5rem; }

    /* margin top bottom */
    .sm-margin-one-tb { margin-top:1%; margin-bottom:1%; }
    .sm-margin-two-tb { margin-top:2%; margin-bottom:2%; }
    .sm-margin-three-tb { margin-top:3%; margin-bottom:3%; }
    .sm-margin-four-tb { margin-top:4%; margin-bottom:4%; }
    .sm-margin-five-tb { margin-top:5%; margin-bottom:5%; }
    .sm-margin-six-tb { margin-top:6%; margin-bottom:6%; }
    .sm-margin-seven-tb { margin-top:7%; margin-bottom:7%; }
    .sm-margin-eight-tb { margin-top:8%; margin-bottom:8%; }
    .sm-margin-nine-tb { margin-top:9%; margin-bottom:9%; }
    .sm-margin-ten-tb { margin-top:10%; margin-bottom:10%; }
    .sm-margin-eleven-tb { margin-top:11%; margin-bottom:11%; }
    .sm-margin-twelve-tb { margin-top:12%; margin-bottom:12%; }
    .sm-margin-thirteen-tb { margin-top:13%; margin-bottom:13%; }
    .sm-margin-fourteen-tb { margin-top:14%; margin-bottom:14%; }
    .sm-margin-fifteen-tb { margin-top:15%; margin-bottom:15%; }
    .sm-margin-sixteen-tb { margin-top:16%; margin-bottom:16%; }
    .sm-margin-seventeen-tb { margin-top:17%; margin-bottom:17%; }
    .sm-margin-eighteen-tb { margin-top:18%; margin-bottom:18%; }
    .sm-margin-nineteen-tb { margin-top:19%; margin-bottom:19%; }
    .sm-margin-twenty-tb { margin-top:20%; margin-bottom:20%; }
    .sm-margin-5px-tb { margin-top:5px; margin-bottom:5px; }
    .sm-margin-10px-tb { margin-top:10px; margin-bottom:10px; }
    .sm-margin-15px-tb { margin-top:15px; margin-bottom:15px; }
    .sm-margin-20px-tb { margin-top:20px; margin-bottom:20px; }
    .sm-margin-25px-tb { margin-top:25px; margin-bottom:25px; }
    .sm-margin-30px-tb { margin-top:30px; margin-bottom:30px; }
    .sm-margin-35px-tb { margin-top:35px; margin-bottom:35px; }
    .sm-margin-40px-tb { margin-top:40px; margin-bottom:40px; }
    .sm-margin-45px-tb { margin-top:45px; margin-bottom:45px; }
    .sm-margin-50px-tb { margin-top:50px; margin-bottom:50px; }
    .sm-margin-55px-tb { margin-top:55px; margin-bottom:55px; }
    .sm-margin-60px-tb { margin-top:60px; margin-bottom:60px; }
    .sm-margin-65px-tb { margin-top:65px; margin-bottom:65px; }
    .sm-margin-70px-tb { margin-top:70px; margin-bottom:70px; }
    .sm-margin-75px-tb { margin-top:75px; margin-bottom:75px; }
    .sm-margin-80px-tb { margin-top:80px; margin-bottom:80px; }
    .sm-margin-85px-tb { margin-top:85px; margin-bottom:85px; }
    .sm-margin-90px-tb { margin-top:90px; margin-bottom:90px; }
    .sm-margin-95px-tb { margin-top:95px; margin-bottom:95px; }
    .sm-margin-100px-tb { margin-top:100px; margin-bottom:100px; }
    .sm-margin-1-rem-tb { margin-top: 1rem; margin-bottom: 1rem; }
    .sm-margin-1-half-rem-tb { margin-top: 1.5rem; margin-bottom: 1.5rem; }
    .sm-margin-2-rem-tb { margin-top: 2rem; margin-bottom: 2rem; }
    .sm-margin-2-half-rem-tb { margin-top: 2.5rem; margin-bottom: 2.5rem; }
    .sm-margin-3-rem-tb { margin-top: 3rem; margin-bottom: 3rem; }
    .sm-margin-3-half-rem-tb { margin-top: 3.5rem; margin-bottom: 3.5rem; }
    .sm-margin-4-rem-tb { margin-top: 4rem; margin-bottom: 4rem; }
    .sm-margin-4-half-rem-tb { margin-top: 4.5rem; margin-bottom: 4.5rem; }
    .sm-margin-5-rem-tb { margin-top: 5rem; margin-bottom: 5rem; }
    .sm-margin-5-half-rem-tb { margin-top: 5.5rem; margin-bottom: 5.5rem; }
    .sm-margin-6-rem-tb { margin-top: 6rem; margin-bottom: 6rem; }
    .sm-margin-6-half-rem-tb { margin-top: 6.5rem; margin-bottom: 6.5rem; }
    .sm-margin-7-rem-tb { margin-top: 7rem; margin-bottom: 7rem; }
    .sm-margin-7-half-rem-tb { margin-top: 7.5rem; margin-bottom: 7.5rem; }
    .sm-margin-8-rem-tb { margin-top: 8rem; margin-bottom: 8rem; }
    .sm-margin-8-half-rem-tb { margin-top: 8.5rem; margin-bottom: 8.5rem; }
    .sm-margin-9-rem-tb { margin-top: 9rem; margin-bottom: 9rem; }
    .sm-margin-9-half-rem-tb { margin-top: 9.5rem; margin-bottom: 9.5rem; }
    .sm-margin-10-rem-tb { margin-top: 10rem; margin-bottom: 10rem; }
    .sm-margin-10-half-rem-tb { margin-top: 10.5rem; margin-bottom: 10.5rem; }

    .sm-margin-auto-lr { margin-left: auto !important; margin-right: auto !important; }
    .sm-margin-auto { margin: auto; }
    .sm-no-margin { margin: 0 !important; }
    .sm-no-margin-top { margin-top: 0 !important; }
    .sm-no-margin-bottom { margin-bottom: 0 !important; }
    .sm-no-margin-left { margin-left: 0 !important; }
    .sm-no-margin-right { margin-right: 0 !important; }
    .sm-no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
    .sm-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }

    /* padding */
    .sm-padding-one-all { padding:1%; }
    .sm-padding-two-all { padding:2%; }
    .sm-padding-three-all { padding:3%; }
    .sm-padding-four-all { padding:4%; }
    .sm-padding-five-all { padding:5%; }
    .sm-padding-six-all { padding:6%; }
    .sm-padding-seven-all { padding:7%; }
    .sm-padding-eight-all { padding:8%; }
    .sm-padding-nine-all { padding:9%; }
    .sm-padding-ten-all { padding:10%; }
    .sm-padding-eleven-all { padding:11%; }
    .sm-padding-twelve-all { padding:12%; }
    .sm-padding-thirteen-all { padding:13%; }
    .sm-padding-fourteen-all { padding:14%; }
    .sm-padding-fifteen-all { padding:15%; }
    .sm-padding-sixteen-all { padding:16%; }
    .sm-padding-seventeen-all { padding:17%; }
    .sm-padding-eighteen-all { padding:18%; }
    .sm-padding-nineteen-all { padding:19%; }
    .sm-padding-twenty-all { padding:20%; }
    .sm-padding-5px-all { padding:5px; }
    .sm-padding-10px-all { padding:10px; }
    .sm-padding-15px-all { padding:15px; }
    .sm-padding-20px-all { padding:20px; }
    .sm-padding-25px-all { padding:25px; }
    .sm-padding-30px-all { padding:30px; }
    .sm-padding-35px-all { padding:35px; }
    .sm-padding-40px-all { padding:40px; }
    .sm-padding-45px-all { padding:45px; }
    .sm-padding-50px-all { padding:50px; }
    .sm-padding-55px-all { padding:55px; }
    .sm-padding-60px-all { padding:60px; }
    .sm-padding-65px-all { padding:65px; }
    .sm-padding-70px-all { padding:70px; }
    .sm-padding-75px-all { padding:75px; }
    .sm-padding-80px-all { padding:80px; }
    .sm-padding-85px-all { padding:85px; }
    .sm-padding-90px-all { padding:90px; }
    .sm-padding-95px-all { padding:95px; }
    .sm-padding-100px-all { padding:100px; }
    .sm-padding-1-rem-all { padding: 1rem; }
    .sm-padding-1-half-rem-all { padding: 1.5rem; }
    .sm-padding-2-rem-all { padding: 2rem; }
    .sm-padding-2-half-rem-all { padding: 2.5rem; }
    .sm-padding-3-rem-all { padding: 3rem; }
    .sm-padding-3-half-rem-all { padding: 3.5rem; }
    .sm-padding-4-rem-all { padding: 4rem; }
    .sm-padding-4-half-rem-all { padding: 4.5rem; }
    .sm-padding-5-rem-all { padding: 5rem; }
    .sm-padding-5-half-rem-all { padding: 5.5rem; }
    .sm-padding-6-rem-all { padding: 6rem; }
    .sm-padding-6-half-rem-all { padding: 6.5rem; }
    .sm-padding-7-rem-all { padding: 7rem; }
    .sm-padding-7-half-rem-all { padding: 7.5rem; }
    .sm-padding-8-rem-all { padding: 8rem; }
    .sm-padding-8-half-rem-all { padding: 8.5rem; }
    .sm-padding-9-rem-all { padding: 9rem; }
    .sm-padding-9-half-rem-all { padding: 9.5rem; }
    .sm-padding-10-rem-all { padding: 10rem; }
    .sm-padding-10-half-rem-all { padding: 10.5rem; }

    /* padding top */
    .sm-padding-one-top { padding-top:1%; }
    .sm-padding-two-top { padding-top:2%; }
    .sm-padding-three-top { padding-top:3%; }
    .sm-padding-four-top { padding-top:4%; }
    .sm-padding-five-top { padding-top:5%; }
    .sm-padding-six-top { padding-top:6%; }
    .sm-padding-seven-top { padding-top:7%; }
    .sm-padding-eight-top { padding-top:8%; }
    .sm-padding-nine-top { padding-top:9%; }
    .sm-padding-ten-top { padding-top:10%; }
    .sm-padding-eleven-top { padding-top:11%; }
    .sm-padding-twelve-top { padding-top:12%; }
    .sm-padding-thirteen-top { padding-top:13%; }
    .sm-padding-fourteen-top { padding-top:14%; }
    .sm-padding-fifteen-top { padding-top:15%; }
    .sm-padding-sixteen-top { padding-top:16%; }
    .sm-padding-seventeen-top { padding-top:17%; }
    .sm-padding-eighteen-top { padding-top:18%; }
    .sm-padding-nineteen-top { padding-top:19%; }
    .sm-padding-twenty-top { padding-top:20%; }
    .sm-padding-5px-top { padding-top:5px; }
    .sm-padding-10px-top { padding-top:10px; }
    .sm-padding-15px-top { padding-top:15px; }
    .sm-padding-20px-top { padding-top:20px; }
    .sm-padding-25px-top { padding-top:25px; }
    .sm-padding-30px-top { padding-top:30px; }
    .sm-padding-35px-top { padding-top:35px; }
    .sm-padding-40px-top { padding-top:40px; }
    .sm-padding-45px-top { padding-top:45px; }
    .sm-padding-50px-top { padding-top:50px; }
    .sm-padding-55px-top { padding-top:55px; }
    .sm-padding-60px-top { padding-top:60px; }
    .sm-padding-65px-top { padding-top:65px; }
    .sm-padding-70px-top { padding-top:70px; }
    .sm-padding-75px-top { padding-top:75px; }
    .sm-padding-80px-top { padding-top:80px; }
    .sm-padding-85px-top { padding-top:85px; }
    .sm-padding-90px-top { padding-top:90px; }
    .sm-padding-95px-top { padding-top:95px; }
    .sm-padding-100px-top { padding-top:100px; }
    .sm-padding-1-rem-top { padding-top: 1rem; }
    .sm-padding-1-half-rem-top { padding-top: 1.5rem; }
    .sm-padding-2-rem-top { padding-top: 2rem; }
    .sm-padding-2-half-rem-top { padding-top: 2.5rem; }
    .sm-padding-3-rem-top { padding-top: 3rem; }
    .sm-padding-3-half-rem-top { padding-top: 3.5rem; }
    .sm-padding-4-rem-top { padding-top: 4rem; }
    .sm-padding-4-half-rem-top { padding-top: 4.5rem; }
    .sm-padding-5-rem-top { padding-top: 5rem; }
    .sm-padding-5-half-rem-top { padding-top: 5.5rem; }
    .sm-padding-6-rem-top { padding-top: 6rem; }
    .sm-padding-6-half-rem-top { padding-top: 6.5rem; }
    .sm-padding-7-rem-top { padding-top: 7rem; }
    .sm-padding-7-half-rem-top { padding-top: 7.5rem; }
    .sm-padding-8-rem-top { padding-top: 8rem; }
    .sm-padding-8-half-rem-top { padding-top: 8.5rem; }
    .sm-padding-9-rem-top { padding-top: 9rem; }
    .sm-padding-9-half-rem-top { padding-top: 9.5rem; }
    .sm-padding-10-rem-top { padding-top: 10rem; }
    .sm-padding-10-half-rem-top { padding-top: 10.5rem; }

    /* padding bottom */
    .sm-padding-one-bottom { padding-bottom:1%; }
    .sm-padding-two-bottom { padding-bottom:2%; }
    .sm-padding-three-bottom { padding-bottom:3%; }
    .sm-padding-four-bottom { padding-bottom:4%; }
    .sm-padding-five-bottom { padding-bottom:5%; }
    .sm-padding-six-bottom { padding-bottom:6%; }
    .sm-padding-seven-bottom { padding-bottom:7%; }
    .sm-padding-eight-bottom { padding-bottom:8%; }
    .sm-padding-nine-bottom { padding-bottom:9%; }
    .sm-padding-ten-bottom { padding-bottom:10%; }
    .sm-padding-eleven-bottom { padding-bottom:11%; }
    .sm-padding-twelve-bottom { padding-bottom:12%; }
    .sm-padding-thirteen-bottom { padding-bottom:13%; }
    .sm-padding-fourteen-bottom { padding-bottom:14%; }
    .sm-padding-fifteen-bottom { padding-bottom:15%; }
    .sm-padding-sixteen-bottom { padding-bottom:16%; }
    .sm-padding-seventeen-bottom { padding-bottom:17%; }
    .sm-padding-eighteen-bottom { padding-bottom:18%; }
    .sm-padding-nineteen-bottom { padding-bottom:19%; }
    .sm-padding-twenty-bottom { padding-bottom:20%; }
    .sm-padding-5px-bottom { padding-bottom:5px; }
    .sm-padding-10px-bottom { padding-bottom:10px; }
    .sm-padding-15px-bottom { padding-bottom:15px; }
    .sm-padding-20px-bottom { padding-bottom:20px; }
    .sm-padding-25px-bottom { padding-bottom:25px; }
    .sm-padding-30px-bottom { padding-bottom:30px; }
    .sm-padding-35px-bottom { padding-bottom:35px; }
    .sm-padding-40px-bottom { padding-bottom:40px; }
    .sm-padding-45px-bottom { padding-bottom:45px; }
    .sm-padding-50px-bottom { padding-bottom:50px; }
    .sm-padding-55px-bottom { padding-bottom:55px; }
    .sm-padding-60px-bottom { padding-bottom:60px; }
    .sm-padding-65px-bottom { padding-bottom:65px; }
    .sm-padding-70px-bottom { padding-bottom:70px; }
    .sm-padding-75px-bottom { padding-bottom:75px; }
    .sm-padding-80px-bottom { padding-bottom:80px; }
    .sm-padding-85px-bottom { padding-bottom:85px; }
    .sm-padding-90px-bottom { padding-bottom:90px; }
    .sm-padding-95px-bottom { padding-bottom:95px; }
    .sm-padding-100px-bottom { padding-bottom:100px; }
    .sm-padding-1-rem-bottom { padding-bottom: 1rem; }
    .sm-padding-1-half-rem-bottom { padding-bottom: 1.5rem; }
    .sm-padding-2-rem-bottom { padding-bottom: 2rem; }
    .sm-padding-2-half-rem-bottom { padding-bottom: 2.5rem; }
    .sm-padding-3-rem-bottom { padding-bottom: 3rem; }
    .sm-padding-3-half-rem-bottom { padding-bottom: 3.5rem; }
    .sm-padding-4-rem-bottom { padding-bottom: 4rem; }
    .sm-padding-4-half-rem-bottom { padding-bottom: 4.5rem; }
    .sm-padding-5-rem-bottom { padding-bottom: 5rem; }
    .sm-padding-5-half-rem-bottom { padding-bottom: 5.5rem; }
    .sm-padding-6-rem-bottom { padding-bottom: 6rem; }
    .sm-padding-6-half-rem-bottom { padding-bottom: 6.5rem; }
    .sm-padding-7-rem-bottom { padding-bottom: 7rem; }
    .sm-padding-7-half-rem-bottom { padding-bottom: 7.5rem; }
    .sm-padding-8-rem-bottom { padding-bottom: 8rem; }
    .sm-padding-8-half-rem-bottom { padding-bottom: 8.5rem; }
    .sm-padding-9-rem-bottom { padding-bottom: 9rem; }
    .sm-padding-9-half-rem-bottom { padding-bottom: 9.5rem; }
    .sm-padding-10-rem-bottom { padding-bottom: 10rem; }
    .sm-padding-10-half-rem-bottom { padding-bottom: 10.5rem; }

    /* padding right */
    .sm-padding-one-right { padding-right:1%; }
    .sm-padding-two-right { padding-right:2%; }
    .sm-padding-three-right { padding-right:3%; }
    .sm-padding-four-right { padding-right:4% }
    .sm-padding-five-right { padding-right:5%; }
    .sm-padding-six-right { padding-right:6%; }
    .sm-padding-seven-right { padding-right:7%; }
    .sm-padding-eight-right { padding-right:8%; }
    .sm-padding-nine-right { padding-right:9%; }
    .sm-padding-ten-right { padding-right:10%; }
    .sm-padding-eleven-right { padding-right:11%; }
    .sm-padding-twelve-right { padding-right:12%; }
    .sm-padding-thirteen-right { padding-right:13%; }
    .sm-padding-fourteen-right { padding-right:14%; }
    .sm-padding-fifteen-right { padding-right:15%; }
    .sm-padding-sixteen-right { padding-right:16%; }
    .sm-padding-seventeen-right { padding-right:17%; }
    .sm-padding-eighteen-right { padding-right:18%; }
    .sm-padding-nineteen-right { padding-right:19%; }
    .sm-padding-twenty-right { padding-right:20%; }
    .sm-padding-5px-right { padding-right:5px; }
    .sm-padding-10px-right { padding-right:10px; }
    .sm-padding-15px-right { padding-right:15px; }
    .sm-padding-20px-right { padding-right:20px; }
    .sm-padding-25px-right { padding-right:25px; }
    .sm-padding-30px-right { padding-right:30px; }
    .sm-padding-35px-right { padding-right:35px; }
    .sm-padding-40px-right { padding-right:40px; }
    .sm-padding-45px-right { padding-right:45px; }
    .sm-padding-50px-right { padding-right:50px; }
    .sm-padding-55px-right { padding-right:55px; }
    .sm-padding-60px-right { padding-right:60px; }
    .sm-padding-65px-right { padding-right:65px; }
    .sm-padding-70px-right { padding-right:70px; }
    .sm-padding-75px-right { padding-right:75px; }
    .sm-padding-80px-right { padding-right:80px; }
    .sm-padding-85px-right { padding-right:85px; }
    .sm-padding-90px-right { padding-right:90px; }
    .sm-padding-95px-right { padding-right:95px; }
    .sm-padding-100px-right { padding-right:100px; }
    .sm-padding-1-rem-right { padding-right: 1rem; }
    .sm-padding-1-half-rem-right { padding-right: 1.5rem; }
    .sm-padding-2-rem-right { padding-right: 2rem; }
    .sm-padding-2-half-rem-right { padding-right: 2.5rem; }
    .sm-padding-3-rem-right { padding-right: 3rem; }
    .sm-padding-3-half-rem-right { padding-right: 3.5rem; }
    .sm-padding-4-rem-right { padding-right: 4rem; }
    .sm-padding-4-half-rem-right { padding-right: 4.5rem; }
    .sm-padding-5-rem-right { padding-right: 5rem; }
    .sm-padding-5-half-rem-right { padding-right: 5.5rem; }
    .sm-padding-6-rem-right { padding-right: 6rem; }
    .sm-padding-6-half-rem-right { padding-right: 6.5rem; }
    .sm-padding-7-rem-right { padding-right: 7rem; }
    .sm-padding-7-half-rem-right { padding-right: 7.5rem; }
    .sm-padding-8-rem-right { padding-right: 8rem; }
    .sm-padding-8-half-rem-right { padding-right: 8.5rem; }
    .sm-padding-9-rem-right { padding-right: 9rem; }
    .sm-padding-9-half-rem-right { padding-right: 9.5rem; }
    .sm-padding-10-rem-right { padding-right: 10rem; }
    .sm-padding-10-half-rem-right { padding-right: 10.5rem; }

    /* padding left */
    .sm-padding-one-left { padding-left:1%; }
    .sm-padding-two-left { padding-left:2%; }
    .sm-padding-three-left { padding-left:3%; }
    .sm-padding-four-left { padding-left:4%; }
    .sm-padding-five-left { padding-left:5%; }
    .sm-padding-six-left { padding-left:6%; }
    .sm-padding-seven-left { padding-left:7%; }
    .sm-padding-eight-left { padding-left:8%; }
    .sm-padding-nine-left { padding-left:9%; }
    .sm-padding-ten-left { padding-left:10%; }
    .sm-padding-eleven-left { padding-left:11%; }
    .sm-padding-twelve-left { padding-left:12%; }
    .sm-padding-thirteen-left { padding-left:13%; }
    .sm-padding-fourteen-left { padding-left:14%; }
    .sm-padding-fifteen-left { padding-left:15%; }
    .sm-padding-sixteen-left { padding-left:16%; }
    .sm-padding-seventeen-left { padding-left:17%; }
    .sm-padding-eighteen-left { padding-left:18%; }
    .sm-padding-nineteen-left { padding-left:19%; }
    .sm-padding-twenty-left { padding-left:20%; }
    .sm-padding-5px-left { padding-left:5px; }
    .sm-padding-10px-left { padding-left:10px; }
    .sm-padding-15px-left { padding-left:15px; }
    .sm-padding-20px-left { padding-left:20px; }
    .sm-padding-25px-left { padding-left:25px; }
    .sm-padding-30px-left { padding-left:30px; }
    .sm-padding-35px-left { padding-left:35px; }
    .sm-padding-40px-left { padding-left:40px; }
    .sm-padding-45px-left { padding-left:45px; }
    .sm-padding-50px-left { padding-left:50px; }
    .sm-padding-55px-left { padding-left:55px; }
    .sm-padding-60px-left { padding-left:60px; }
    .sm-padding-65px-left { padding-left:65px; }
    .sm-padding-70px-left { padding-left:70px; }
    .sm-padding-75px-left { padding-left:75px; }
    .sm-padding-80px-left { padding-left:80px; }
    .sm-padding-85px-left { padding-left:85px; }
    .sm-padding-90px-left { padding-left:90px; }
    .sm-padding-95px-left { padding-left:95px; }
    .sm-padding-100px-left { padding-left:100px; }
    .sm-padding-1-rem-left { padding-left: 1rem; }
    .sm-padding-1-half-rem-left { padding-left: 1.5rem; }
    .sm-padding-2-rem-left { padding-left: 2rem; }
    .sm-padding-2-half-rem-left { padding-left: 2.5rem; }
    .sm-padding-3-rem-left { padding-left: 3rem; }
    .sm-padding-3-half-rem-left { padding-left: 3.5rem; }
    .sm-padding-4-rem-left { padding-left: 4rem; }
    .sm-padding-4-half-rem-left { padding-left: 4.5rem; }
    .sm-padding-5-rem-left { padding-left: 5rem; }
    .sm-padding-5-half-rem-left { padding-left: 5.5rem; }
    .sm-padding-6-rem-left { padding-left: 6rem; }
    .sm-padding-6-half-rem-left { padding-left: 6.5rem; }
    .sm-padding-7-rem-left { padding-left: 7rem; }
    .sm-padding-7-half-rem-left { padding-left: 7.5rem; }
    .sm-padding-8-rem-left { padding-left: 8rem; }
    .sm-padding-8-half-rem-left { padding-left: 8.5rem; }
    .sm-padding-9-rem-left { padding-left: 9rem; }
    .sm-padding-9-half-rem-left { padding-left: 9.5rem; }
    .sm-padding-10-rem-left { padding-left: 10rem; }
    .sm-padding-10-half-rem-left { padding-left: 10.5rem; }

    /* padding top bottom */
    .sm-padding-one-tb { padding-top:1%; padding-bottom:1%; }
    .sm-padding-two-tb { padding-top:2%; padding-bottom:2%; }
    .sm-padding-three-tb { padding-top:3%; padding-bottom:3%; }
    .sm-padding-four-tb { padding-top:4%; padding-bottom:4%; }
    .sm-padding-five-tb { padding-top:5%; padding-bottom:5%; }
    .sm-padding-six-tb { padding-top:6%; padding-bottom:6%; }
    .sm-padding-seven-tb { padding-top:7%; padding-bottom:7%; }
    .sm-padding-eight-tb { padding-top:8%; padding-bottom:8%; }
    .sm-padding-nine-tb { padding-top:9%; padding-bottom:9%; }
    .sm-padding-ten-tb { padding-top:10%; padding-bottom:10%; }
    .sm-padding-eleven-tb { padding-top:11%; padding-bottom:11%; }
    .sm-padding-twelve-tb { padding-top:12%; padding-bottom:12%; }
    .sm-padding-thirteen-tb { padding-top:13%; padding-bottom:13%; }
    .sm-padding-fourteen-tb { padding-top:14%; padding-bottom:14%; }
    .sm-padding-fifteen-tb { padding-top:15%; padding-bottom:15%; }
    .sm-padding-sixteen-tb { padding-top:16%; padding-bottom:16%; }
    .sm-padding-seventeen-tb { padding-top:17%; padding-bottom:17%; }
    .sm-padding-eighteen-tb { padding-top:18%; padding-bottom:18%; }
    .sm-padding-nineteen-tb { padding-top:19%; padding-bottom:19%; }
    .sm-padding-twenty-tb { padding-top:20%; padding-bottom:20%; }
    .sm-padding-5px-tb { padding-top:5px; padding-bottom:5px; }
    .sm-padding-10px-tb { padding-top:10px; padding-bottom:10px; }
    .sm-padding-15px-tb { padding-top:15px; padding-bottom:15px; }
    .sm-padding-20px-tb { padding-top:20px; padding-bottom:20px; }
    .sm-padding-25px-tb { padding-top:25px; padding-bottom:25px; }
    .sm-padding-30px-tb { padding-top:30px; padding-bottom:30px; }
    .sm-padding-35px-tb { padding-top:35px; padding-bottom:35px; }
    .sm-padding-40px-tb { padding-top:40px; padding-bottom:40px; }
    .sm-padding-45px-tb { padding-top:45px; padding-bottom:45px; }
    .sm-padding-50px-tb { padding-top:50px; padding-bottom:50px; }
    .sm-padding-55px-tb { padding-top:55px; padding-bottom:55px; }
    .sm-padding-60px-tb { padding-top:60px; padding-bottom:60px; }
    .sm-padding-65px-tb { padding-top:65px; padding-bottom:65px; }
    .sm-padding-70px-tb { padding-top:70px; padding-bottom:70px; }
    .sm-padding-75px-tb { padding-top:75px; padding-bottom:75px; }
    .sm-padding-80px-tb { padding-top:80px; padding-bottom:80px; }
    .sm-padding-85px-tb { padding-top:85px; padding-bottom:85px; }
    .sm-padding-90px-tb { padding-top:90px; padding-bottom:90px; }
    .sm-padding-95px-tb { padding-top:95px; padding-bottom:95px; }
    .sm-padding-100px-tb { padding-top:100px; padding-bottom:100px; }
    .sm-padding-1-rem-tb { padding-top: 1rem; padding-bottom: 1rem; }
    .sm-padding-1-half-rem-tb { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .sm-padding-2-rem-tb { padding-top: 2rem; padding-bottom: 2rem; }
    .sm-padding-2-half-rem-tb { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .sm-padding-3-rem-tb { padding-top: 3rem; padding-bottom: 3rem; }
    .sm-padding-3-half-rem-tb { padding-top: 3.5rem; padding-bottom: 3.5rem; }
    .sm-padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
    .sm-padding-4-half-rem-tb { padding-top: 4.5rem; padding-bottom: 4.5rem; }
    .sm-padding-5-rem-tb { padding-top: 5rem; padding-bottom: 5rem; }
    .sm-padding-5-half-rem-tb { padding-top: 5.5rem; padding-bottom: 5.5rem; }
    .sm-padding-6-rem-tb { padding-top: 6rem; padding-bottom: 6rem; }
    .sm-padding-6-half-rem-tb { padding-top: 6.5rem; padding-bottom: 6.5rem; }
    .sm-padding-7-rem-tb { padding-top: 7rem; padding-bottom: 7rem; }
    .sm-padding-7-half-rem-tb { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .sm-padding-8-rem-tb { padding-top: 8rem; padding-bottom: 8rem; }
    .sm-padding-8-half-rem-tb { padding-top: 8.5rem; padding-bottom: 8.5rem; }
    .sm-padding-9-rem-tb { padding-top: 9rem; padding-bottom: 9rem; }
    .sm-padding-9-half-rem-tb { padding-top: 9.5rem; padding-bottom: 9.5rem; }
    .sm-padding-10-rem-tb { padding-top: 10rem; padding-bottom: 10rem; }
    .sm-padding-10-half-rem-tb { padding-top: 10.5rem; padding-bottom: 10.5rem; }

    /* padding left right */
    .sm-padding-one-lr { padding-left:1%; padding-right:1%; }
    .sm-padding-two-lr { padding-left:2%; padding-right:2%; }
    .sm-padding-three-lr { padding-left:3%; padding-right:3%; }
    .sm-padding-four-lr { padding-left:4%; padding-right:4%; }
    .sm-padding-five-lr { padding-left:5%; padding-right:5%; }
    .sm-padding-six-lr { padding-left:6%; padding-right:6%; }
    .sm-padding-seven-lr { padding-left:7%; padding-right:7%; }
    .sm-padding-eight-lr { padding-left:8%; padding-right:8%; }
    .sm-padding-nine-lr { padding-left:9%; padding-right:9%; }
    .sm-padding-ten-lr { padding-left:10%; padding-right:10%; }
    .sm-padding-eleven-lr { padding-left:11%; padding-right:11%; }
    .sm-padding-twelve-lr { padding-left:12%; padding-right:12%; }
    .sm-padding-thirteen-lr { padding-left:13%; padding-right:13%; }
    .sm-padding-fourteen-lr { padding-left:14%; padding-right:14%; }
    .sm-padding-fifteen-lr { padding-left:15%; padding-right:15%; }
    .sm-padding-sixteen-lr { padding-left:16%; padding-right:16%; }
    .sm-padding-seventeen-lr { padding-left:17%; padding-right:17%; }
    .sm-padding-eighteen-lr { padding-left:18%; padding-right:18%; }
    .sm-padding-nineteen-lr { padding-left:19%; padding-right:19%; }
    .sm-padding-twenty-lr { padding-left:20%; padding-right:20%; }
    .sm-padding-5px-lr { padding-left:5px; padding-right:5px; }
    .sm-padding-10px-lr { padding-left:10px; padding-right:10px; }
    .sm-padding-15px-lr { padding-left:15px; padding-right:15px; }
    .sm-padding-20px-lr { padding-left:20px; padding-right:20px; }
    .sm-padding-25px-lr { padding-left:25px; padding-right:25px; }
    .sm-padding-30px-lr { padding-left:30px; padding-right:30px; }
    .sm-padding-35px-lr { padding-left:35px; padding-right:35px; }
    .sm-padding-40px-lr { padding-left:40px; padding-right:40px; }
    .sm-padding-45px-lr { padding-left:45px; padding-right:45px; }
    .sm-padding-50px-lr { padding-left:50px; padding-right:50px; }
    .sm-padding-55px-lr { padding-left:55px; padding-right:55px; }
    .sm-padding-60px-lr { padding-left:60px; padding-right:60px; }
    .sm-padding-65px-lr { padding-left:65px; padding-right:65px; }
    .sm-padding-70px-lr { padding-left:70px; padding-right:70px; }
    .sm-padding-75px-lr { padding-left:75px; padding-right:75px; }
    .sm-padding-80px-lr { padding-left:80px; padding-right:80px; }
    .sm-padding-85px-lr { padding-left:85px; padding-right:85px; }
    .sm-padding-90px-lr { padding-left:90px; padding-right:90px; }
    .sm-padding-95px-lr { padding-left:95px; padding-right:95px; }
    .sm-padding-100px-lr { padding-left:100px; padding-right:100px; }
    .sm-padding-1-rem-lr { padding-left: 1rem; padding-right: 1rem; }
    .sm-padding-1-half-rem-lr { padding-left: 1.5rem; padding-right: 1.5rem; }
    .sm-padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
    .sm-padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
    .sm-padding-3-rem-lr { padding-left: 3rem; padding-right: 3rem; }
    .sm-padding-3-half-rem-lr { padding-left: 3.5rem; padding-right: 3.5rem; }
    .sm-padding-4-rem-lr { padding-left: 4rem; padding-right: 4rem; }
    .sm-padding-4-half-rem-lr { padding-left: 4.5rem; padding-right: 4.5rem; }
    .sm-padding-5-rem-lr { padding-left: 5rem; padding-right: 5rem; }
    .sm-padding-5-half-rem-lr { padding-left: 5.5rem; padding-right: 5.5rem; }
    .sm-padding-6-rem-lr { padding-left: 6rem; padding-right: 6rem; }
    .sm-padding-6-half-rem-lr { padding-left: 6.5rem; padding-right: 6.5rem; }
    .sm-padding-7-rem-lr { padding-left: 7rem; padding-right: 7rem; }
    .sm-padding-7-half-rem-lr { padding-left: 7.5rem; padding-right: 7.5rem; }
    .sm-padding-8-rem-lr { padding-left: 8rem; padding-right: 8rem; }
    .sm-padding-8-half-rem-lr { padding-left: 8.5rem; padding-right: 8.5rem; }
    .sm-padding-9-rem-lr { padding-left: 9rem; padding-right: 9rem; }
    .sm-padding-9-half-rem-lr { padding-left: 9.5rem; padding-right: 9.5rem; }
    .sm-padding-10-rem-lr { padding-left: 10rem; padding-right: 10rem; }
    .sm-padding-10-half-rem-lr { padding-left: 10.5rem; padding-right: 10.5rem; }

    .sm-no-padding { padding:0 !important; }
    .sm-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .sm-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
    .sm-no-padding-top { padding-top:0 !important; }
    .sm-no-padding-bottom { padding-bottom:0 !important; }
    .sm-no-padding-left { padding-left:0 !important; }
    .sm-no-padding-right { padding-right:0 !important; }

    /* display and overflow */
    .sm-d-initial { display: initial !important; }
    .sm-overflow-hidden { overflow:hidden !important; }
    .sm-overflow-visible { overflow:visible !important; }
    .sm-overflow-auto { overflow:auto !important; }

    /* position */
    .sm-position-relative { position: relative !important; }
    .sm-position-absolute { position: absolute !important; }
    .sm-position-fixed { position: fixed !important; }
    .sm-position-inherit { position: inherit !important; }
    .sm-position-initial { position: initial !important; }

    /* top */
    .sm-top-0px { top: 0; }
    .sm-top-1px { top: 1px; }
    .sm-top-2px { top: 2px; }
    .sm-top-3px { top: 3px; }
    .sm-top-4px { top: 4px; }
    .sm-top-5px { top: 5px; }
    .sm-top-6px { top: 6px; }
    .sm-top-7px { top: 7px; }
    .sm-top-8px { top: 8px; }
    .sm-top-9px { top: 9px; }
    .sm-top-10px { top: 10px; }
    .sm-top-15px { top: 15px; }
    .sm-top-20px { top: 20px; }
    .sm-top-25px { top: 25px; }
    .sm-top-30px { top: 30px; }
    .sm-top-35px { top: 35px; }
    .sm-top-40px { top: 40px; }
    .sm-top-45px { top: 45px; }
    .sm-top-50px { top: 50px; }
    .sm-top-auto { top:auto; }
    .sm-top-inherit { top:inherit; }

    /* top minus */
    .sm-top-minus-1px { top: -1px; }
    .sm-top-minus-2px { top: -2px; }
    .sm-top-minus-3px { top: -3px; }
    .sm-top-minus-4px { top: -4px; }
    .sm-top-minus-5px { top: -5px; }
    .sm-top-minus-6px { top: -6px; }
    .sm-top-minus-7px { top: -7px; }
    .sm-top-minus-8px { top: -8px; }
    .sm-top-minus-9px { top: -9px; }
    .sm-top-minus-10px { top: -10px; }
    .sm-top-minus-15px { top: -15px; }
    .sm-top-minus-20px { top: -20px; }
    .sm-top-minus-25px { top: -25px; }
    .sm-top-minus-30px { top: -30px; }
    .sm-top-minus-35px { top: -35px; }
    .sm-top-minus-40px { top: -40px; }
    .sm-top-minus-45px { top: -45px; }
    .sm-top-minus-50px { top: -50px; }

    /* bottom */
    .sm-bottom-0px { bottom:0; }
    .sm-bottom-1px { bottom:1px; }
    .sm-bottom-2px { bottom:2px; }
    .sm-bottom-3px { bottom:3px; }
    .sm-bottom-4px { bottom:4px; }
    .sm-bottom-5px { bottom:5px; }
    .sm-bottom-6px { bottom:6px; }
    .sm-bottom-7px { bottom:7px; }
    .sm-bottom-8px { bottom:8px; }
    .sm-bottom-9px { bottom:9px; }
    .sm-bottom-10px { bottom:10px; }
    .sm-bottom-15px { bottom:15px; }
    .sm-bottom-20px { bottom:20px; }
    .sm-bottom-25px { bottom:25px; }
    .sm-bottom-30px { bottom:30px; }
    .sm-bottom-35px { bottom:35px; }
    .sm-bottom-40px { bottom:40px; }
    .sm-bottom-45px { bottom:45px; }
    .sm-bottom-50px { bottom:50px; }
    .sm-bottom-55px { bottom:55px; }
    .sm-bottom-60px { bottom:60px; }
    .sm-bottom-auto { bottom: auto; }
    .sm-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .sm-bottom-minus-1px { bottom: -1px; }
    .sm-bottom-minus-2px { bottom: -2px; }
    .sm-bottom-minus-3px { bottom: -3px; }
    .sm-bottom-minus-4px { bottom: -4px; }
    .sm-bottom-minus-5px { bottom: -5px; }
    .sm-bottom-minus-6px { bottom: -6px; }
    .sm-bottom-minus-7px { bottom: -7px; }
    .sm-bottom-minus-8px { bottom: -8px; }
    .sm-bottom-minus-9px { bottom: -9px; }
    .sm-bottom-minus-10px { bottom: -10px; }
    .sm-bottom-minus-15px { bottom: -15px; }
    .sm-bottom-minus-20px { bottom: -20px; }
    .sm-bottom-minus-25px { bottom: -25px; }
    .sm-bottom-minus-30px { bottom: -30px; }
    .sm-bottom-minus-35px { bottom: -35px; }
    .sm-bottom-minus-40px { bottom: -40px; }
    .sm-bottom-minus-45px { bottom: -45px; }
    .sm-bottom-minus-50px { bottom: -50px; }

    /* right */
    .sm-right-0px { right: 0; }
    .sm-right-1px { right: 1px; }
    .sm-right-2px { right: 2px; }
    .sm-right-3px { right: 3px; }
    .sm-right-4px { right: 4px; }
    .sm-right-5px { right: 5px; }
    .sm-right-6px { right: 6px; }
    .sm-right-7px { right: 7px; }
    .sm-right-8px { right: 8px; }
    .sm-right-9px { right: 9px; }
    .sm-right-10px { right: 10px; }
    .sm-right-15px { right: 15px; }
    .sm-right-20px { right: 20px; }
    .sm-right-25px { right: 25px; }
    .sm-right-30px { right: 30px; }
    .sm-right-35px { right: 35px; }
    .sm-right-40px { right: 40px; }
    .sm-right-45px { right: 45px; }
    .sm-right-50px { right: 50px; }
    .sm-right-auto { right: auto; }
    .sm-right-inherit { right: inherit; }

    /* right minus */
    .sm-right-minus-1px { right: -1px; }
    .sm-right-minus-2px { right: -2px; }
    .sm-right-minus-3px { right: -3px; }
    .sm-right-minus-4px { right: -4px; }
    .sm-right-minus-5px { right: -5px; }
    .sm-right-minus-6px { right: -6px; }
    .sm-right-minus-7px { right: -7px; }
    .sm-right-minus-8px { right: -8px; }
    .sm-right-minus-9px { right: -9px; }
    .sm-right-minus-10px { right: -10px; }
    .sm-right-minus-15px { right: -15px; }
    .sm-right-minus-20px { right: -20px; }
    .sm-right-minus-25px { right: -25px; }
    .sm-right-minus-30px { right: -30px; }
    .sm-right-minus-35px { right: -35px; }
    .sm-right-minus-40px { right: -40px; }
    .sm-right-minus-45px { right: -45px; }
    .sm-right-minus-50px { right: -50px; }

    /* left */
    .sm-left-0px { left: 0; }
    .sm-left-1px { left: 1px; }
    .sm-left-2px { left: 2px; }
    .sm-left-3px { left: 3px; }
    .sm-left-4px { left: 4px; }
    .sm-left-5px { left: 5px; }
    .sm-left-6px { left: 6px; }
    .sm-left-7px { left: 7px; }
    .sm-left-8px { left: 8px; }
    .sm-left-9px { left: 9px; }
    .sm-left-10px { left: 10px; }
    .sm-left-15px { left: 15px; }
    .sm-left-20px { left: 20px; }
    .sm-left-25px { left: 25px; }
    .sm-left-30px { left: 30px; }
    .sm-left-35px { left: 35px; }
    .sm-left-40px { left: 40px; }
    .sm-left-45px { left: 45px; }
    .sm-left-50px { left: 50px; }
    .sm-left-55px { left: 55px; }
    .sm-left-60px { left: 60px; }
    .sm-left-auto { left: auto; }
    .sm-left-inherit { left: inherit; }

    /* left minus */
    .sm-left-minus-1px { left: -1px; }
    .sm-left-minus-2px { left: -2px; }
    .sm-left-minus-3px { left: -3px; }
    .sm-left-minus-4px { left: -4px; }
    .sm-left-minus-5px { left: -5px; }
    .sm-left-minus-6px { left: -6px; }
    .sm-left-minus-7px { left: -7px; }
    .sm-left-minus-8px { left: -8px; }
    .sm-left-minus-9px { left: -9px; }
    .sm-left-minus-10px { left: -10px; }
    .sm-left-minus-15px { left: -15px; }
    .sm-left-minus-20px { left: -20px; }
    .sm-left-minus-25px { left: -25px; }
    .sm-left-minus-30px { left: -30px; }
    .sm-left-minus-35px { left: -35px; }
    .sm-left-minus-40px { left: -40px; }
    .sm-left-minus-45px { left: -45px; }
    .sm-left-minus-50px { left: -50px; }

    /* width */
    .sm-w-1px { width:1px !important; }
    .sm-w-2px { width:2px !important; }
    .sm-w-3px { width:3px !important; }
    .sm-w-4px { width:4px !important; }
    .sm-w-5px { width:5px !important; }
    .sm-w-6px { width:6px !important; }
    .sm-w-7px { width:7px !important; }
    .sm-w-8px { width:8px !important; }
    .sm-w-9px { width:9px !important; }
    .sm-w-10px { width:10px !important; }
    .sm-w-15px { width:15px !important; }
    .sm-w-20px { width:20px !important; }
    .sm-w-25px { width:25px !important; }
    .sm-w-30px { width:30px !important; }
    .sm-w-35px { width:35px !important; }
    .sm-w-40px { width:40px !important; }
    .sm-w-50px { width:50px !important; }
    .sm-w-55px { width:55px !important; }
    .sm-w-60px { width:60px !important; }
    .sm-w-65px { width:65px !important; }
    .sm-w-70px { width:70px !important; }
    .sm-w-75px { width:75px !important; }
    .sm-w-80px { width:80px !important; }
    .sm-w-85px { width:85px !important; }
    .sm-w-90px { width:90px !important; }
    .sm-w-95px { width:95px !important; }
    .sm-w-100px { width:100px !important; }
    .sm-w-110px { width:110px !important; }
    .sm-w-120px { width:120px !important; }
    .sm-w-130px { width:130px !important; }
    .sm-w-140px { width:140px !important; }
    .sm-w-150px { width:150px !important; }
    .sm-w-160px { width:160px !important; }
    .sm-w-170px { width:170px !important; }
    .sm-w-180px { width:180px !important; }
    .sm-w-190px { width:190px !important; }
    .sm-w-200px { width:200px !important; }
    .sm-w-250px { width:250px !important; }
    .sm-w-300px { width:300px !important; }
    .sm-w-350px { width:350px !important; }
    .sm-w-400px { width:400px !important; }
    .sm-w-450px { width:450px !important; }
    .sm-w-500px { width:500px !important; }
    .sm-w-550px { width:550px !important; }
    .sm-w-600px { width:600px !important; }
    .sm-w-650px { width:650px !important; }
    .sm-w-700px { width:700px !important; }
    .sm-w-750px { width:750px !important; }
    .sm-w-800px { width:800px !important; }
    .sm-w-850px { width:850px !important; }
    .sm-w-900px { width:900px !important; }
    .sm-w-950px { width:950px !important; }
    .sm-w-1000px { width:1000px !important; }
    .sm-w-10 { width: 10% !important; }
    .sm-w-15 { width: 15% !important; }
    .sm-w-20 { width: 20% !important; }
    .sm-w-25 { width: 25% !important; }
    .sm-w-30 { width: 30% !important; }
    .sm-w-35 { width: 35% !important; }
    .sm-w-40 { width: 40% !important; }
    .sm-w-45 { width: 45% !important; }
    .sm-w-50 { width: 50% !important; }
    .sm-w-55 { width: 55% !important; }
    .sm-w-60 { width: 60% !important; }
    .sm-w-65 { width: 65% !important; }
    .sm-w-70 { width: 70% !important; }
    .sm-w-75 { width: 75% !important; }
    .sm-w-80 { width: 80% !important; }
    .sm-w-85 { width: 85% !important; }
    .sm-w-90 { width: 90% !important; }
    .sm-w-95 { width: 95% !important; }
    .sm-w-100 { width: 100% !important; }
    .sm-w-auto { width:auto !important; }

    /* height */
    .sm-h-1px { height: 1px !important; }
    .sm-h-2px { height: 2px !important; }
    .sm-h-3px { height: 3px !important; }
    .sm-h-4px { height: 4px !important; }
    .sm-h-5px { height: 5px !important; }
    .sm-h-6px { height: 6px !important; }
    .sm-h-7px { height: 7px !important; }
    .sm-h-8px { height: 8px !important; }
    .sm-h-9px { height: 9px !important; }
    .sm-h-10px { height: 10px !important; }
    .sm-h-20px { height: 20px !important; }
    .sm-h-30px { height: 30px !important; }
    .sm-h-40px { height: 40px !important; }
    .sm-h-42px { height: 42px !important; }
    .sm-h-50px { height: 50px !important; }
    .sm-h-60px { height: 60px !important; }
    .sm-h-70px { height: 70px !important; }
    .sm-h-80px { height: 80px !important; }
    .sm-h-90px { height: 90px !important; }
    .sm-h-100px { height: 100px !important; }
    .sm-h-110px { height: 110px !important; }
    .sm-h-120px { height: 120px !important; }
    .sm-h-130px { height: 130px !important; }
    .sm-h-140px { height: 140px !important; }
    .sm-h-150px { height: 150px !important; }
    .sm-h-160px { height: 160px !important; }
    .sm-h-170px { height: 170px !important; }
    .sm-h-180px { height: 180px !important; }
    .sm-h-190px { height: 190px !important; }
    .sm-h-200px { height: 200px !important; }
    .sm-h-250px { height: 250px !important; }
    .sm-h-300px { height: 300px !important; }
    .sm-h-350px { height: 350px !important; }
    .sm-h-400px { height: 400px !important; }
    .sm-h-450px { height: 450px !important; }
    .sm-h-500px { height: 500px !important; }
    .sm-h-520px { height: 520px !important; }
    .sm-h-550px { height: 550px !important; }
    .sm-h-580px { height: 580px !important; }
    .sm-h-600px { height: 600px !important; }
    .sm-h-650px { height: 650px !important; }
    .sm-h-700px { height: 700px !important; }
    .sm-h-720px { height: 720px !important; }
    .sm-h-750px { height: 750px !important; }
    .sm-h-800px { height: 800px !important; }
    .sm-h-820px { height: 820px !important; }
    .sm-h-830px { height: 830px !important; }
    .sm-h-850px { height: 850px !important; }

    .sm-h-50 { height: 50% !important; }
    .sm-h-100 { height: 100% !important; }
    .sm-h-auto { height:auto !important; }

    /* min-height */
    .sm-min-h-100px { min-height: 100px; }
    .sm-min-h-200px { min-height: 200px; }
    .sm-min-h-300px { min-height: 300px; }
    .sm-min-h-400px { min-height: 400px; }
    .sm-min-h-500px { min-height: 500px; }
    .sm-min-h-600px { min-height: 600px; }
    .sm-min-h-700px { min-height: 700px; }

    /* screen height */
    .one-fifth-screen { height:600px; }
    .one-fourth-screen { height:500px; }
    .one-third-screen { height:350px; }
    .one-second-screen { height:300px; }
    .extra-small-screen { height:250px; }

    /* magnific popup */
    button.mfp-arrow, .mfp-arrow:active { height: 50px; width: 50px; margin-top: -25px; opacity: 1; }
    .mfp-arrow:before { margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 50px; border: 0; }

    /* content box image */
    .content-box-image { height: 100%; }

    /* slider navigation */
    .swiper-prev, .swiper-next { font-size: 16px; }
    .swiper-next i, .swiper-prev i { height: 35px; width: 35px; line-height: 35px; }
    .swiper-prev { left: 5px; }
    .swiper-next { right: 5px; }

    /* slider navigation style 08 */
    .slider-navigation-style-08.swiper-button-next.rounded-circle { right: 10px; width: 35px; height: 35px; }
    .slider-navigation-style-08.swiper-button-prev.rounded-circle { left: 10px; width: 35px; height: 35px; }

    /* swiper custom text */
    .slider-custom-text-prev.swiper-button-prev { padding-right: 30px; }
    .slider-custom-text-next.swiper-button-next { padding-left: 30px; }

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination { bottom: 30px; }

    /* swiper pagination */
    .slider-multy-scroll-right > .swiper-pagination-bullets { right: 40px; }

    /* grid */
    .grid.sm-grid-6col li { width: 16.67%; }
    .grid.sm-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.sm-grid-5col li { width: 20%; }
    .grid.sm-grid-5col li.grid-item-double { width: 40%; }
    .grid.sm-grid-4col li { width: 25%; }
    .grid.sm-grid-4col li.grid-item-double { width: 50%; }
    .grid.sm-grid-3col li { width: 33.33%; }
    .grid.sm-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.sm-grid-2col li { width: 50%; }
    .grid.sm-grid-2col li.grid-item-double { width: 100%; }
    .grid.sm-grid-1col li { width: 100%; }

    /* gutter type */
    .grid.gutter-small { margin: 0 -7px; }
    .grid.gutter-small li { padding:7px 7px; }
    .grid.gutter-extra-large li { padding:15px; }
    .grid.gutter-extra-large { margin:0 -15px; }
    .grid.gutter-double-extra-large li { padding: 15px; }
    .grid.gutter-medium { margin: 0 -7px; }
    .grid.gutter-medium li { padding: 7px 7px }
    .grid.gutter-large { margin: 0 -10px; }
    .grid.gutter-large li { padding: 10px 10px }

    /* portfolio scattered */
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(odd) .portfolio-box { padding: 0 0 10%; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(even) .portfolio-box { padding: 0 10% 10%; }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer { transform: translateY(calc(100% - 115px)); -webkit-transform: translateY(calc(100% - 115px)); -moz-transform: translateY(calc(100% - 115px)); -ms-transform: translateY(calc(100% - 115px)); }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 35px; bottom: 35px; }

    /* accordion style 04 */
    .accordion-style-04 .panel { padding-left: 20px; padding-right: 20px; }
    .accordion-style-04 .panel .panel-time { min-width: 115px; }
    .accordion-style-04 .panel .accordion-toggle { width: calc(100% - 330px); }
    .accordion-style-04 .panel .panel-body { margin-left: 115px; width: 70%; }    

    /* time table */
    .time-table .panel .panel-time, .time-table .panel .panel-speaker { width: 100%; text-align: center; }
    .time-table .panel .panel-body { width: 100%; }

    /* tab */
    .nav-tabs > li { padding: 0; display: block; margin-bottom: 10px; width: 100%; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { border: none; }
    .nav-tabs > li.nav-item { padding: 0; }

    /* tab style 01 */
    .tab-style-01 .nav-tabs { display: table; width: 100%;}
    .tab-style-01 .nav-tabs > li.nav-item { padding: 0; margin: 0 auto 20px; display: inherit; width: auto; }
    .tab-style-01 .nav-tabs > li.nav-item > a.nav-link { display: inline-block; }

    /* tab style 02 */
    .tab-style-02 .nav-tabs > li.nav-item { margin: 0 0 15px 0;}
    .tab-style-02 .nav-tabs > li.nav-item:last-child { margin-bottom: 0;}

    /* tab style 03 */
    .tab-style-03 .nav-tabs > li.nav-item { padding: 0; margin-bottom: 30px; border: 0; }

    /* tab style 04 */
    .tab-style-04 .nav-tabs > li.nav-item { width: auto; }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li { margin-bottom: 5px; }

    /* tab style 06 */
    .tab-style-06 .nav-tabs { border-bottom: none;border-top: 1px solid #ddd;}
    .tab-style-06 .nav-tabs > li.nav-item { width: 100%;  border-bottom: 1px solid #ddd; border-top:none; margin-bottom: 0 }
    .tab-style-06 .nav-tabs > li.nav-item > a.nav-link { padding: 7px 0; font-size: 18px }
	

    /* tab style 07 */
    .tab-style-07 .nav-tabs { -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .tab-style-07 .nav-tabs > li.nav-item { border-bottom: 1px solid #e4e4e4; width: 50% }
    .tab-style-07 .nav-tabs > li.nav-item:nth-child(odd) { border-right: 1px solid #e4e4e4;  }	
    .tab-style-07 .nav-tabs > li.nav-item > a.nav-link { padding: 9px 5px 7px 5px; }
	 .tab-style-07 .nav-tabs > li.nav-item > a.nav-link.active { border-image: none; border-image-slice: 1;color: #e42464;}
	 .tab-style-07 .nav-tabs > li.nav-item > a.nav-link a { border-bottom: 0; border-image: none; border-image-slice: 1;color: #e42464;}


	
    /* process step style 04 */
    .process-step-style-04 .process-content { padding-top: 40px; }

    /* grid filter */
    .grid-filter > li.active > a, .grid-filter > li.active > a:focus, .grid-filter > li.active > a:hover, .grid-filter > li > a:hover { border-bottom: 1px solid; }

    /* newsletter style 01 */
    .newsletter-style-01 input { padding-right: 20px; }

    /* table style 01 */
    .table-style-01 table { width: 600px; }

    /* pricing table style 02 */
    .pricing-table-style-02 .pricing-popular { left: 0; width: 100%; }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box { padding: 0 15px; }

    /* no border */
    .sm-no-border-top { border-top:0 !important }
    .sm-no-border-bottom { border-bottom:0 !important }
    .sm-no-border-right { border-right:0 !important }
    .sm-no-border-left { border-left:0 !important }
    .sm-no-border-all { border: 0 !important }

    /* border width */
    .sm-border-width-1px { border-width:1px !important; }
    .sm-border-width-2px { border-width:2px !important; }
    .sm-border-width-3px { border-width:3px !important; }
    .sm-border-width-4px { border-width:4px !important; }
    .sm-border-width-5px { border-width:5px !important; }
    .sm-border-width-6px { border-width:6px !important; }
    .sm-border-width-7px { border-width:7px !important; }
    .sm-border-width-8px { border-width:8px !important; }
    .sm-border-width-9px { border-width:9px !important; }
    .sm-border-width-10px { border-width:10px !important; }
    .sm-border-width-11px { border-width:11px !important; }
    .sm-border-width-12px { border-width:12px !important; }
    .sm-border-width-13px { border-width:13px !important; }
    .sm-border-width-14px { border-width:14px !important; }
    .sm-border-width-15px { border-width:15px !important; }
    .sm-border-width-16px { border-width:16px !important; }
    .sm-border-width-17px { border-width:17px !important; }
    .sm-border-width-18px { border-width:18px !important; }
    .sm-border-width-19px { border-width:19px !important; }
    .sm-border-width-20px { border-width:20px !important; }

    /* border */
    .sm-border-all { border: 1px solid; }
    .sm-border-top { border-top: 1px solid; }
    .sm-border-bottom { border-bottom: 1px solid; }
    .sm-border-left { border-left: 1px solid; }
    .sm-border-right { border-right: 1px solid; }
    .sm-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .sm-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* border color */
    .sm-border-color-white { border-color: #fff; }
    .sm-border-color-black { border-color: #000; }
    .sm-border-color-sky-blue { border-color: #2e94eb; }
    .sm-border-color-extra-dark-gray { border-color: #232323; }
    .sm-border-color-medium-dark-gray { border-color: #363636; }
    .sm-border-color-dark-gray { border-color: #939393; }
    .sm-border-color-extra-medium-gray { border-color: #dbdbdb; }
    .sm-border-color-medium-gray { border-color: #e4e4e4; }
    .sm-border-color-extra-light-gray { border-color: #ededed; }
    .sm-border-color-light-gray { border-color: #f5f5f5; }
    .sm-border-color-light-pink { border-color: #862237; }
    .sm-border-color-deep-pink { border-color: #ff214f; }
    .sm-border-color-pink { border-color: #ff357c; }
    .sm-border-color-fast-blue { border-color: #0038e3; }
    .sm-border-color-orange { border-color: #ff6437; }
    .sm-border-color-green { border-color: #45d690; }
    .sm-border-color-golden { border-color: #d0ba6d; }
    .sm-border-color-persian-blue { border-color: #0039CC; }
    .sm-border-color-purple { border-color: #7342ac; }
    .sm-border-color-parrot-green { border-color: #cee002; }
    .sm-border-color-dark-red { border-color: #e12837; }

    /* transparent border */
    .sm-border-color-transparent { border-color: transparent; }
    .sm-border-color-black-transparent { border-color: rgba(0,0,0,.1); }
    .sm-border-color-white-transparent { border-color: rgba(255,255,255,.1); }
    .sm-border-color-golden-transparent { border-color: rgba(208, 186, 109, 0.2); }
    .sm-border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45); }
    .sm-border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2); }
    .sm-border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4); }
    .sm-border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05); }
    .sm-border-color-light-white-transparent { border-color: rgba(255,255,255,0.1); }
    .sm-border-color-nero-transparent { border-color: rgba(25,25,25,0.1); }
    .sm-border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04); }

    /* border style */
    .sm-border-dotted { border-style: dotted !important; }
    .sm-border-dashed { border-style: dashed !important; }
    .sm-border-solid { border-style: solid !important; }
    .sm-border-double { border-style: double !important; }
    .sm-border-groove { border-style: groove !important; }
    .sm-border-ridge { border-style: ridge !important; }
    .sm-border-inset { border-style: inset !important; }
    .sm-border-outset { border-style: outset !important; }
    .sm-border-none { border-style: none !important; }
    .sm-border-hidden { border-style: hidden !important; }
    .sm-border-transperent { border-color: transparent !important; }

    /* navigation */
    .navbar-toggler { margin-left: 0;}
    .navbar-nav { padding-left: 0; padding-right: 0; }
    .navbar.navbar-boxed { padding-left: 0; padding-right: 0; }
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { padding-right: 0; padding-left: 0; }
    .top-bar .container-lg { padding-left: 0; padding-right: 0;}
    header .top-bar + .navbar.fixed-top { top: 0; }

    /* hamburger menu */
    .hamburger-menu { width: 100%; min-width: 0; }
    .hamburger-menu .close-button-menu { top: 0; right: 0; }
    .hamburger-menu.menu-full-width .hamburger-menu-wrepper { width: 100%; }
    .hamburger-menu.menu-full-width .menu-list { width: 90%; }
    .hamburger-menu.menu-half-width { width: 100%; }

    /* hamburger menu big text */
    .hamburger-menu-big-font .menu-list li { padding: 10px 0; }
    .hamburger-menu-big-font .menu-list li a { font-size: 24px; line-height: 30px; }
    .hamburger-menu-big-font .menu-list li .menu-toggle { top: 27px; }
    .hamburger-menu-big-font .menu-list li .sub-menu-item { padding: 15px 0 0 15px; }

    /* header sidebar */
    .sidebar-nav-action, .side-menu-header { padding-left: 15px; padding-right: 15px; }

    /* page title */
    .page-fts-xs span { margin-left: 0; padding-left: 0; }
    .page-fts-xs span:before { display: none; }
    .page-fts-l h1 { font-size: 30px; line-height: 40px; }

    /* blog side image */
    .blog-side-image .blog-post { padding: 20px; }
    .blog-side-image .blog-post:nth-child(odd) { padding-right: 20px; }
    .blog-side-image .blog-post:nth-child(even) { padding-left: 20px; }
    .blog-side-image .blog-post-image, .blog-side-image .post-details { width: 100%; }
    .blog-side-image .blog-post:nth-child(even) .blog-post-image { -ms-flex-order: 1; order: 1; }
    .blog-side-image .blog-post:nth-child(even) .post-details { -ms-flex-order: 2; order: 2; }
    .blog-side-image .avtar-image { width: 30px; margin-right: 15px; }
    .blog-side-image .separator { display: inline-block; }

    /* blog modern */
    .blog-modern .blog-post-image { margin-bottom: 100px; }

    /* sidebar */
    .shopping-left-side-bar .shopping-content, .blog-left-side-bar .blog-content { order: 1; -ms-flex-order: 1; }
    .shopping-left-side-bar .shopping-sidebar, .blog-right-side-bar .blog-content { order: 2; -ms-flex-order: 2; }

    /* video icons */
    .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -30px; left: -30px; }
    .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -15px; left: -15px; }
    .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -25px; left: -25px; }
    .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -10px; left: -10px; }
    .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -25px; left: -25px; }
    .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -10px; left: -10px; }
    .video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -10px; left: -10px; }

    /* video icon size */
    .video-icon-double-large .video-icon { width: 80px; height: 80px; font-size: 28px; }
    .video-icon-double-large.video-icon-box .video-icon i { margin-left: 5px; }
    .video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 140px; height: 140px; }
    .video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 110px; height: 110px; }

    /* notify popup */
    .mfp-auto-cursor .mfp-content.notify-popup { padding-top: 35px; padding-bottom: 35px;}
    .show-notify-popup .mfp-container { padding-top: 0; }
    .mfp-notify button.mfp-close { top: 0; right: 0; }

    /* accordion style 03 */
    .accordion-style-03 .panel { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; }
    .accordion-style-03 .panel .panel-heading { padding: 15px 25px 15px 0; }

    /* cart and checkout page */
    .total-price-table td, .total-price-table th { padding-top: 15px; padding-bottom: 15px; }

    /* marketing agency */
    footer.home-marketing-agency .footer-horizontal-link li { margin-right: 0; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-number { transform: translateX(50px); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); }
    .fullscreen-hover-list .hover-list-item .interactive-line { width: 20px; margin-left: 25px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:after { left: 25px; bottom: 25px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:hover:after { width: calc(100% - 50px); }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title { font-size: 35px; line-height: 35px; padding: 25px; }
    .fullscreen-hover-list .hover-list-item .interactive-icon { top: 1px; }

    /* photography */
    .home-photography .interactive-banners-style-13 .interactive-banners-image { width: 80%; }
    .home-photography .interactive-banners-style-13 .interactive-banners-content { width: 30%; }
    .home-photography .hover-option-2 .hover-option-content { width: 35%; }

    /* freelancer */
    .home-freelancer .fts-xxl { line-height: 70px; }
    .home-freelancer .fts-xl { font-size: 65px; }
    .home-freelancer-bg-img { background: none !important; }

    /* hotel resort */
    .home-hotel-resort .book-now-btn { font-size: 11px !important; padding: 12px 24px !important; }
    .home-hotel-resort .rev_slider_wrapper { height: 450px !important; }

    /* swiper horizontal 3d */
    .swiper-horizontal-3d.swiper-container { padding-bottom: 0; }
    .swiper-horizontal-3d .swiper-slide.swiper-slide-prev, .swiper-horizontal-3d .swiper-slide.swiper-slide-next { opacity: .0; }
    .swiper-horizontal-3d .swiper-slide.swiper-slide-active { box-shadow: none; }

    /*home architecture*/
    .home-architecture .tparrows.tp-leftarrow { transform: translate(0) !important; bottom: 0; right: 0; top: auto !important; left: auto !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: translate(0) !important; bottom: 67px; right: 0; top: auto !important; left: auto !important; }

    /* split slider */
    .home-split-portfolio .fts-l { font-size: 70px; line-height: 65px; }

    /* elements social icon page */
    .elements-social .extra-small-icon li, .elements-social .small-icon li, .elements-social .medium-icon li, .elements-social .large-icon li, .elements-social .extra-large-icon li { margin-bottom: 20px; }

    .home-startup .tp-bullet { opacity: 0.5; height: 10px !important; width: 10px !important; }

    /*home decor*/
    .home-decor .tp-bullets { transform: translateX(-50%) !important; bottom: 30px !important; top: auto !important; }
    
    /* text shadow */
    .sm-no-text-shadow { text-shadow: none;}
}

@media screen and (max-width: 575px) {
    /* reset */
    section.big-section { padding:35px 0; }
    .xs-last-order { order: 10; }

    /* text size */
    .fts-big3 { font-size: 230px; line-height: 190px; }

    /* lineheight */
    .xs-lh0 { line-height: 0px; }
    .xs-lh8 { line-height: 8px; }
    .xs-lh10 { line-height: 10px; }
    .xs-lh14 { line-height: 14px; }
    .xs-lh15 { line-height: 15px; }
    .xs-lh16 { line-height: 16px; }
    .xs-lh18 { line-height: 18px; }
    .xs-lh20 { line-height: 20px; }
    .xs-lh22 { line-height: 22px; }
    .xs-lh24 { line-height: 24px; }
    .xs-lh26 { line-height: 26px; }
    .xs-lh28 { line-height: 28px; }
    .xs-lh30 { line-height: 30px; }
    .xs-lh32 { line-height: 32px; }
    .xs-lh34 { line-height: 34px; }
    .xs-lh36 { line-height: 36px; }
    .xs-lh38 { line-height: 38px; }
    .xs-lh40 { line-height: 40px; }
    .xs-lh50 { line-height: 50px; }
    .xs-lh140 { line-height: 140px; }
    .xs-lhnormal { line-height: normal; }

    /* letter spacing minus */
    .xs-ltm05 { letter-spacing: -0.50px; }
    .xs-ltm10 { letter-spacing: -1px; }
    .xs-ltm20 { letter-spacing: -2px; }
    .xs-ltm30 { letter-spacing: -3px; }
    .xs-ltm40 { letter-spacing: -4px; }
    .xs-ltm50 { letter-spacing: -5px; }

    /* absolute middle center */
    .xs-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .xs-background-image-none { background: inherit !important; }
    .xs-background-position-left { background-position: left center; }
    .xs-background-position-right { background-position: right center; }
    .xs-background-position-top { background-position: right top; }
    .xs-background-position-center { background-position: center; }
    .xs-background-position-left-top { background-position: left top; }

    /* overlap */
    .text-overlap-style-04 { font-size: 55px; line-height: 65px; }

    /* box shadow */
    .xs-box-shadow-none { box-shadow: none; }

    /* margin */
    .xs-margin-one-all { margin:1%; }
    .xs-margin-two-all { margin:2%; }
    .xs-margin-three-all { margin:3%; }
    .xs-margin-four-all { margin:4%; }
    .xs-margin-five-all { margin:5%; }
    .xs-margin-six-all { margin:6%; }
    .xs-margin-seven-all { margin:7%; }
    .xs-margin-eight-all { margin:8%; }
    .xs-margin-nine-all { margin:9%; }
    .xs-margin-ten-all { margin:10%; }
    .xs-margin-eleven-all { margin:11%; }
    .xs-margin-twelve-all { margin:12%; }
    .xs-margin-thirteen-all { margin:13%; }
    .xs-margin-fourteen-all { margin:14%; }
    .xs-margin-fifteen-all { margin:15%; }
    .xs-margin-sixteen-all { margin:16%; }
    .xs-margin-seventeen-all { margin:17%; }
    .xs-margin-eighteen-all { margin:18%; }
    .xs-margin-nineteen-all { margin:19%; }
    .xs-margin-twenty-all { margin:20%; }
    .xs-margin-5px-all { margin:5px; }
    .xs-margin-10px-all { margin:10px; }
    .xs-margin-15px-all { margin:15px; }
    .xs-margin-20px-all { margin:20px; }
    .xs-margin-25px-all { margin:25px; }
    .xs-margin-30px-all { margin:30px; }
    .xs-margin-35px-all { margin:35px; }
    .xs-margin-40px-all { margin:40px; }
    .xs-margin-45px-all { margin:45px; }
    .xs-margin-50px-all { margin:50px; }
    .xs-margin-55px-all { margin:55px; }
    .xs-margin-60px-all { margin:60px; }
    .xs-margin-65px-all { margin:65px; }
    .xs-margin-70px-all { margin:70px; }
    .xs-margin-75px-all { margin:75px; }
    .xs-margin-80px-all { margin:80px; }
    .xs-margin-85px-all { margin:85px; }
    .xs-margin-90px-all { margin:90px; }
    .xs-margin-95px-all { margin:95px; }
    .xs-margin-100px-all { margin:100px; }
    .xs-margin-1-rem-all { margin: 1rem; }
    .xs-margin-1-half-rem-all { margin: 1.5rem; }
    .xs-margin-2-rem-all { margin: 2rem; }
    .xs-margin-2-half-rem-all { margin: 2.5rem; }
    .xs-margin-3-rem-all { margin: 3rem; }
    .xs-margin-3-half-rem-all { margin: 3.5rem; }
    .xs-margin-4-rem-all { margin: 4rem; }
    .xs-margin-4-half-rem-all { margin: 4.5rem; }
    .xs-margin-5-rem-all { margin: 5rem; }
    .xs-margin-5-half-rem-all { margin: 5.5rem; }
    .xs-margin-6-rem-all { margin: 6rem; }
    .xs-margin-6-half-rem-all { margin: 6.5rem; }
    .xs-margin-7-rem-all { margin: 7rem; }
    .xs-margin-7-half-rem-all { margin: 7.5rem; }
    .xs-margin-8-rem-all { margin: 8rem; }
    .xs-margin-8-half-rem-all { margin: 8.5rem; }
    .xs-margin-9-rem-all { margin: 9rem; }
    .xs-margin-9-half-rem-all { margin: 9.5rem; }
    .xs-margin-10-rem-all { margin: 10rem; }
    .xs-margin-10-half-rem-all { margin: 10.5rem; }

    /* margin top */
    .xs-margin-one-top { margin-top:1%; }
    .xs-margin-two-top { margin-top:2%; }
    .xs-margin-three-top { margin-top:3%; }
    .xs-margin-four-top { margin-top:4%; }
    .xs-margin-five-top { margin-top:5%; }
    .xs-margin-six-top { margin-top:6%; }
    .xs-margin-seven-top { margin-top:7%; }
    .xs-margin-eight-top { margin-top:8%; }
    .xs-margin-nine-top { margin-top:9%; }
    .xs-margin-ten-top { margin-top:10%; }
    .xs-margin-eleven-top { margin-top:11%; }
    .xs-margin-twelve-top { margin-top:12%; }
    .xs-margin-thirteen-top { margin-top:13%; }
    .xs-margin-fourteen-top { margin-top:14%; }
    .xs-margin-fifteen-top { margin-top:15%; }
    .xs-margin-sixteen-top { margin-top:16%; }
    .xs-margin-seventeen-top { margin-top:17%; }
    .xs-margin-eighteen-top { margin-top:18%; }
    .xs-margin-nineteen-top { margin-top:19%; }
    .xs-margin-twenty-top { margin-top:20%; }
    .xs-margin-5px-top { margin-top:5px; }
    .xs-margin-10px-top { margin-top:10px; }
    .xs-margin-15px-top { margin-top:15px; }
    .xs-margin-20px-top { margin-top:20px; }
    .xs-margin-25px-top { margin-top:25px; }
    .xs-margin-30px-top { margin-top:30px; }
    .xs-margin-35px-top { margin-top:35px; }
    .xs-margin-40px-top { margin-top:40px; }
    .xs-margin-45px-top { margin-top:45px; }
    .xs-margin-50px-top { margin-top:50px; }
    .xs-margin-55px-top { margin-top:55px; }
    .xs-margin-60px-top { margin-top:60px; }
    .xs-margin-65px-top { margin-top:65px; }
    .xs-margin-70px-top { margin-top:70px; }
    .xs-margin-75px-top { margin-top:75px; }
    .xs-margin-80px-top { margin-top:80px; }
    .xs-margin-85px-top { margin-top:85px; }
    .xs-margin-90px-top { margin-top:90px; }
    .xs-margin-95px-top { margin-top:95px; }
    .xs-margin-100px-top { margin-top:100px; }
    .xs-margin-1-rem-top { margin-top: 1rem; }
    .xs-margin-1-half-rem-top { margin-top: 1.5rem; }
    .xs-margin-2-rem-top { margin-top: 2rem; }
    .xs-margin-2-half-rem-top { margin-top: 2.5rem; }
    .xs-margin-3-rem-top { margin-top: 3rem; }
    .xs-margin-3-half-rem-top { margin-top: 3.5rem; }
    .xs-margin-4-rem-top { margin-top: 4rem; }
    .xs-margin-4-half-rem-top { margin-top: 4.5rem; }
    .xs-margin-5-rem-top { margin-top: 5rem; }
    .xs-margin-5-half-rem-top { margin-top: 5.5rem; }
    .xs-margin-6-rem-top { margin-top: 6rem; }
    .xs-margin-6-half-rem-top { margin-top: 6.5rem; }
    .xs-margin-7-rem-top { margin-top: 7rem; }
    .xs-margin-7-half-rem-top { margin-top: 7.5rem; }
    .xs-margin-8-rem-top { margin-top: 8rem; }
    .xs-margin-8-half-rem-top { margin-top: 8.5rem; }
    .xs-margin-9-rem-top { margin-top: 9rem; }
    .xs-margin-9-half-rem-top { margin-top: 9.5rem; }
    .xs-margin-10-rem-top { margin-top: 10rem; }
    .xs-margin-10-half-rem-top { margin-top: 10.5rem; }

    /* margin bottom */
    .xs-margin-one-bottom { margin-bottom:1%; }
    .xs-margin-two-bottom { margin-bottom:2%; }
    .xs-margin-three-bottom { margin-bottom:3%; }
    .xs-margin-four-bottom { margin-bottom:4%; }
    .xs-margin-five-bottom { margin-bottom:5%; }
    .xs-margin-six-bottom { margin-bottom:6%; }
    .xs-margin-seven-bottom { margin-bottom:7%; }
    .xs-margin-eight-bottom { margin-bottom:8%; }
    .xs-margin-nine-bottom { margin-bottom:9%; }
    .xs-margin-ten-bottom { margin-bottom:10%; }
    .xs-margin-eleven-bottom { margin-bottom:11%; }
    .xs-margin-twelve-bottom { margin-bottom:12%; }
    .xs-margin-thirteen-bottom { margin-bottom:13%; }
    .xs-margin-fourteen-bottom { margin-bottom:14%; }
    .xs-margin-fifteen-bottom { margin-bottom:15%; }
    .xs-margin-sixteen-bottom { margin-bottom:16%; }
    .xs-margin-seventeen-bottom { margin-bottom:17%; }
    .xs-margin-eighteen-bottom { margin-bottom:18%; }
    .xs-margin-nineteen-bottom { margin-bottom:19%; }
    .xs-margin-twenty-bottom { margin-bottom:20%; }
    .xs-margin-5px-bottom { margin-bottom:5px; }
    .xs-margin-10px-bottom { margin-bottom:10px; }
    .xs-margin-15px-bottom { margin-bottom:15px; }
    .xs-margin-20px-bottom { margin-bottom:20px; }
    .xs-margin-25px-bottom { margin-bottom:25px; }
    .xs-margin-30px-bottom { margin-bottom:30px; }
    .xs-margin-35px-bottom { margin-bottom:35px; }
    .xs-margin-40px-bottom { margin-bottom:40px; }
    .xs-margin-45px-bottom { margin-bottom:45px; }
    .xs-margin-50px-bottom { margin-bottom:50px; }
    .xs-margin-55px-bottom { margin-bottom:55px; }
    .xs-margin-60px-bottom { margin-bottom:60px; }
    .xs-margin-65px-bottom { margin-bottom:65px; }
    .xs-margin-70px-bottom { margin-bottom:70px; }
    .xs-margin-75px-bottom { margin-bottom:75px; }
    .xs-margin-80px-bottom { margin-bottom:80px; }
    .xs-margin-85px-bottom { margin-bottom:85px; }
    .xs-margin-90px-bottom { margin-bottom:90px; }
    .xs-margin-95px-bottom { margin-bottom:95px; }
    .xs-margin-100px-bottom { margin-bottom:100px; }
    .xs-margin-1-rem-bottom { margin-bottom: 1rem; }
    .xs-margin-1-half-rem-bottom { margin-bottom: 1.5rem; }
    .xs-margin-2-rem-bottom { margin-bottom: 2rem; }
    .xs-margin-2-half-rem-bottom { margin-bottom: 2.5rem; }
    .xs-margin-3-rem-bottom { margin-bottom: 3rem; }
    .xs-margin-3-half-rem-bottom { margin-bottom: 3.5rem; }
    .xs-margin-4-rem-bottom { margin-bottom: 4rem; }
    .xs-margin-4-half-rem-bottom { margin-bottom: 4.5rem; }
    .xs-margin-5-rem-bottom { margin-bottom: 5rem; }
    .xs-margin-5-half-rem-bottom { margin-bottom: 5.5rem; }
    .xs-margin-6-rem-bottom { margin-bottom: 6rem; }
    .xs-margin-6-half-rem-bottom { margin-bottom: 6.5rem; }
    .xs-margin-7-rem-bottom { margin-bottom: 7rem; }
    .xs-margin-7-half-rem-bottom { margin-bottom: 7.5rem; }
    .xs-margin-8-rem-bottom { margin-bottom: 8rem; }
    .xs-margin-8-half-rem-bottom { margin-bottom: 8.5rem; }
    .xs-margin-9-rem-bottom { margin-bottom: 9rem; }
    .xs-margin-9-half-rem-bottom { margin-bottom: 9.5rem; }
    .xs-margin-10-rem-bottom { margin-bottom: 10rem; }
    .xs-margin-10-half-rem-bottom { margin-bottom: 10.5rem; }

    /* margin right */
    .xs-margin-one-right { margin-right:1%; }
    .xs-margin-two-right { margin-right:2%; }
    .xs-margin-three-right { margin-right:3%; }
    .xs-margin-four-right { margin-right:4%; }
    .xs-margin-five-right { margin-right:5%; }
    .xs-margin-six-right { margin-right:6%; }
    .xs-margin-seven-right { margin-right:7%; }
    .xs-margin-eight-right { margin-right:8%; }
    .xs-margin-nine-right { margin-right:9%; }
    .xs-margin-ten-right { margin-right:10%; }
    .xs-margin-eleven-right { margin-right:11%; }
    .xs-margin-twelve-right { margin-right:12%; }
    .xs-margin-thirteen-right { margin-right:13%; }
    .xs-margin-fourteen-right { margin-right:14%; }
    .xs-margin-fifteen-right { margin-right:15%; }
    .xs-margin-sixteen-right { margin-right:16%; }
    .xs-margin-seventeen-right { margin-right:17%; }
    .xs-margin-eighteen-right { margin-right:18%; }
    .xs-margin-nineteen-right { margin-right:19%; }
    .xs-margin-twenty-right { margin-right:20%; }
    .xs-margin-5px-right { margin-right:5px; }
    .xs-margin-10px-right { margin-right:10px; }
    .xs-margin-15px-right { margin-right:15px; }
    .xs-margin-20px-right { margin-right:20px; }
    .xs-margin-25px-right { margin-right:25px; }
    .xs-margin-30px-right { margin-right:30px; }
    .xs-margin-35px-right { margin-right:35px; }
    .xs-margin-40px-right { margin-right:40px; }
    .xs-margin-45px-right { margin-right:45px; }
    .xs-margin-50px-right { margin-right:50px; }
    .xs-margin-55px-right { margin-right:55px; }
    .xs-margin-60px-right { margin-right:60px; }
    .xs-margin-65px-right { margin-right:65px; }
    .xs-margin-70px-right { margin-right:70px; }
    .xs-margin-75px-right { margin-right:75px; }
    .xs-margin-80px-right { margin-right:80px; }
    .xs-margin-85px-right { margin-right:85px; }
    .xs-margin-90px-right { margin-right:90px; }
    .xs-margin-95px-right { margin-right:95px; }
    .xs-margin-100px-right { margin-right:100px; }
    .xs-margin-1-rem-right { margin-right: 1rem; }
    .xs-margin-1-half-rem-right { margin-right: 1.5rem; }
    .xs-margin-2-rem-right { margin-right: 2rem; }
    .xs-margin-2-half-rem-right { margin-right: 2.5rem; }
    .xs-margin-3-rem-right { margin-right: 3rem; }
    .xs-margin-3-half-rem-right { margin-right: 3.5rem; }
    .xs-margin-4-rem-right { margin-right: 4rem; }
    .xs-margin-4-half-rem-right { margin-right: 4.5rem; }
    .xs-margin-5-rem-right { margin-right: 5rem; }
    .xs-margin-5-half-rem-right { margin-right: 5.5rem; }
    .xs-margin-6-rem-right { margin-right: 6rem; }
    .xs-margin-6-half-rem-right { margin-right: 6.5rem; }
    .xs-margin-7-rem-right { margin-right: 7rem; }
    .xs-margin-7-half-rem-right { margin-right: 7.5rem; }
    .xs-margin-8-rem-right { margin-right: 8rem; }
    .xs-margin-8-half-rem-right { margin-right: 8.5rem; }
    .xs-margin-9-rem-right { margin-right: 9rem; }
    .xs-margin-9-half-rem-right { margin-right: 9.5rem; }
    .xs-margin-10-rem-right { margin-right: 10rem; }
    .xs-margin-10-half-rem-right { margin-right: 10.5rem; }

    /* margin left */
    .xs-margin-one-left { margin-left:1%; }
    .xs-margin-two-left { margin-left:2%; }
    .xs-margin-three-left { margin-left:3%; }
    .xs-margin-four-left { margin-left:4%; }
    .xs-margin-five-left { margin-left:5%; }
    .xs-margin-six-left { margin-left:6%; }
    .xs-margin-seven-left { margin-left:7%; }
    .xs-margin-eight-left { margin-left:8%; }
    .xs-margin-nine-left { margin-left:9%; }
    .xs-margin-ten-left { margin-left:10%; }
    .xs-margin-eleven-left { margin-left:11%; }
    .xs-margin-twelve-left { margin-left:12%; }
    .xs-margin-thirteen-left { margin-left:13%; }
    .xs-margin-fourteen-left { margin-left:14%; }
    .xs-margin-fifteen-left { margin-left:15%; }
    .xs-margin-sixteen-left { margin-left:16%; }
    .xs-margin-seventeen-left { margin-left:17%; }
    .xs-margin-eighteen-left { margin-left:18%; }
    .xs-margin-nineteen-left { margin-left:19%; }
    .xs-margin-twenty-left { margin-left:20%; }
    .xs-margin-5px-left { margin-left:5px; }
    .xs-margin-10px-left { margin-left:10px; }
    .xs-margin-15px-left { margin-left:15px; }
    .xs-margin-20px-left { margin-left:20px; }
    .xs-margin-25px-left { margin-left:25px; }
    .xs-margin-30px-left { margin-left:30px; }
    .xs-margin-35px-left { margin-left:35px; }
    .xs-margin-40px-left { margin-left:40px; }
    .xs-margin-45px-left { margin-left:45px; }
    .xs-margin-50px-left { margin-left:50px; }
    .xs-margin-55px-left { margin-left:55px; }
    .xs-margin-60px-left { margin-left:60px; }
    .xs-margin-65px-left { margin-left:65px; }
    .xs-margin-70px-left { margin-left:70px; }
    .xs-margin-75px-left { margin-left:75px; }
    .xs-margin-80px-left { margin-left:80px; }
    .xs-margin-85px-left { margin-left:85px; }
    .xs-margin-90px-left { margin-left:90px; }
    .xs-margin-95px-left { margin-left:95px; }
    .xs-margin-100px-left { margin-left:100px; }
    .xs-margin-1-rem-left { margin-left: 1rem; }
    .xs-margin-1-half-rem-left { margin-left: 1.5rem; }
    .xs-margin-2-rem-left { margin-left: 2rem; }
    .xs-margin-2-half-rem-left { margin-left: 2.5rem; }
    .xs-margin-3-rem-left { margin-left: 3rem; }
    .xs-margin-3-half-rem-left { margin-left: 3.5rem; }
    .xs-margin-4-rem-left { margin-left: 4rem; }
    .xs-margin-4-half-rem-left { margin-left: 4.5rem; }
    .xs-margin-5-rem-left { margin-left: 5rem; }
    .xs-margin-5-half-rem-left { margin-left: 5.5rem; }
    .xs-margin-6-rem-left { margin-left: 6rem; }
    .xs-margin-6-half-rem-left { margin-left: 6.5rem; }
    .xs-margin-7-rem-left { margin-left: 7rem; }
    .xs-margin-7-half-rem-left { margin-left: 7.5rem; }
    .xs-margin-8-rem-left { margin-left: 8rem; }
    .xs-margin-8-half-rem-left { margin-left: 8.5rem; }
    .xs-margin-9-rem-left { margin-left: 9rem; }
    .xs-margin-9-half-rem-left { margin-left: 9.5rem; }
    .xs-margin-10-rem-left { margin-left: 10rem; }
    .xs-margin-10-half-rem-left { margin-left: 10.5rem; }

    /* margin left right */
    .xs-margin-one-lr { margin-left:1%; margin-right:1%; }
    .xs-margin-two-lr { margin-left:2%; margin-right:2%; }
    .xs-margin-three-lr { margin-left:3%; margin-right:3%; }
    .xs-margin-four-lr { margin-left:4%; margin-right:4%; }
    .xs-margin-five-lr { margin-left:5%; margin-right:5%; }
    .xs-margin-six-lr { margin-left:6%; margin-right:6%; }
    .xs-margin-seven-lr { margin-left:7%; margin-right:7%; }
    .xs-margin-eight-lr { margin-left:8%; margin-right:8%; }
    .xs-margin-nine-lr { margin-left:9%; margin-right:9%; }
    .xs-margin-ten-lr { margin-left:10%; margin-right:10%; }
    .xs-margin-eleven-lr { margin-left:11%; margin-right:11%; }
    .xs-margin-twelve-lr { margin-left:12%; margin-right:12%; }
    .xs-margin-thirteen-lr { margin-left:13%; margin-right:13%; }
    .xs-margin-fourteen-lr { margin-left:14%; margin-right:14%; }
    .xs-margin-fifteen-lr { margin-left:15%; margin-right:15%; }
    .xs-margin-sixteen-lr { margin-left:16%; margin-right:16%; }
    .xs-margin-seventeen-lr { margin-left:17%; margin-right:17%; }
    .xs-margin-eighteen-lr { margin-left:18%; margin-right:18%; }
    .xs-margin-nineteen-lr { margin-left:19%; margin-right:19%; }
    .xs-margin-twenty-lr { margin-left:20%; margin-right:20%; }
    .xs-margin-5px-lr { margin-left:5px; margin-right:5px; }
    .xs-margin-10px-lr { margin-left:10px; margin-right:10px; }
    .xs-margin-15px-lr { margin-left:15px; margin-right:15px; }
    .xs-margin-20px-lr { margin-left:20px; margin-right:20px; }
    .xs-margin-25px-lr { margin-left:25px; margin-right:25px; }
    .xs-margin-30px-lr { margin-left:30px; margin-right:30px; }
    .xs-margin-35px-lr { margin-left:35px; margin-right:35px; }
    .xs-margin-40px-lr { margin-left:40px; margin-right:40px; }
    .xs-margin-45px-lr { margin-left:45px; margin-right:45px; }
    .xs-margin-50px-lr { margin-left:50px; margin-right:50px; }
    .xs-margin-55px-lr { margin-left:55px; margin-right:55px; }
    .xs-margin-60px-lr { margin-left:60px; margin-right:60px; }
    .xs-margin-65px-lr { margin-left:65px; margin-right:65px; }
    .xs-margin-70px-lr { margin-left:70px; margin-right:70px; }
    .xs-margin-75px-lr { margin-left:75px; margin-right:75px; }
    .xs-margin-80px-lr { margin-left:80px; margin-right:80px; }
    .xs-margin-85px-lr { margin-left:85px; margin-right:85px; }
    .xs-margin-90px-lr { margin-left:90px; margin-right:90px; }
    .xs-margin-95px-lr { margin-left:95px; margin-right:95px; }
    .xs-margin-100px-lr { margin-left:100px; margin-right:100px; }
    .xs-margin-1-rem-lr { margin-left: 1rem; margin-right: 1rem; }
    .xs-margin-1-half-rem-lr { margin-left: 1.5rem; margin-right: 1.5rem; }
    .xs-margin-2-rem-lr { margin-left: 2rem; margin-right: 2rem; }
    .xs-margin-2-half-rem-lr { margin-left: 2.5rem; margin-right: 2.5rem; }
    .xs-margin-3-rem-lr { margin-left: 3rem; margin-right: 3rem; }
    .xs-margin-3-half-rem-lr { margin-left: 3.5rem; margin-right: 3.5rem; }
    .xs-margin-4-rem-lr { margin-left: 4rem; margin-right: 4rem; }
    .xs-margin-4-half-rem-lr { margin-left: 4.5rem; margin-right: 4.5rem; }
    .xs-margin-5-rem-lr { margin-left: 5rem; margin-right: 5rem; }
    .xs-margin-5-half-rem-lr { margin-left: 5.5rem; margin-right: 5.5rem; }
    .xs-margin-6-rem-lr { margin-left: 6rem; margin-right: 6rem; }
    .xs-margin-6-half-rem-lr { margin-left: 6.5rem; margin-right: 6.5rem; }
    .xs-margin-7-rem-lr { margin-left: 7rem; margin-right: 7rem; }
    .xs-margin-7-half-rem-lr { margin-left: 7.5rem; margin-right: 7.5rem; }
    .xs-margin-8-rem-lr { margin-left: 8rem; margin-right: 8rem; }
    .xs-margin-8-half-rem-lr { margin-left: 8.5rem; margin-right: 8.5rem; }
    .xs-margin-9-rem-lr { margin-left: 9rem; margin-right: 9rem; }
    .xs-margin-9-half-rem-lr { margin-left: 9.5rem; margin-right: 9.5rem; }
    .xs-margin-10-rem-lr { margin-left: 10rem; margin-right: 10rem; }
    .xs-margin-10-half-rem-lr { margin-left: 10.5rem; margin-right: 10.5rem; }

    /* margin top bottom */
    .xs-margin-one-tb { margin-top:1%; margin-bottom:1%; }
    .xs-margin-two-tb { margin-top:2%; margin-bottom:2%; }
    .xs-margin-three-tb { margin-top:3%; margin-bottom:3%; }
    .xs-margin-four-tb { margin-top:4%; margin-bottom:4%; }
    .xs-margin-five-tb { margin-top:5%; margin-bottom:5%; }
    .xs-margin-six-tb { margin-top:6%; margin-bottom:6%; }
    .xs-margin-seven-tb { margin-top:7%; margin-bottom:7%; }
    .xs-margin-eight-tb { margin-top:8%; margin-bottom:8%; }
    .xs-margin-nine-tb { margin-top:9%; margin-bottom:9%; }
    .xs-margin-ten-tb { margin-top:10%; margin-bottom:10%; }
    .xs-margin-eleven-tb { margin-top:11%; margin-bottom:11%; }
    .xs-margin-twelve-tb { margin-top:12%; margin-bottom:12%; }
    .xs-margin-thirteen-tb { margin-top:13%; margin-bottom:13%; }
    .xs-margin-fourteen-tb { margin-top:14%; margin-bottom:14%; }
    .xs-margin-fifteen-tb { margin-top:15%; margin-bottom:15%; }
    .xs-margin-sixteen-tb { margin-top:16%; margin-bottom:16%; }
    .xs-margin-seventeen-tb { margin-top:17%; margin-bottom:17%; }
    .xs-margin-eighteen-tb { margin-top:18%; margin-bottom:18%; }
    .xs-margin-nineteen-tb { margin-top:19%; margin-bottom:19%; }
    .xs-margin-twenty-tb { margin-top:20%; margin-bottom:20%; }
    .xs-margin-5px-tb { margin-top:5px; margin-bottom:5px; }
    .xs-margin-10px-tb { margin-top:10px; margin-bottom:10px; }
    .xs-margin-15px-tb { margin-top:15px; margin-bottom:15px; }
    .xs-margin-20px-tb { margin-top:20px; margin-bottom:20px; }
    .xs-margin-25px-tb { margin-top:25px; margin-bottom:25px; }
    .xs-margin-30px-tb { margin-top:30px; margin-bottom:30px; }
    .xs-margin-35px-tb { margin-top:35px; margin-bottom:35px; }
    .xs-margin-40px-tb { margin-top:40px; margin-bottom:40px; }
    .xs-margin-45px-tb { margin-top:45px; margin-bottom:45px; }
    .xs-margin-50px-tb { margin-top:50px; margin-bottom:50px; }
    .xs-margin-55px-tb { margin-top:55px; margin-bottom:55px; }
    .xs-margin-60px-tb { margin-top:60px; margin-bottom:60px; }
    .xs-margin-65px-tb { margin-top:65px; margin-bottom:65px; }
    .xs-margin-70px-tb { margin-top:70px; margin-bottom:70px; }
    .xs-margin-75px-tb { margin-top:75px; margin-bottom:75px; }
    .xs-margin-80px-tb { margin-top:80px; margin-bottom:80px; }
    .xs-margin-85px-tb { margin-top:85px; margin-bottom:85px; }
    .xs-margin-90px-tb { margin-top:90px; margin-bottom:90px; }
    .xs-margin-95px-tb { margin-top:95px; margin-bottom:95px; }
    .xs-margin-100px-tb { margin-top:100px; margin-bottom:100px; }
    .xs-margin-1-rem-tb { margin-top: 1rem; margin-bottom: 1rem; }
    .xs-margin-1-half-rem-tb { margin-top: 1.5rem; margin-bottom: 1.5rem; }
    .xs-margin-2-rem-tb { margin-top: 2rem; margin-bottom: 2rem; }
    .xs-margin-2-half-rem-tb { margin-top: 2.5rem; margin-bottom: 2.5rem; }
    .xs-margin-3-rem-tb { margin-top: 3rem; margin-bottom: 3rem; }
    .xs-margin-3-half-rem-tb { margin-top: 3.5rem; margin-bottom: 3.5rem; }
    .xs-margin-4-rem-tb { margin-top: 4rem; margin-bottom: 4rem; }
    .xs-margin-4-half-rem-tb { margin-top: 4.5rem; margin-bottom: 4.5rem; }
    .xs-margin-5-rem-tb { margin-top: 5rem; margin-bottom: 5rem; }
    .xs-margin-5-half-rem-tb { margin-top: 5.5rem; margin-bottom: 5.5rem; }
    .xs-margin-6-rem-tb { margin-top: 6rem; margin-bottom: 6rem; }
    .xs-margin-6-half-rem-tb { margin-top: 6.5rem; margin-bottom: 6.5rem; }
    .xs-margin-7-rem-tb { margin-top: 7rem; margin-bottom: 7rem; }
    .xs-margin-7-half-rem-tb { margin-top: 7.5rem; margin-bottom: 7.5rem; }
    .xs-margin-8-rem-tb { margin-top: 8rem; margin-bottom: 8rem; }
    .xs-margin-8-half-rem-tb { margin-top: 8.5rem; margin-bottom: 8.5rem; }
    .xs-margin-9-rem-tb { margin-top: 9rem; margin-bottom: 9rem; }
    .xs-margin-9-half-rem-tb { margin-top: 9.5rem; margin-bottom: 9.5rem; }
    .xs-margin-10-rem-tb { margin-top: 10rem; margin-bottom: 10rem; }
    .xs-margin-10-half-rem-tb { margin-top: 10.5rem; margin-bottom: 10.5rem; }

    .xs-margin-auto-lr { margin-left: auto !important; margin-right: auto !important }
    .xs-margin-auto { margin: auto; }
    .xs-no-margin { margin: 0 !important; }
    .xs-no-margin-top { margin-top: 0 !important; }
    .xs-no-margin-bottom { margin-bottom: 0 !important; }
    .xs-no-margin-left { margin-left: 0 !important; }
    .xs-no-margin-right { margin-right: 0 !important; }
    .xs-no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
    .xs-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }

    /* padding */
    .xs-padding-one-all { padding:1%; }
    .xs-padding-two-all { padding:2%; }
    .xs-padding-three-all { padding:3%; }
    .xs-padding-four-all { padding:4%; }
    .xs-padding-five-all { padding:5%; }
    .xs-padding-six-all { padding:6%; }
    .xs-padding-seven-all { padding:7%; }
    .xs-padding-eight-all { padding:8%; }
    .xs-padding-nine-all { padding:9%; }
    .xs-padding-ten-all { padding:10%; }
    .xs-padding-eleven-all { padding:11%; }
    .xs-padding-twelve-all { padding:12%; }
    .xs-padding-thirteen-all { padding:13%; }
    .xs-padding-fourteen-all { padding:14%; }
    .xs-padding-fifteen-all { padding:15%; }
    .xs-padding-sixteen-all { padding:16%; }
    .xs-padding-seventeen-all { padding:17%; }
    .xs-padding-eighteen-all { padding:18%; }
    .xs-padding-nineteen-all { padding:19%; }
    .xs-padding-twenty-all { padding:20%; }
    .xs-padding-5px-all { padding:5px; }
    .xs-padding-10px-all { padding:10px; }
    .xs-padding-15px-all { padding:15px; }
    .xs-padding-20px-all { padding:20px; }
    .xs-padding-25px-all { padding:25px; }
    .xs-padding-30px-all { padding:30px; }
    .xs-padding-35px-all { padding:35px; }
    .xs-padding-40px-all { padding:40px; }
    .xs-padding-45px-all { padding:45px; }
    .xs-padding-50px-all { padding:50px; }
    .xs-padding-55px-all { padding:55px; }
    .xs-padding-60px-all { padding:60px; }
    .xs-padding-65px-all { padding:65px; }
    .xs-padding-70px-all { padding:70px; }
    .xs-padding-75px-all { padding:75px; }
    .xs-padding-80px-all { padding:80px; }
    .xs-padding-85px-all { padding:85px; }
    .xs-padding-90px-all { padding:90px; }
    .xs-padding-95px-all { padding:95px; }
    .xs-padding-100px-all { padding:100px; }
    .xs-padding-1-rem-all { padding: 1rem; }
    .xs-padding-1-half-rem-all { padding: 1.5rem; }
    .xs-padding-2-rem-all { padding: 2rem; }
    .xs-padding-2-half-rem-all { padding: 2.5rem; }
    .xs-padding-3-rem-all { padding: 3rem; }
    .xs-padding-3-half-rem-all { padding: 3.5rem; }
    .xs-padding-4-rem-all { padding: 4rem; }
    .xs-padding-4-half-rem-all { padding: 4.5rem; }
    .xs-padding-5-rem-all { padding: 5rem; }
    .xs-padding-5-half-rem-all { padding: 5.5rem; }
    .xs-padding-6-rem-all { padding: 6rem; }
    .xs-padding-6-half-rem-all { padding: 6.5rem; }
    .xs-padding-7-rem-all { padding: 7rem; }
    .xs-padding-7-half-rem-all { padding: 7.5rem; }
    .xs-padding-8-rem-all { padding: 8rem; }
    .xs-padding-8-half-rem-all { padding: 8.5rem; }
    .xs-padding-9-rem-all { padding: 9rem; }
    .xs-padding-9-half-rem-all { padding: 9.5rem; }
    .xs-padding-10-rem-all { padding: 10rem; }
    .xs-padding-10-half-rem-all { padding: 10.5rem; }

    /* padding top */
    .xs-padding-one-top { padding-top:1%; }
    .xs-padding-two-top { padding-top:2%; }
    .xs-padding-three-top { padding-top:3%; }
    .xs-padding-four-top { padding-top:4%; }
    .xs-padding-five-top { padding-top:5%; }
    .xs-padding-six-top { padding-top:6%; }
    .xs-padding-seven-top { padding-top:7%; }
    .xs-padding-eight-top { padding-top:8%; }
    .xs-padding-nine-top { padding-top:9%; }
    .xs-padding-ten-top { padding-top:10%; }
    .xs-padding-eleven-top { padding-top:11%; }
    .xs-padding-twelve-top { padding-top:12%; }
    .xs-padding-thirteen-top { padding-top:13%; }
    .xs-padding-fourteen-top { padding-top:14%; }
    .xs-padding-fifteen-top { padding-top:15%; }
    .xs-padding-sixteen-top { padding-top:16%; }
    .xs-padding-seventeen-top { padding-top:17%; }
    .xs-padding-eighteen-top { padding-top:18%; }
    .xs-padding-nineteen-top { padding-top:19%; }
    .xs-padding-twenty-top { padding-top:20%; }
    .xs-padding-5px-top { padding-top:5px; }
    .xs-padding-10px-top { padding-top:10px; }
    .xs-padding-15px-top { padding-top:15px; }
    .xs-padding-20px-top { padding-top:20px; }
    .xs-padding-25px-top { padding-top:25px; }
    .xs-padding-30px-top { padding-top:30px; }
    .xs-padding-35px-top { padding-top:35px; }
    .xs-padding-40px-top { padding-top:40px; }
    .xs-padding-45px-top { padding-top:45px; }
    .xs-padding-50px-top { padding-top:50px; }
    .xs-padding-55px-top { padding-top:55px; }
    .xs-padding-60px-top { padding-top:60px; }
    .xs-padding-65px-top { padding-top:65px; }
    .xs-padding-70px-top { padding-top:70px; }
    .xs-padding-75px-top { padding-top:75px; }
    .xs-padding-80px-top { padding-top:80px; }
    .xs-padding-85px-top { padding-top:85px; }
    .xs-padding-90px-top { padding-top:90px; }
    .xs-padding-95px-top { padding-top:95px; }
    .xs-padding-100px-top { padding-top:100px; }
    .xs-padding-1-rem-top { padding-top: 1rem; }
    .xs-padding-1-half-rem-top { padding-top: 1.5rem; }
    .xs-padding-2-rem-top { padding-top: 2rem; }
    .xs-padding-2-half-rem-top { padding-top: 2.5rem; }
    .xs-padding-3-rem-top { padding-top: 3rem; }
    .xs-padding-3-half-rem-top { padding-top: 3.5rem; }
    .xs-padding-4-rem-top { padding-top: 4rem; }
    .xs-padding-4-half-rem-top { padding-top: 4.5rem; }
    .xs-padding-5-rem-top { padding-top: 5rem; }
    .xs-padding-5-half-rem-top { padding-top: 5.5rem; }
    .xs-padding-6-rem-top { padding-top: 6rem; }
    .xs-padding-6-half-rem-top { padding-top: 6.5rem; }
    .xs-padding-7-rem-top { padding-top: 7rem; }
    .xs-padding-7-half-rem-top { padding-top: 7.5rem; }
    .xs-padding-8-rem-top { padding-top: 8rem; }
    .xs-padding-8-half-rem-top { padding-top: 8.5rem; }
    .xs-padding-9-rem-top { padding-top: 9rem; }
    .xs-padding-9-half-rem-top { padding-top: 9.5rem; }
    .xs-padding-10-rem-top { padding-top: 10rem; }
    .xs-padding-10-half-rem-top { padding-top: 10.5rem; }

    /* padding bottom */
    .xs-padding-one-bottom { padding-bottom:1%; }
    .xs-padding-two-bottom { padding-bottom:2%; }
    .xs-padding-three-bottom { padding-bottom:3%; }
    .xs-padding-four-bottom { padding-bottom:4%; }
    .xs-padding-five-bottom { padding-bottom:5%; }
    .xs-padding-six-bottom { padding-bottom:6%; }
    .xs-padding-seven-bottom { padding-bottom:7%; }
    .xs-padding-eight-bottom { padding-bottom:8%; }
    .xs-padding-nine-bottom { padding-bottom:9%; }
    .xs-padding-ten-bottom { padding-bottom:10%; }
    .xs-padding-eleven-bottom { padding-bottom:11%; }
    .xs-padding-twelve-bottom { padding-bottom:12%; }
    .xs-padding-thirteen-bottom { padding-bottom:13%; }
    .xs-padding-fourteen-bottom { padding-bottom:14%; }
    .xs-padding-fifteen-bottom { padding-bottom:15%; }
    .xs-padding-sixteen-bottom { padding-bottom:16%; }
    .xs-padding-seventeen-bottom { padding-bottom:17%; }
    .xs-padding-eighteen-bottom { padding-bottom:18%; }
    .xs-padding-nineteen-bottom { padding-bottom:19%; }
    .xs-padding-twenty-bottom { padding-bottom:20%; }
    .xs-padding-5px-bottom { padding-bottom:5px; }
    .xs-padding-10px-bottom { padding-bottom:10px; }
    .xs-padding-15px-bottom { padding-bottom:15px; }
    .xs-padding-20px-bottom { padding-bottom:20px; }
    .xs-padding-25px-bottom { padding-bottom:25px; }
    .xs-padding-30px-bottom { padding-bottom:30px; }
    .xs-padding-35px-bottom { padding-bottom:35px; }
    .xs-padding-40px-bottom { padding-bottom:40px; }
    .xs-padding-45px-bottom { padding-bottom:45px; }
    .xs-padding-50px-bottom { padding-bottom:50px; }
    .xs-padding-55px-bottom { padding-bottom:55px; }
    .xs-padding-60px-bottom { padding-bottom:60px; }
    .xs-padding-65px-bottom { padding-bottom:65px; }
    .xs-padding-70px-bottom { padding-bottom:70px; }
    .xs-padding-75px-bottom { padding-bottom:75px; }
    .xs-padding-80px-bottom { padding-bottom:80px; }
    .xs-padding-85px-bottom { padding-bottom:85px; }
    .xs-padding-90px-bottom { padding-bottom:90px; }
    .xs-padding-95px-bottom { padding-bottom:95px; }
    .xs-padding-100px-bottom { padding-bottom:100px; }
    .xs-padding-1-rem-bottom { padding-bottom: 1rem; }
    .xs-padding-1-half-rem-bottom { padding-bottom: 1.5rem; }
    .xs-padding-2-rem-bottom { padding-bottom: 2rem; }
    .xs-padding-2-half-rem-bottom { padding-bottom: 2.5rem; }
    .xs-padding-3-rem-bottom { padding-bottom: 3rem; }
    .xs-padding-3-half-rem-bottom { padding-bottom: 3.5rem; }
    .xs-padding-4-rem-bottom { padding-bottom: 4rem; }
    .xs-padding-4-half-rem-bottom { padding-bottom: 4.5rem; }
    .xs-padding-5-rem-bottom { padding-bottom: 5rem; }
    .xs-padding-5-half-rem-bottom { padding-bottom: 5.5rem; }
    .xs-padding-6-rem-bottom { padding-bottom: 6rem; }
    .xs-padding-6-half-rem-bottom { padding-bottom: 6.5rem; }
    .xs-padding-7-rem-bottom { padding-bottom: 7rem; }
    .xs-padding-7-half-rem-bottom { padding-bottom: 7.5rem; }
    .xs-padding-8-rem-bottom { padding-bottom: 8rem; }
    .xs-padding-8-half-rem-bottom { padding-bottom: 8.5rem; }
    .xs-padding-9-rem-bottom { padding-bottom: 9rem; }
    .xs-padding-9-half-rem-bottom { padding-bottom: 9.5rem; }
    .xs-padding-10-rem-bottom { padding-bottom: 10rem; }
    .xs-padding-10-half-rem-bottom { padding-bottom: 10.5rem; }

    /* padding right */
    .xs-padding-one-right { padding-right:1%; }
    .xs-padding-two-right { padding-right:2%; }
    .xs-padding-three-right { padding-right:3%; }
    .xs-padding-four-right { padding-right:4% }
    .xs-padding-five-right { padding-right:5%; }
    .xs-padding-six-right { padding-right:6%; }
    .xs-padding-seven-right { padding-right:7%; }
    .xs-padding-eight-right { padding-right:8%; }
    .xs-padding-nine-right { padding-right:9%; }
    .xs-padding-ten-right { padding-right:10%; }
    .xs-padding-eleven-right { padding-right:11%; }
    .xs-padding-twelve-right { padding-right:12%; }
    .xs-padding-thirteen-right { padding-right:13%; }
    .xs-padding-fourteen-right { padding-right:14%; }
    .xs-padding-fifteen-right { padding-right:15%; }
    .xs-padding-sixteen-right { padding-right:16%; }
    .xs-padding-seventeen-right { padding-right:17%; }
    .xs-padding-eighteen-right { padding-right:18%; }
    .xs-padding-nineteen-right { padding-right:19%; }
    .xs-padding-twenty-right { padding-right:20%; }
    .xs-padding-5px-right { padding-right:5px; }
    .xs-padding-10px-right { padding-right:10px; }
    .xs-padding-15px-right { padding-right:15px; }
    .xs-padding-20px-right { padding-right:20px; }
    .xs-padding-25px-right { padding-right:25px; }
    .xs-padding-30px-right { padding-right:30px; }
    .xs-padding-35px-right { padding-right:35px; }
    .xs-padding-40px-right { padding-right:40px; }
    .xs-padding-45px-right { padding-right:45px; }
    .xs-padding-50px-right { padding-right:50px; }
    .xs-padding-55px-right { padding-right:55px; }
    .xs-padding-60px-right { padding-right:60px; }
    .xs-padding-65px-right { padding-right:65px; }
    .xs-padding-70px-right { padding-right:70px; }
    .xs-padding-75px-right { padding-right:75px; }
    .xs-padding-80px-right { padding-right:80px; }
    .xs-padding-85px-right { padding-right:85px; }
    .xs-padding-90px-right { padding-right:90px; }
    .xs-padding-95px-right { padding-right:95px; }
    .xs-padding-100px-right { padding-right:100px; }
    .xs-padding-1-rem-right { padding-right: 1rem; }
    .xs-padding-1-half-rem-right { padding-right: 1.5rem; }
    .xs-padding-2-rem-right { padding-right: 2rem; }
    .xs-padding-2-half-rem-right { padding-right: 2.5rem; }
    .xs-padding-3-rem-right { padding-right: 3rem; }
    .xs-padding-3-half-rem-right { padding-right: 3.5rem; }
    .xs-padding-4-rem-right { padding-right: 4rem; }
    .xs-padding-4-half-rem-right { padding-right: 4.5rem; }
    .xs-padding-5-rem-right { padding-right: 5rem; }
    .xs-padding-5-half-rem-right { padding-right: 5.5rem; }
    .xs-padding-6-rem-right { padding-right: 6rem; }
    .xs-padding-6-half-rem-right { padding-right: 6.5rem; }
    .xs-padding-7-rem-right { padding-right: 7rem; }
    .xs-padding-7-half-rem-right { padding-right: 7.5rem; }
    .xs-padding-8-rem-right { padding-right: 8rem; }
    .xs-padding-8-half-rem-right { padding-right: 8.5rem; }
    .xs-padding-9-rem-right { padding-right: 9rem; }
    .xs-padding-9-half-rem-right { padding-right: 9.5rem; }
    .xs-padding-10-rem-right { padding-right: 10rem; }
    .xs-padding-10-half-rem-right { padding-right: 10.5rem; }

    /* padding left */
    .xs-padding-one-left { padding-left:1%; }
    .xs-padding-two-left { padding-left:2%; }
    .xs-padding-three-left { padding-left:3%; }
    .xs-padding-four-left { padding-left:4%; }
    .xs-padding-five-left { padding-left:5%; }
    .xs-padding-six-left { padding-left:6%; }
    .xs-padding-seven-left { padding-left:7%; }
    .xs-padding-eight-left { padding-left:8%; }
    .xs-padding-nine-left { padding-left:9%; }
    .xs-padding-ten-left { padding-left:10%; }
    .xs-padding-eleven-left { padding-left:11%; }
    .xs-padding-twelve-left { padding-left:12%; }
    .xs-padding-thirteen-left { padding-left:13%; }
    .xs-padding-fourteen-left { padding-left:14%; }
    .xs-padding-fifteen-left { padding-left:15%; }
    .xs-padding-sixteen-left { padding-left:16%; }
    .xs-padding-seventeen-left { padding-left:17%; }
    .xs-padding-eighteen-left { padding-left:18%; }
    .xs-padding-nineteen-left { padding-left:19%; }
    .xs-padding-twenty-left { padding-left:20%; }
    .xs-padding-5px-left { padding-left:5px; }
    .xs-padding-10px-left { padding-left:10px; }
    .xs-padding-15px-left { padding-left:15px; }
    .xs-padding-20px-left { padding-left:20px; }
    .xs-padding-25px-left { padding-left:25px; }
    .xs-padding-30px-left { padding-left:30px; }
    .xs-padding-35px-left { padding-left:35px; }
    .xs-padding-40px-left { padding-left:40px; }
    .xs-padding-45px-left { padding-left:45px; }
    .xs-padding-50px-left { padding-left:50px; }
    .xs-padding-55px-left { padding-left:55px; }
    .xs-padding-60px-left { padding-left:60px; }
    .xs-padding-65px-left { padding-left:65px; }
    .xs-padding-70px-left { padding-left:70px; }
    .xs-padding-75px-left { padding-left:75px; }
    .xs-padding-80px-left { padding-left:80px; }
    .xs-padding-85px-left { padding-left:85px; }
    .xs-padding-90px-left { padding-left:90px; }
    .xs-padding-95px-left { padding-left:95px; }
    .xs-padding-100px-left { padding-left:100px; }
    .xs-padding-1-rem-left { padding-left: 1rem; }
    .xs-padding-1-half-rem-left { padding-left: 1.5rem; }
    .xs-padding-2-rem-left { padding-left: 2rem; }
    .xs-padding-2-half-rem-left { padding-left: 2.5rem; }
    .xs-padding-3-rem-left { padding-left: 3rem; }
    .xs-padding-3-half-rem-left { padding-left: 3.5rem; }
    .xs-padding-4-rem-left { padding-left: 4rem; }
    .xs-padding-4-half-rem-left { padding-left: 4.5rem; }
    .xs-padding-5-rem-left { padding-left: 5rem; }
    .xs-padding-5-half-rem-left { padding-left: 5.5rem; }
    .xs-padding-6-rem-left { padding-left: 6rem; }
    .xs-padding-6-half-rem-left { padding-left: 6.5rem; }
    .xs-padding-7-rem-left { padding-left: 7rem; }
    .xs-padding-7-half-rem-left { padding-left: 7.5rem; }
    .xs-padding-8-rem-left { padding-left: 8rem; }
    .xs-padding-8-half-rem-left { padding-left: 8.5rem; }
    .xs-padding-9-rem-left { padding-left: 9rem; }
    .xs-padding-9-half-rem-left { padding-left: 9.5rem; }
    .xs-padding-10-rem-left { padding-left: 10rem; }
    .xs-padding-10-half-rem-left { padding-left: 10.5rem; }

    /* padding top bottom */
    .xs-padding-one-tb { padding-top:1%; padding-bottom:1%; }
    .xs-padding-two-tb { padding-top:2%; padding-bottom:2%; }
    .xs-padding-three-tb { padding-top:3%; padding-bottom:3%; }
    .xs-padding-four-tb { padding-top:4%; padding-bottom:4%; }
    .xs-padding-five-tb { padding-top:5%; padding-bottom:5%; }
    .xs-padding-six-tb { padding-top:6%; padding-bottom:6%; }
    .xs-padding-seven-tb { padding-top:7%; padding-bottom:7%; }
    .xs-padding-eight-tb { padding-top:8%; padding-bottom:8%; }
    .xs-padding-nine-tb { padding-top:9%; padding-bottom:9%; }
    .xs-padding-ten-tb { padding-top:10%; padding-bottom:10%; }
    .xs-padding-eleven-tb { padding-top:11%; padding-bottom:11%; }
    .xs-padding-twelve-tb { padding-top:12%; padding-bottom:12%; }
    .xs-padding-thirteen-tb { padding-top:13%; padding-bottom:13%; }
    .xs-padding-fourteen-tb { padding-top:14%; padding-bottom:14%; }
    .xs-padding-fifteen-tb { padding-top:15%; padding-bottom:15%; }
    .xs-padding-sixteen-tb { padding-top:16%; padding-bottom:16%; }
    .xs-padding-seventeen-tb { padding-top:17%; padding-bottom:17%; }
    .xs-padding-eighteen-tb { padding-top:18%; padding-bottom:18%; }
    .xs-padding-nineteen-tb { padding-top:19%; padding-bottom:19%; }
    .xs-padding-twenty-tb { padding-top:20%; padding-bottom:20%; }
    .xs-padding-5px-tb { padding-top:5px; padding-bottom:5px; }
    .xs-padding-10px-tb { padding-top:10px; padding-bottom:10px; }
    .xs-padding-15px-tb { padding-top:15px; padding-bottom:15px; }
    .xs-padding-20px-tb { padding-top:20px; padding-bottom:20px; }
    .xs-padding-25px-tb { padding-top:25px; padding-bottom:25px; }
    .xs-padding-30px-tb { padding-top:30px; padding-bottom:30px; }
    .xs-padding-35px-tb { padding-top:35px; padding-bottom:35px; }
    .xs-padding-40px-tb { padding-top:40px; padding-bottom:40px; }
    .xs-padding-45px-tb { padding-top:45px; padding-bottom:45px; }
    .xs-padding-50px-tb { padding-top:50px; padding-bottom:50px; }
    .xs-padding-55px-tb { padding-top:55px; padding-bottom:55px; }
    .xs-padding-60px-tb { padding-top:60px; padding-bottom:60px; }
    .xs-padding-65px-tb { padding-top:65px; padding-bottom:65px; }
    .xs-padding-70px-tb { padding-top:70px; padding-bottom:70px; }
    .xs-padding-75px-tb { padding-top:75px; padding-bottom:75px; }
    .xs-padding-80px-tb { padding-top:80px; padding-bottom:80px; }
    .xs-padding-85px-tb { padding-top:85px; padding-bottom:85px; }
    .xs-padding-90px-tb { padding-top:90px; padding-bottom:90px; }
    .xs-padding-95px-tb { padding-top:95px; padding-bottom:95px; }
    .xs-padding-100px-tb { padding-top:100px; padding-bottom:100px; }
    .xs-padding-1-rem-tb { padding-top: 1rem; padding-bottom: 1rem; }
    .xs-padding-1-half-rem-tb { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .xs-padding-2-rem-tb { padding-top: 2rem; padding-bottom: 2rem; }
    .xs-padding-2-half-rem-tb { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .xs-padding-3-rem-tb { padding-top: 3rem; padding-bottom: 3rem; }
    .xs-padding-3-half-rem-tb { padding-top: 3.5rem; padding-bottom: 3.5rem; }
    .xs-padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
    .xs-padding-4-half-rem-tb { padding-top: 4.5rem; padding-bottom: 4.5rem; }
    .xs-padding-5-rem-tb { padding-top: 5rem; padding-bottom: 5rem; }
    .xs-padding-5-half-rem-tb { padding-top: 5.5rem; padding-bottom: 5.5rem; }
    .xs-padding-6-rem-tb { padding-top: 6rem; padding-bottom: 6rem; }
    .xs-padding-6-half-rem-tb { padding-top: 6.5rem; padding-bottom: 6.5rem; }
    .xs-padding-7-rem-tb { padding-top: 7rem; padding-bottom: 7rem; }
    .xs-padding-7-half-rem-tb { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .xs-padding-8-rem-tb { padding-top: 8rem; padding-bottom: 8rem; }
    .xs-padding-8-half-rem-tb { padding-top: 8.5rem; padding-bottom: 8.5rem; }
    .xs-padding-9-rem-tb { padding-top: 9rem; padding-bottom: 9rem; }
    .xs-padding-9-half-rem-tb { padding-top: 9.5rem; padding-bottom: 9.5rem; }
    .xs-padding-10-rem-tb { padding-top: 10rem; padding-bottom: 10rem; }
    .xs-padding-10-half-rem-tb { padding-top: 10.5rem; padding-bottom: 10.5rem; }

    /* padding left right */
    .xs-padding-one-lr { padding-left:1%; padding-right:1%; }
    .xs-padding-two-lr { padding-left:2%; padding-right:2%; }
    .xs-padding-three-lr { padding-left:3%; padding-right:3%; }
    .xs-padding-four-lr { padding-left:4%; padding-right:4%; }
    .xs-padding-five-lr { padding-left:5%; padding-right:5%; }
    .xs-padding-six-lr { padding-left:6%; padding-right:6%; }
    .xs-padding-seven-lr { padding-left:7%; padding-right:7%; }
    .xs-padding-eight-lr { padding-left:8%; padding-right:8%; }
    .xs-padding-nine-lr { padding-left:9%; padding-right:9%; }
    .xs-padding-ten-lr { padding-left:10%; padding-right:10%; }
    .xs-padding-eleven-lr { padding-left:11%; padding-right:11%; }
    .xs-padding-twelve-lr { padding-left:12%; padding-right:12%; }
    .xs-padding-thirteen-lr { padding-left:13%; padding-right:13%; }
    .xs-padding-fourteen-lr { padding-left:14%; padding-right:14%; }
    .xs-padding-fifteen-lr { padding-left:15%; padding-right:15%; }
    .xs-padding-sixteen-lr { padding-left:16%; padding-right:16%; }
    .xs-padding-seventeen-lr { padding-left:17%; padding-right:17%; }
    .xs-padding-eighteen-lr { padding-left:18%; padding-right:18%; }
    .xs-padding-nineteen-lr { padding-left:19%; padding-right:19%; }
    .xs-padding-twenty-lr { padding-left:20%; padding-right:20%; }
    .xs-padding-5px-lr { padding-left:5px; padding-right:5px; }
    .xs-padding-10px-lr { padding-left:10px; padding-right:10px; }
    .xs-padding-15px-lr { padding-left:15px; padding-right:15px; }
    .xs-padding-20px-lr { padding-left:20px; padding-right:20px; }
    .xs-padding-25px-lr { padding-left:25px; padding-right:25px; }
    .xs-padding-30px-lr { padding-left:30px; padding-right:30px; }
    .xs-padding-35px-lr { padding-left:35px; padding-right:35px; }
    .xs-padding-40px-lr { padding-left:40px; padding-right:40px; }
    .xs-padding-45px-lr { padding-left:45px; padding-right:45px; }
    .xs-padding-50px-lr { padding-left:50px; padding-right:50px; }
    .xs-padding-55px-lr { padding-left:55px; padding-right:55px; }
    .xs-padding-60px-lr { padding-left:60px; padding-right:60px; }
    .xs-padding-65px-lr { padding-left:65px; padding-right:65px; }
    .xs-padding-70px-lr { padding-left:70px; padding-right:70px; }
    .xs-padding-75px-lr { padding-left:75px; padding-right:75px; }
    .xs-padding-80px-lr { padding-left:80px; padding-right:80px; }
    .xs-padding-85px-lr { padding-left:85px; padding-right:85px; }
    .xs-padding-90px-lr { padding-left:90px; padding-right:90px; }
    .xs-padding-95px-lr { padding-left:95px; padding-right:95px; }
    .xs-padding-100px-lr { padding-left:100px; padding-right:100px; }
    .xs-padding-1-rem-lr { padding-left: 1rem; padding-right: 1rem; }
    .xs-padding-1-half-rem-lr { padding-left: 1.5rem; padding-right: 1.5rem; }
    .xs-padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
    .xs-padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
    .xs-padding-3-rem-lr { padding-left: 3rem; padding-right: 3rem; }
    .xs-padding-3-half-rem-lr { padding-left: 3.5rem; padding-right: 3.5rem; }
    .xs-padding-4-rem-lr { padding-left: 4rem; padding-right: 4rem; }
    .xs-padding-4-half-rem-lr { padding-left: 4.5rem; padding-right: 4.5rem; }
    .xs-padding-5-rem-lr { padding-left: 5rem; padding-right: 5rem; }
    .xs-padding-5-half-rem-lr { padding-left: 5.5rem; padding-right: 5.5rem; }
    .xs-padding-6-rem-lr { padding-left: 6rem; padding-right: 6rem; }
    .xs-padding-6-half-rem-lr { padding-left: 6.5rem; padding-right: 6.5rem; }
    .xs-padding-7-rem-lr { padding-left: 7rem; padding-right: 7rem; }
    .xs-padding-7-half-rem-lr { padding-left: 7.5rem; padding-right: 7.5rem; }
    .xs-padding-8-rem-lr { padding-left: 8rem; padding-right: 8rem; }
    .xs-padding-8-half-rem-lr { padding-left: 8.5rem; padding-right: 8.5rem; }
    .xs-padding-9-rem-lr { padding-left: 9rem; padding-right: 9rem; }
    .xs-padding-9-half-rem-lr { padding-left: 9.5rem; padding-right: 9.5rem; }
    .xs-padding-10-rem-lr { padding-left: 10rem; padding-right: 10rem; }
    .xs-padding-10-half-rem-lr { padding-left: 10.5rem; padding-right: 10.5rem; }

    .xs-no-padding { padding:0 !important; }
    .xs-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .xs-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
    .xs-no-padding-top { padding-top:0 !important; }
    .xs-no-padding-bottom { padding-bottom:0 !important; }
    .xs-no-padding-left { padding-left:0 !important; }
    .xs-no-padding-right { padding-right:0 !important; }

    /* display and overflow */
    .xs-d-initial { display: initial !important; }
    .xs-overflow-hidden { overflow:hidden !important; }
    .xs-overflow-visible { overflow:visible !important; }
    .xs-overflow-auto { overflow:auto !important; }

    /* position */
    .xs-position-relative { position: relative !important; }
    .xs-position-absolute { position: absolute !important; }
    .xs-position-fixed { position: fixed !important; }
    .xs-position-inherit { position: inherit !important; }
    .xs-position-initial { position: initial !important; }

    /* top */
    .xs-top-0px { top: 0; }
    .xs-top-1px { top: 1px; }
    .xs-top-2px { top: 2px; }
    .xs-top-3px { top: 3px; }
    .xs-top-4px { top: 4px; }
    .xs-top-5px { top: 5px; }
    .xs-top-6px { top: 6px; }
    .xs-top-7px { top: 7px; }
    .xs-top-8px { top: 8px; }
    .xs-top-9px { top: 9px; }
    .xs-top-10px { top: 10px; }
    .xs-top-15px { top: 15px; }
    .xs-top-20px { top: 20px; }
    .xs-top-25px { top: 25px; }
    .xs-top-30px { top: 30px; }
    .xs-top-35px { top: 35px; }
    .xs-top-40px { top: 40px; }
    .xs-top-45px { top: 45px; }
    .xs-top-50px { top: 50px; }
    .xs-top-auto { top:auto; }
    .xs-top-inherit { top:inherit; }

    /* top minus */
    .xs-top-minus-1px { top: -1px; }
    .xs-top-minus-2px { top: -2px; }
    .xs-top-minus-3px { top: -3px; }
    .xs-top-minus-4px { top: -4px; }
    .xs-top-minus-5px { top: -5px; }
    .xs-top-minus-6px { top: -6px; }
    .xs-top-minus-7px { top: -7px; }
    .xs-top-minus-8px { top: -8px; }
    .xs-top-minus-9px { top: -9px; }
    .xs-top-minus-10px { top: -10px; }
    .xs-top-minus-15px { top: -15px; }
    .xs-top-minus-20px { top: -20px; }
    .xs-top-minus-25px { top: -25px; }
    .xs-top-minus-30px { top: -30px; }
    .xs-top-minus-35px { top: -35px; }
    .xs-top-minus-40px { top: -40px; }
    .xs-top-minus-45px { top: -45px; }
    .xs-top-minus-50px { top: -50px; }

    /* bottom */
    .xs-bottom-0px { bottom:0; }
    .xs-bottom-1px { bottom:1px; }
    .xs-bottom-2px { bottom:2px; }
    .xs-bottom-3px { bottom:3px; }
    .xs-bottom-4px { bottom:4px; }
    .xs-bottom-5px { bottom:5px; }
    .xs-bottom-6px { bottom:6px; }
    .xs-bottom-7px { bottom:7px; }
    .xs-bottom-8px { bottom:8px; }
    .xs-bottom-9px { bottom:9px; }
    .xs-bottom-10px { bottom:10px; }
    .xs-bottom-15px { bottom:15px; }
    .xs-bottom-20px { bottom:20px; }
    .xs-bottom-25px { bottom:25px; }
    .xs-bottom-30px { bottom:30px; }
    .xs-bottom-35px { bottom:35px; }
    .xs-bottom-40px { bottom:40px; }
    .xs-bottom-45px { bottom:45px; }
    .xs-bottom-50px { bottom:50px; }
    .xs-bottom-55px { bottom:55px; }
    .xs-bottom-60px { bottom:60px; }
    .xs-bottom-auto { bottom: auto; }
    .xs-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .xs-bottom-minus-1px { bottom: -1px; }
    .xs-bottom-minus-2px { bottom: -2px; }
    .xs-bottom-minus-3px { bottom: -3px; }
    .xs-bottom-minus-4px { bottom: -4px; }
    .xs-bottom-minus-5px { bottom: -5px; }
    .xs-bottom-minus-6px { bottom: -6px; }
    .xs-bottom-minus-7px { bottom: -7px; }
    .xs-bottom-minus-8px { bottom: -8px; }
    .xs-bottom-minus-9px { bottom: -9px; }
    .xs-bottom-minus-10px { bottom: -10px; }
    .xs-bottom-minus-15px { bottom: -15px; }
    .xs-bottom-minus-20px { bottom: -20px; }
    .xs-bottom-minus-25px { bottom: -25px; }
    .xs-bottom-minus-30px { bottom: -30px; }
    .xs-bottom-minus-35px { bottom: -35px; }
    .xs-bottom-minus-40px { bottom: -40px; }
    .xs-bottom-minus-45px { bottom: -45px; }
    .xs-bottom-minus-50px { bottom: -50px; }

    /* right */
    .xs-right-0px { right: 0; }
    .xs-right-1px { right: 1px; }
    .xs-right-2px { right: 2px; }
    .xs-right-3px { right: 3px; }
    .xs-right-4px { right: 4px; }
    .xs-right-5px { right: 5px; }
    .xs-right-6px { right: 6px; }
    .xs-right-7px { right: 7px; }
    .xs-right-8px { right: 8px; }
    .xs-right-9px { right: 9px; }
    .xs-right-10px { right: 10px; }
    .xs-right-15px { right: 15px; }
    .xs-right-20px { right: 20px; }
    .xs-right-25px { right: 25px; }
    .xs-right-30px { right: 30px; }
    .xs-right-35px { right: 35px; }
    .xs-right-40px { right: 40px; }
    .xs-right-45px { right: 45px; }
    .xs-right-50px { right: 50px; }
    .xs-right-auto { right: auto; }
    .xs-right-inherit { right: inherit; }

    /* right minus */
    .xs-right-minus-1px { right: -1px; }
    .xs-right-minus-2px { right: -2px; }
    .xs-right-minus-3px { right: -3px; }
    .xs-right-minus-4px { right: -4px; }
    .xs-right-minus-5px { right: -5px; }
    .xs-right-minus-6px { right: -6px; }
    .xs-right-minus-7px { right: -7px; }
    .xs-right-minus-8px { right: -8px; }
    .xs-right-minus-9px { right: -9px; }
    .xs-right-minus-10px { right: -10px; }
    .xs-right-minus-15px { right: -15px; }
    .xs-right-minus-20px { right: -20px; }
    .xs-right-minus-25px { right: -25px; }
    .xs-right-minus-30px { right: -30px; }
    .xs-right-minus-35px { right: -35px; }
    .xs-right-minus-40px { right: -40px; }
    .xs-right-minus-45px { right: -45px; }
    .xs-right-minus-50px { right: -50px; }

    /* left */
    .xs-left-0px { left: 0; }
    .xs-left-1px { left: 1px; }
    .xs-left-2px { left: 2px; }
    .xs-left-3px { left: 3px; }
    .xs-left-4px { left: 4px; }
    .xs-left-5px { left: 5px; }
    .xs-left-6px { left: 6px; }
    .xs-left-7px { left: 7px; }
    .xs-left-8px { left: 8px; }
    .xs-left-9px { left: 9px; }
    .xs-left-10px { left: 10px; }
    .xs-left-15px { left: 15px; }
    .xs-left-20px { left: 20px; }
    .xs-left-25px { left: 25px; }
    .xs-left-30px { left: 30px; }
    .xs-left-35px { left: 35px; }
    .xs-left-40px { left: 40px; }
    .xs-left-45px { left: 45px; }
    .xs-left-50px { left: 50px; }
    .xs-left-55px { left: 55px; }
    .xs-left-60px { left: 60px; }
    .xs-left-auto { left: auto; }
    .xs-left-inherit { left: inherit; }

    /* left minus */
    .xs-left-minus-1px { left: -1px; }
    .xs-left-minus-2px { left: -2px; }
    .xs-left-minus-3px { left: -3px; }
    .xs-left-minus-4px { left: -4px; }
    .xs-left-minus-5px { left: -5px; }
    .xs-left-minus-6px { left: -6px; }
    .xs-left-minus-7px { left: -7px; }
    .xs-left-minus-8px { left: -8px; }
    .xs-left-minus-9px { left: -9px; }
    .xs-left-minus-10px { left: -10px; }
    .xs-left-minus-15px { left: -15px; }
    .xs-left-minus-20px { left: -20px; }
    .xs-left-minus-25px { left: -25px; }
    .xs-left-minus-30px { left: -30px; }
    .xs-left-minus-35px { left: -35px; }
    .xs-left-minus-40px { left: -40px; }
    .xs-left-minus-45px { left: -45px; }
    .xs-left-minus-50px { left: -50px; }

    /* width */
    .xs-w-1px { width:1px !important; }
    .xs-w-2px { width:2px !important; }
    .xs-w-3px { width:3px !important; }
    .xs-w-4px { width:4px !important; }
    .xs-w-5px { width:5px !important; }
    .xs-w-6px { width:6px !important; }
    .xs-w-7px { width:7px !important; }
    .xs-w-8px { width:8px !important; }
    .xs-w-9px { width:9px !important; }
    .xs-w-10px { width:10px !important; }
    .xs-w-15px { width:15px !important; }
    .xs-w-20px { width:20px !important; }
    .xs-w-25px { width:25px !important; }
    .xs-w-30px { width:30px !important; }
    .xs-w-35px { width:35px !important; }
    .xs-w-40px { width:40px !important; }
    .xs-w-50px { width:50px !important; }
    .xs-w-55px { width:55px !important; }
    .xs-w-60px { width:60px !important; }
    .xs-w-65px { width:65px !important; }
    .xs-w-70px { width:70px !important; }
    .xs-w-75px { width:75px !important; }
    .xs-w-80px { width:80px !important; }
    .xs-w-85px { width:85px !important; }
    .xs-w-90px { width:90px !important; }
    .xs-w-95px { width:95px !important; }
    .xs-w-100px { width:100px !important; }
    .xs-w-110px { width:110px !important; }
    .xs-w-120px { width:120px !important; }
    .xs-w-130px { width:130px !important; }
    .xs-w-140px { width:140px !important; }
    .xs-w-150px { width:150px !important; }
    .xs-w-160px { width:160px !important; }
    .xs-w-170px { width:170px !important; }
    .xs-w-180px { width:180px !important; }
    .xs-w-190px { width:190px !important; }
    .xs-w-200px { width:200px !important; }
    .xs-w-250px { width:250px !important; }
    .xs-w-300px { width:300px !important; }
    .xs-w-350px { width:350px !important; }
    .xs-w-400px { width:400px !important; }
    .xs-w-450px { width:450px !important; }
    .xs-w-500px { width:500px !important; }
    .xs-w-550px { width:550px !important; }
    .xs-w-600px { width:600px !important; }
    .xs-w-650px { width:650px !important; }
    .xs-w-700px { width:700px !important; }
    .xs-w-750px { width:750px !important; }
    .xs-w-800px { width:800px !important; }
    .xs-w-850px { width:850px !important; }
    .xs-w-900px { width:900px !important; }
    .xs-w-950px { width:950px !important; }
    .xs-w-1000px { width:1000px !important; }
    .xs-w-10 { width: 10% !important; }
    .xs-w-15 { width: 15% !important; }
    .xs-w-20 { width: 20% !important; }
    .xs-w-25 { width: 25% !important; }
    .xs-w-30 { width: 30% !important; }
    .xs-w-35 { width: 35% !important; }
    .xs-w-40 { width: 40% !important; }
    .xs-w-45 { width: 45% !important; }
    .xs-w-50 { width: 50% !important; }
    .xs-w-55 { width: 55% !important; }
    .xs-w-60 { width: 60% !important; }
    .xs-w-65 { width: 65% !important; }
    .xs-w-70 { width: 70% !important; }
    .xs-w-75 { width: 75% !important; }
    .xs-w-80 { width: 80% !important; }
    .xs-w-85 { width: 85% !important; }
    .xs-w-90 { width: 90% !important; }
    .xs-w-95 { width: 95% !important; }
    .xs-w-100 { width: 100% !important; }
    .xs-w-auto { width:auto !important; }

    /* height */
    .xs-h-1px { height: 1px !important; }
    .xs-h-2px { height: 2px !important; }
    .xs-h-3px { height: 3px !important; }
    .xs-h-4px { height: 4px !important; }
    .xs-h-5px { height: 5px !important; }
    .xs-h-6px { height: 6px !important; }
    .xs-h-7px { height: 7px !important; }
    .xs-h-8px { height: 8px !important; }
    .xs-h-9px { height: 9px !important; }
    .xs-h-10px { height: 10px !important; }
    .xs-h-20px { height: 20px !important; }
    .xs-h-30px { height: 30px !important; }
    .xs-h-40px { height: 40px !important; }
    .xs-h-42px { height: 42px !important; }
    .xs-h-50px { height: 50px !important; }
    .xs-h-60px { height: 60px !important; }
    .xs-h-70px { height: 70px !important; }
    .xs-h-80px { height: 80px !important; }
    .xs-h-90px { height: 90px !important; }
    .xs-h-100px { height: 100px !important; }
    .xs-h-110px { height: 110px !important; }
    .xs-h-120px { height: 120px !important; }
    .xs-h-130px { height: 130px !important; }
    .xs-h-140px { height: 140px !important; }
    .xs-h-150px { height: 150px !important; }
    .xs-h-160px { height: 160px !important; }
    .xs-h-170px { height: 170px !important; }
    .xs-h-180px { height: 180px !important; }
    .xs-h-190px { height: 190px !important; }
    .xs-h-200px { height: 200px !important; }
    .xs-h-250px { height: 250px !important; }
    .xs-h-300px { height: 300px !important; }
    .xs-h-350px { height: 350px !important; }
    .xs-h-400px { height: 400px !important; }
    .xs-h-450px { height: 450px !important; }
    .xs-h-500px { height: 500px !important; }
    .xs-h-520px { height: 520px !important; }
    .xs-h-550px { height: 550px !important; }
    .xs-h-580px { height: 580px !important; }
    .xs-h-600px { height: 600px !important; }
    .xs-h-650px { height: 650px !important; }
    .xs-h-700px { height: 700px !important; }
    .xs-h-720px { height: 720px !important; }
    .xs-h-750px { height: 750px !important; }
    .xs-h-800px { height: 800px !important; }
    .xs-h-820px { height: 820px !important; }
    .xs-h-830px { height: 830px !important; }
    .xs-h-850px { height: 850px !important; }

    .xs-h-50 { height: 50% !important; }
    .xs-h-100 { height: 100% !important; }
    .xs-h-auto { height:auto !important; }

    /* min-height */
    .xs-min-h-100px { min-height: 100px; }
    .xs-min-h-200px { min-height: 200px; }
    .xs-min-h-300px { min-height: 300px; }
    .xs-min-h-400px { min-height: 400px; }
    .xs-min-h-500px { min-height: 500px; }
    .xs-min-h-600px { min-height: 600px; }
    .xs-min-h-700px { min-height: 700px; }

    /* screen height */
    .small-screen { height: 280px; }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer {  transform: translateY(calc(100% - 105px)); -webkit-transform: translateY(calc(100% - 105px)); -moz-transform: translateY(calc(100% - 105px)); -ms-transform: translateY(calc(100% - 105px));  }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 5rem; bottom: 5rem; }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-time { min-width: 100%; padding-right: 15px;}
    .accordion-style-04 .panel .accordion-toggle { width: 100%; }
    .accordion-style-04 .panel .panel-body { margin-left: 0; width: 100%; }

    /* accordion style 05 */
    .accordion-style-05 .panel .panel-heading { padding: 15px 60px 15px 20px; }
    .accordion-style-05 .panel .panel-heading.active-accordion { padding-top: 20px; }
    .accordion-style-05 .panel .panel-body { padding: 0 40px 20px 20px; }
    .accordion-style-05 .panel .collapse.show .panel-body, .accordion-style-05 .panel .collapsing .panel-body { padding-bottom: 20px; }
    .accordion-style-05 .panel .panel-heading.active-accordion i { top: 50%; }

    /* table style 01 */
    .table-style-01 + .mfp-close { width: 34px; height: 34px; line-height: 34px; }

    /* tab style 04 */
    .tab-style-04 .nav-tabs > li.nav-item { width: 100%; }

    /* process step style 02 */
    .process-step-style-02 .process-step-icon-wrap { margin-right: 25px; }

    /* process step style 03 */
    .process-step-style-03 .process-step-item-box .process-step-item-box-bfr { width: calc(100% - 50px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box { margin-bottom: 15px; padding: 0 15px; width: 50%; }
    .countdown.countdown-style-02 .countdown-box:nth-child(2):after { display: none; }
    .countdown.countdown-style-02 .countdown-box .number { margin: 0 auto;}

    /* countdown style 03 */
    .countdown.countdown-style-03 .countdown-box { margin-bottom: 15px; padding: 0 15px; width: 50%; }
    .countdown.countdown-style-03 .countdown-box:nth-child(2):after { display: none; }
    .countdown.countdown-style-03 .countdown-box .number { margin: 0 auto;}

    /* newsletter style 04 */
    .newsletter-style-04 input { padding-right: 25px; }
    .newsletter-style-04 .btn { position: static; top: inherit; right: inherit; transform: translateY(0px); border-radius: 6px; margin-top: 15px; padding: 12px 35px; height: auto; width: 100%;}

    /* button */
    .btn-dual .btn { margin-left: 4px; margin-right: 4px; }

    /* no border */
    .xs-no-border-top { border-top:0 !important }
    .xs-no-border-bottom { border-bottom:0 !important }
    .xs-no-border-right { border-right:0 !important }
    .xs-no-border-left { border-left:0 !important }
    .xs-no-border-all { border: 0 !important }
    .xs-no-border-radius { border-radius: 0 !important }

    /* border width */
    .xs-border-width-1px { border-width:1px !important; }
    .xs-border-width-2px { border-width:2px !important; }
    .xs-border-width-3px { border-width:3px !important; }
    .xs-border-width-4px { border-width:4px !important; }
    .xs-border-width-5px { border-width:5px !important; }
    .xs-border-width-6px { border-width:6px !important; }
    .xs-border-width-7px { border-width:7px !important; }
    .xs-border-width-8px { border-width:8px !important; }
    .xs-border-width-9px { border-width:9px !important; }
    .xs-border-width-10px { border-width:10px !important; }
    .xs-border-width-11px { border-width:11px !important; }
    .xs-border-width-12px { border-width:12px !important; }
    .xs-border-width-13px { border-width:13px !important; }
    .xs-border-width-14px { border-width:14px !important; }
    .xs-border-width-15px { border-width:15px !important; }
    .xs-border-width-16px { border-width:16px !important; }
    .xs-border-width-17px { border-width:17px !important; }
    .xs-border-width-18px { border-width:18px !important; }
    .xs-border-width-19px { border-width:19px !important; }
    .xs-border-width-20px { border-width:20px !important; }

    /* border */
    .xs-border-all { border: 1px solid; }
    .xs-border-top { border-top: 1px solid; }
    .xs-border-bottom { border-bottom: 1px solid; }
    .xs-border-left { border-left: 1px solid; }
    .xs-border-right { border-right: 1px solid; }
    .xs-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .xs-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* border color */
    .xs-border-color-white { border-color: #fff; }
    .xs-border-color-black { border-color: #000; }
    .xs-border-color-sky-blue { border-color: #2e94eb; }
    .xs-border-color-extra-dark-gray { border-color: #232323; }
    .xs-border-color-medium-dark-gray { border-color: #363636; }
    .xs-border-color-dark-gray { border-color: #939393; }
    .xs-border-color-extra-medium-gray { border-color: #dbdbdb; }
    .xs-border-color-medium-gray { border-color: #e4e4e4; }
    .xs-border-color-extra-light-gray { border-color: #ededed; }
    .xs-border-color-light-gray { border-color: #f5f5f5; }
    .xs-border-color-light-pink { border-color: #862237; }
    .xs-border-color-deep-pink { border-color: #ff214f; }
    .xs-border-color-pink { border-color: #ff357c; }
    .xs-border-color-fast-blue { border-color: #0038e3; }
    .xs-border-color-orange { border-color: #ff6437; }
    .xs-border-color-green { border-color: #45d690; }
    .xs-border-color-golden { border-color: #d0ba6d; }
    .xs-border-color-persian-blue { border-color: #0039CC; }
    .xs-border-color-purple { border-color: #7342ac; }
    .xs-border-color-parrot-green { border-color: #cee002; }
    .xs-border-color-dark-red { border-color: #e12837; }

    /* transparent border */
    .xs-border-color-transparent { border-color: transparent; }
    .xs-border-color-black-transparent { border-color: rgba(0,0,0,.1); }
    .xs-border-color-white-transparent { border-color: rgba(255,255,255,.1); }
    .xs-border-color-golden-transparent { border-color: rgba(208, 186, 109, 0.2); }
    .xs-border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45); }
    .xs-border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2); }
    .xs-border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4); }
    .xs-border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05); }
    .xs-border-color-light-white-transparent { border-color: rgba(255,255,255,0.1); }
    .xs-border-color-nero-transparent { border-color: rgba(25,25,25,0.1); }
    .xs-border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04); }

    /* border style */
    .xs-border-dotted { border-style: dotted !important; }
    .xs-border-dashed { border-style: dashed !important; }
    .xs-border-solid { border-style: solid !important; }
    .xs-border-double { border-style: double !important; }
    .xs-border-groove { border-style: groove !important; }
    .xs-border-ridge { border-style: ridge !important; }
    .xs-border-inset { border-style: inset !important; }
    .xs-border-outset { border-style: outset !important; }
    .xs-border-none { border-style: none !important; }
    .xs-border-hidden { border-style: hidden !important; }
    .xs-border-transperent { border-color: transparent !important; }

    /* header search form */
    .form-wrapper .search-form-box { width: 90%; }
    .search-form .search-input { font-size: 18px; padding: 8px 38px 8px 2px; line-height: 30px; }
    .form-wrapper .search-form .search-button { bottom: 26px; }
    .form-wrapper .search-close { top: 5px; right: 5px; }
    .header-search-icon, .header-cart-icon, .header-language, .header-push-button, .header-button { padding-left: 3px; }

    /* menu modern */
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern] .top-bar { -webkit-transform: translate3d(-85vw, 0, 0); transform: translate3d(-85vw, 0, 0); }
    [data-mobile-nav-style=modern] .navbar-modern-inner { width: 85vw; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { padding-right: 10vw; padding-left: 10vw; }
    [data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .navbar-modern-inner { width: 85vw; }
    [data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .navbar-modern-inner .navbar-collapse { padding-right: 10vw; padding-left: 10vw; }
    .navbar-collapse-show[data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .top-bar { -webkit-transform: translate3d(85vw, 0, 0); transform: translate3d(85vw, 0, 0); }

    /* full-screen-menu */
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { padding: 60px 0 }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { top: 20px; right: 20px; }

    /* push menu */
    .push-menu { width: 100%; }

    /* sidebar nav menu */
    .side-menu-button { right: 15px; left: inherit; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .menu-style-2 .sidebar-nav-menu { width: 100%; }
    .side-menu-header .side-menu-button { right: 15px; }

    /* hamburger menu */
    .menu-list-wrapper.menu-list-wrapper-small { max-height: calc(100vh - 60px); height: calc(100vh - 60px); }

    /* header push menu close button */
    .close-menu { right: 0; top: 0;}

    /* swiper carousel */
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-fraction { bottom: 30px; }

    /* swiper custom image bullets */
    .slider-custom-image.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; }
    .slider-custom-image-pagination .swiper-pagination-bullet { width: 32px; height: 32px; margin: 0 7px !important; }

    /* slider navigation style 02 */
    .slider-navigation-style-02.swiper-button-prev { left: 0;}
    .slider-navigation-style-02.swiper-button-next { right: 0;}

    /* slider navigation style 05 */
    .slider-navigation-style-05.swiper-button-prev { left: 15px; }
    .slider-navigation-style-05.swiper-button-next { right: 15px; }

    /* slider navigation style 07 */
    .slider-navigation-style-07.swiper-button-prev.light { left: 0;}
    .slider-navigation-style-07.swiper-button-next.light { right: 0;}
    .slider-navigation-style-07.swiper-button-next { right: 10px;}
    .slider-navigation-style-07.swiper-button-prev { left: 10px;}

    /* swiper custom text */
    .slider-custom-text-prev.swiper-button-prev { padding-left: 8px; padding-right: 8px; }
    .slider-custom-text-next.swiper-button-next { padding-left: 8px; padding-right: 8px; }

    /* swiper vertical */
    .slider-vertical >.swiper-pagination-bullets { right: 15px; }

    /* swiper pagination */
    .slider-multy-scroll-right > .swiper-pagination-bullets { right: 15px; }

    /* grid */
    .grid.xs-grid-6col li { width: 16.67%; }
    .grid.xs-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.xs-grid-5col li { width: 20%; }
    .grid.xs-grid-5col li.grid-item-double { width: 40%; }
    .grid.xs-grid-4col li { width: 25%; }
    .grid.xs-grid-4col li.grid-item-double { width: 50%; }
    .grid.xs-grid-3col li { width: 33.33%; }
    .grid.xs-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.xs-grid-2col li { width: 50%; }
    .grid.xs-grid-2col li.grid-item-double { width: 100%; }
    .grid.xs-grid-1col li { width: 100%; }

    /* gutter size */
    .grid.gutter-medium, .grid.gutter-large { margin: 0 -15px; }
    .grid.gutter-medium li, .grid.gutter-large li { padding: 7px 15px }

    /* blog simple */
    .blog-simple .blog-post { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .blog-simple .blog-post-image, .blog-simple .post-details { width: 100%; }

    /* blog side image */
    .blog-side-image .separator { display: none; }

    /* blog widget */
    .blog-widget li figure { width: 100px; }
    .blog-widget li .media-body { padding-left: 15px; }

    /* sidebar latest post */
    .latest-post-sidebar li figure { width: 80px; }

    /* pagination style 01 */
    .pagination-style-01 .page-link { margin: 0 5px; }

    /* newsletter email */
    .newsletter-email input { padding-right: 65px; }

    /* newsletter style 01 */
    .newsletter-style-01 .btn { position: static; top: 0; border-radius: 100px; width: 100%; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); margin-top: 15px; }

    /* letter spacing */
    .xs-letter-spacing-normal { letter-spacing: normal; }
    .xs-lt05 { letter-spacing: 0.50px; }
    .xs-lt10 { letter-spacing: 1px; }
    .xs-lt20 { letter-spacing: 2px; }
    .xs-lt30 { letter-spacing: 3px; }
    .xs-lt40 { letter-spacing: 4px; }
    .xs-lt50 { letter-spacing: 5px; }

    /* text size */
    .fts-big2 { font-size: 55px; line-height: 55px; }
    .fts-big { font-size: 50px; line-height: 50px; }

    /* countdown style 01 */
    .countdown.countdown-style-01 .countdown-box, .countdown.countdown-style-01 .countdown-box:first-child, .countdown.countdown-style-01 .countdown-box:last-child { margin: 0 0 30px; width: 50%; }

    /* footer */
    footer .footer-horizontal-link li { margin: 0 0 7px; }

    /* events conference */
    .home-events-conference h1 { font-size: 28px; line-height: 38px; }

    /* marketing agency */
    .team-tulip-bubble { padding: 15px; left: -30px; bottom: 20%; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-number { transform: translateX(30px); -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); }
    .fullscreen-hover-list .hover-list-item .interactive-line { width: 15px; margin-left: 10px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:after { left: 15px; bottom: 15px; height: calc(100% - 30px); }
    .fullscreen-hover-list .hover-list-item.active .interactive-title:after { width: calc(100% - 30px); }
    .fullscreen-hover-list.light .hover-list-item .interactive-title { -webkit-text-stroke: 1px #4e4e4f; text-stroke: 1px #4e4e4f; }
    .fullscreen-hover-list .hover-list-item .interactive-icon { font-size: 40px; }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title { font-size: 30px; line-height: 30px; padding: 15px; }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar { padding: 0;}

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination { left: 17px; }

    /* personal portfolio */
    .home-personal-portfolio .fts-s { font-size: 50px; line-height: 55px; }

    /* photography */
    .home-photography .fts-xxl { font-size: 5rem; }
    .home-photography .interactive-banners-style-13 .interactive-banners-content { width: 35%; }

    /* freelancer */
    .home-freelancer .icon-extra-medium { font-size: 25px; }

    /* creative agency */
    .home-creative-agency h1.fts-xl { font-size: 60px; line-height: 65px; }

    /* digital agency */
    .home-digital-agency h1.fts-xl { font-size: 60px; line-height: 65px; }

    /* landing page */
    .litho-parallax-bg { right: 0px; top: -50px; }
    .landing-page-auto-slider .swiper-container.swiper-auto-slide .swiper-slide { width: 100% !important; }
    .landing-page-footer .fts-s { font-size: 35px; line-height: 42px; }

    /* split portfolio */
    .home-split-portfolio .fts-l { font-size: 45px; line-height: 40px; }
}

@media screen and (max-width: 480px) {
    /* yoga meditation*/
    .home-yoga-meditation .rev_slider_wrapper { height: calc(100vh - 72px) !important; }

    /* home decor */
    .home-decor .rev_slider_wrapper { height: calc(100vh - 100px) !important; }
    /*.home-decor .zeus { transform: matrix(1, 0, 0, 1, -26, -55) !important; }*/
    .home-decor .collection-btn { top: auto !important; }
    .home-decor .collection-btn span{ width: 45px !important; height: 45px !important; }

    /* photography*/
    .home-photography .ares { display: none !important; }
    .home-photography .zeus { display: block !important; }
    .home-photography .zeus .tp-bullet { height: 8px; width: 8px; border: 1px solid #fff; opacity: 0.5; }
    .home-photography .zeus .tp-bullet.selected { opacity: 1; }
    .home-photography .tp-bullet-image,.home-photography .tp-bullet-title,.home-photography .tp-bullet-imageoverlay { display: none !important; }

    /* startup*/
    .home-startup .rs-btn div { height: 30px !important; width: 30px !important; }
    .home-startup .tp-bullet.selected { opacity: 1; }

    /* architecture*/
    .home-architecture .metis.tparrows { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: auto !important; bottom: -25px; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; }
    .home-architecture .metis.tparrows:before { padding-top: 0; }
    .home-architecture .metis.tparrows:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
    .home-architecture .metis.tparrows.tp-leftarrow { left: 94% !important; }
    .home-architecture .metis.tparrows.tp-rightarrow { left: 94% !important; bottom: 25px; }

    /* split slider */
    .home-split-portfolio .swiper-slide-l { background-size: 53%; }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box { margin-bottom: 15px; padding: 0 25px; }
}
@media (max-height: 460px) {
    /* header search */
    .active-form .form-wrapper .search-form { height: 85vh; }
}

@media (max-height: 600px) {
    /* modern menu */
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { padding-top: 30px; padding-bottom: 30px; }

    /* full menu */
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { padding-top: 30px; padding-bottom: 30px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { right: 15px; top: 15px; }

    /* height */
    .full-screen-auto { height: auto !important; }

}



/* Source: add_responsive.css (final override) */


/************************************* DISPLAY 5STEP **************************************/

/* DESKTOP */
@media only screen and (min-width: 1900px) {
	.pcx {display: none}	
}
/* LAPTOP-XL */
@media only screen and (min-width: 1600px) and (max-width: 1899px) {
	.nlx {display: none!important;}	
}
/* LAPTOP */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.nx {display: none!important;}	
}
/* TABLIT-XL */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tlx {display: none!important;}	
}
/* TABLIT */
@media only screen and (min-width: 761px) and (max-width: 991px) {
	.tx {display: none!important;}	
}
/* MOBILE-XL */
@media only screen and (min-width: 481px) and (max-width: 760px) {
	.mlx {display: none!important;}	
}
/* MOBILE-M */
@media only screen and (min-width: 0) and (max-width: 480px) {
	.mx {display: none!important;}	
}

/************************************* DISPLAY 3STEP **************************************/
/* PC */
@media only screen and (min-width: 1200px) {
	.pcoff {display: none; opacity: 0!important;}	
	.pcentermleft{text-align: center}
	.pleftmcenter{text-align: left}	
	.mtm25{margin-top: -25px}
	.fsp50m30{font-size: 50px}
	.fsp44m30{font-size: 44px; margin-bottom: 50px; line-height: 56px}		
	.fsp44m22{font-size: 44px; margin-bottom: 50px; line-height: 56px}	
	.fsp38m20 {font-size: 38px;line-height: 46px!important; margin-bottom: 10px}			
/**/.fsp34m20 {font-size: 34px; line-height: 50px!important;}		
/**/.fsp34m24 {font-size: 34px; line-height: 48px!important;}		
/**/.fsp30m20 {font-size: 30px; line-height: 44px!important;}				
	.fsp23m14 {font-size: 23px; color: #454545}
   .fsp26m18 {font-size: 26px;  line-height: 38px!important;}	
    .fsp22m18 {font-size: 22px}	
	.fsp22m16{font-size: 22px}
/**/.fsp20m18 {font-size: 20px;  line-height: 35px!important;}		
/**/.fsp19m18 {font-size: 19px;  line-height: 34px!important;}			
/**/.fsp18m14 {font-size: 18px;  line-height: 32px!important;}	
/**/.fsp17m14 {font-size: 17px;  line-height: 32px!important;}	
/**/.fsp16m13 {font-size: 16px;  line-height: 30px!important;}		
/**/.fsp15m13 {font-size: 15px;  line-height: 28px!important;}			
	.p-basic-l {font-size: 18px; line-height: 36px}	
	.p-basic {font-size: 17px; line-height: 34px}
	.p-basic-s {font-size: 16px; line-height: 30px}		
	.border-pomx{border-top: 1px solid #ddd}
	.lhp60m40{line-height: 60px}
	.p-p0m3{padding: 0}
	.v-m-num-l{margin-top: 0!important; margin-right: 5px}
	.v-m-num-m{margin-top:-2px!important;}
	.support-p{padding-left: 150px}
	.support-p2{padding-left: 90px}	
	.support-i{width: 120px}	
	.pcpx5mpc0{padding-left: 3rem; padding-right: 3rem}
	
section.subtop-section { padding:100px 0; }	
section.subtop-section-en { padding:140px 0; }	
	
.fs60-subtop{font-size: 60px; }		
.fs55-subtop{font-size: 55px;}			
.fs50-subtop{font-size: 55px; }		
.fs45-subtop{font-size: 50px; }			
.ex-subtop{font-size: 30px; font-weight: 500; color: rgba(255,255,255,1); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) }		
.exp-subtop{font-size: 17px; font-weight: 300; line-height: 26px; color: rgba(255,255,255,0.9); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) }		
}
/* PAD */
@media only screen and (min-width: 761px) and (max-width: 1199px) {
	.toff {display: none; opacity: 0!important;}	
	.pcentermleft{text-align: center}
	.pleftmcenter{text-align: left}	
	.tab-style-06 .nav-tabs { border-bottom: none;border-top: 1px solid #ddd;}
	.tab-style-06 .nav-tabs > li.nav-item { width: 100%;  border-bottom: 1px solid #ddd; border-top:none; margin-bottom: 0 }
	.tab-style-06 .nav-tabs > li.nav-item > a.nav-link { padding: 10px 0; font-size: 16px }	
	.fsp50m30{font-size: 44px}	
	.fsp44m30{font-size: 40px; letter-spacing:  -1px; line-height: 50px;  margin-bottom: 30px}	
	.fsp44m22{font-size: 40px; letter-spacing:  -1px; line-height: 50px;  margin-bottom: 30px}		
	.fsp38m20 {font-size: 32px;line-height: 40px!important;margin-bottom: 10px}				
	.fsp34m20 {font-size: 30px;line-height: 42px!important;}	
/**/.fsp30m20 {font-size: 28px; line-height: 40px!important;}					
	.fsp34m24 {font-size: 26px;line-height: 38px!important;}		
	.fsp26m18 {font-size: 22px}
    .fsp22m18 {font-size: 20px}		
	.fsp22m16{font-size: 20px}	
	.fsp23m14 {font-size: 20px; color: #454545}
   .fsp20m18 {font-size: 19px;  line-height: 35px!important;}			
   .fsp19m18 {font-size: 18px;  line-height: 34px!important;}				
	.fsp18m14 {font-size: 16px; line-height: 34px!important;}	
	.fsp17m14 {font-size: 16px; line-height: 32px!important;}		
   .fsp16m13 {font-size: 15px;  line-height:30px!important;}	
   .fsp15m13 {font-size: 15px;  line-height: 28px!important;}				
	.p-basic-l {font-size: 17px; line-height: 34px}		
	.p-basic {font-size: 16px; line-height: 32px}		
	.p-basic-s {font-size: 15px; line-height: 28px}			
	.border-pomx{border-top: none}	
	.lhp60m40{line-height: 60px}	
	.p-p0m3{padding: 0}	
	.v-m-num-l{margin-top: 0px;margin-right: 5px}	
	.v-m-num-m{margin-top:0!important;}
	.support-p{padding-left: 0}	
	.support-p2{padding-left: 0}		
	.support-i{width: 100px}	
	.pcpx5mpc0{padding-left: 2.5rem; padding-right: 2.5rem}	
	
section.subtop-section { padding:80px 0; }		
section.subtop-section-en { padding:120px 0; }	
	
.fs60-subtop{font-size: 55px; }		
.fs55-subtop{font-size: 50px;}			
.fs50-subtop{font-size: 50px; }		
.fs45-subtop{font-size: 45px; }				
.ex-subtop{font-size: 28px; font-weight: 500;color: rgba(255,255,255,1); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1)}		
.exp-subtop{font-size: 17px; font-weight: 300; line-height: 26px; color: rgba(255,255,255,0.9) ;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1)}			
}
/* M */
@media only screen and (max-width: 760px) {
	.moff {display: none; opacity: 0!important;}	
	.pcentermleft{text-align: left}
	.pleftmcenter{text-align: center}	
	.header-language .dropdown-menu { right: 15%; padding: 10px; box-shadow: 0 0 35px rgba(0,0,0,0.1); border-radius: 6px; border: 0; margin: 0; margin-top: -5px; min-width: 100px; }
	.header-language .dropdown-menu a { color: #828282; display: block; padding: 2px 0; font-size: 14px; line-height: 30px; text-align: center }
	.header-language .dropdown-menu a:hover { color: #000; }	
	.tab-style-06 .nav-tabs > li.nav-item > a.nav-link { border-bottom: 2px solid transparent; font-size: 16px; padding: 8px 0;}	
	.fsp50m30{font-size: 30px}	
	.fsp44m30{font-size: 30px; left: -1px; line-height: 38px ; margin-bottom: 30px}			
	.fsp44m22{font-size: 22px; left: -0.5px; line-height: 28px ; margin-bottom: 30px}		
	.fsp38m20 {font-size: 20px;line-height: 26px!important;margin-bottom: 5px}				
	.fsp34m20 {font-size: 20px;line-height: 32px!important;}			
/**/.fsp30m20 {font-size: 20px; line-height:32px!important;}						
	.fsp34m24 {font-size: 24px;line-height: 36px!important;}				
	.fsp23m14 {font-size: 14px; color: #454545}
	.fsp26m18 {font-size: 18px}		
    .fsp22m18 {font-size: 18px}		
	.fsp22m16{font-size: 16px}	
    .fsp20m18 {font-size: 18px;  line-height: 30px!important;}			
    .fsp19m18 {font-size: 18px;  line-height: 29px!important;}				
	.fsp18m14 {font-size: 14px; line-height: 26px!important;}
	.fsp17m14 {font-size: 14px; line-height: 25px!important;}
   .fsp16m13 {font-size: 13px;  line-height:23px!important;}	
   .fsp15m13 {font-size: 13px;  line-height: 23px!important;}				
	.p-basic-l {font-size: 15px; line-height: 28px}			
	.p-basic {font-size: 15px; line-height: 28px}		
	.p-basic-s {font-size: 14px; line-height: 25px}				
	.border-pomx{border-top: none}	
	.lhp60m40{line-height: 40px}	
	.p-p0m3{padding-right: 1rem; padding-left: 1rem}	
	.v-m-num-l{margin-top: 0;margin-right: 2px}	
	.v-m-num-m{margin-top:2px!important;}	
	.support-p{padding-left:0; padding-right: 0}
	.support-p2{padding-left: 0}		
	.support-i{width: 55px;margin-top: 5px!important;}	
	.pcpx5mpc0{padding-left: 0; padding-right: 0}		
	
section.subtop-section { padding:5px 0 0 0; margin: 0 }		
section.subtop-section-en { padding:25px 0 20px 0; margin: 0 }	
	
.fs60-subtop{font-size: 23px; }		
.fs55-subtop{font-size: 22px;}			
.fs50-subtop{font-size: 22px; }	
.fs45-subtop{font-size: 18px; }				
.ex-subtop{font-size: 16px;font-weight: 500; color: rgba(255,255,255,0.9); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3) }		
.exp-subtop{font-size: 13px; font-weight: 400; line-height: 22px; color: rgba(255,255,255,0.8); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3)}			
}


/************************************* CUS **************************************/
@media only screen and (min-width : 1920px) {
}
@media only screen and (min-width : 1440px) and (max-width : 1919px) {
}
@media only screen and (min-width : 1200px) and (max-width : 1439px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
}
@media only screen and (max-width: 480px) {
}